body{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	height: 100%;
	color: #3D3D3F;
	background: white;
	/*text-align: left;*/
}
html{height: 100%;/* overflow-x: hidden; -ms-overflow-x: hidden;*/}
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;}

#contenitore {
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%; /* per ie 6 */
	position: relative;
	z-index: 100;
	overflow: hidden;
}
#pagina_totale{ width: 960px; margin: 0 auto; position: relative; height:100%; /*float: left;*/}
body>#pagina_totale{height: auto; min-height: 100%;}
.univers { font-family: 'UniversLTStd57Condensed', Arial, Helvetica, sans-serif } /*Questa classe mi serve per asseganre velocemente il font univers*/
.evidenziato { font-weight: bold;} /*Questa classe mi serve per impostare le modalità di evidenziazione di un testo*/
.introduzione { font-size: 13px;}



/* === INTESTAZIONE =================================================== */
#intestazione{
	width: 960px;
	height: 95px;
	margin: 0px auto;
	padding: 0px;
}
	#logo {
		width: 247px;
		height: 95px;
		float: left;
		overflow: hidden;
		background: url(../immagini_layout/logo_Rasom.jpg) 0 30px no-repeat;
	}
	#logo span { display: block; margin: -200px;}
	.logo_rasom{
		float: left;
		margin: 0px 0px 0px 0px;
		position: relative;
	}
	
	#maggiori_info { width: 700px; height: 46px; border-bottom: 1px solid #A01E2F; float: right; text-align: right;}
	#maggiori_info p { margin: 23px 0 0 0; font-size: 17px;}
	#maggiori_info p span.attivo, #maggiori_info p a.attivo {color: #a01e2f;}
	#maggiori_info a.attivo:hover { color: grey;}
	
	ul.menu_principale{
		top: 20px;
		margin: 0px 0px 0px 0px;
		border-left: 1px solid #A01E2F;
		padding: 0px;
		float: right;
		position: relative;
		list-style-type: none;
	}
	ul.menu_principale li{
		height: 15px;
		display: inline;
		border-right: 1px solid #A01E2F;
		/*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: 260px;
	/*height: 380px;*/
	margin: 0px auto 0px auto;
	padding: 0px 0 140px 0;
	float: left;
}
#presentazione:after { content: '.'; clear: both; visibility: hidden; display: block; height: 0;}


	/*=== PULSANTI GRIGI IN ALTO A SINISTRA =============================*/
	
	.sistemi_rasom{
		width: 242px;
		padding: 0;
		margin: 0;
		list-style: none;
	}
	
		.sistemi_rasom li { background: url(../immagini_layout/btns_bg.jpg) 0 0 no-repeat;}
		.sistemi_rasom li:hover { background: #ede8e7; cursor: pointer;}
	
		.sistemi_rasom li a {
			height: 70px;
			width: 242px;
			margin: 0px;
			padding: 0px;
			display: block;
			overflow: hidden;
		}
		
			.sistemi_rasom li a span.sostituzione { margin-top: -2000px;}
		
		.sistemi_rasom li a.fiemme { background: url(../immagini_layout/btn_sistema_casa_fiemme.png) center center no-repeat;}
		.sistemi_rasom li a.fassa { background: url(../immagini_layout/btn_sistema_tetto_fassa.png) center center no-repeat;}
		.sistemi_rasom li a.alberghi { border-bottom: 1px solid #A01E2F; background: url(../immagini_layout/btn_sistema_alberghi.png) center center no-repeat;}
		
		.sistemi_rasom li.ultima {
			width: 242px;
			height: 128px;
			margin-top: 15px;
			font-size: 22px;
			font-weight: 100;
			color: white;
			background: #A01E2F url(../immagini_layout/freccia_bianca_grande.png) 222px 76px no-repeat;
		}
		.sistemi_rasom li.ultima:hover { background-color: #b34b59;}
		
		.sistemi_rasom li.ultima a { width: 177px; height: 101px; padding: 11px 47px 16px 18px; color: white;}
		.sistemi_rasom li.ultima:hover a { }
		.sistemi_rasom li.ultima a span { display: block;}
		.sistemi_rasom li.ultima a span.scopri { margin-top: 5px; font-size: 16px; text-decoration: underline;}
	
	
	/*=== AREA SINTETICA DELLE INIZIATIVE IMMOBILIARI ========================================*/
	
	#vivi_rasom {
		width: 222px;
		margin-top: 15px;
		border: 1px solid #9C1F31;
		padding: 7px 9px 9px 9px;
		position: relative;
	}
	
		#vivi_rasom h2 {
			color: #A01E2F;
			font-size: 19px;
			font-weight: normal;
			text-transform: uppercase;
		}
		
		#vivi_rasom ul { margin: 0; padding: 0; list-style: none;}
		#vivi_rasom ul li {
			margin-top: 5px;
			position: relative;
		}
		
		#vivi_rasom ul li a {
			width: 116px;
			height: 78px;
			padding: 11px 7px 5px 96px;
			display: block;
			overflow: hidden;
			background: #EDE7E1;
			font-size: 15px;
			color: #3E3D3F;
		}
		#vivi_rasom ul li a:hover { color: #A01E2F; background-color: #f6f6f6;}
		#vivi_rasom ul li a img { float: left; position: absolute; top: 5px; left: 7px;}
		#vivi_rasom ul li a span { display: block;}
		#vivi_rasom ul li a span.freccia_vivi_rasom {
			width: 25px;
			height: 20px;
			overflow: hidden;
			position: absolute;
			top: 70px;
			left: 7px;
			background: #A01E2F url(../immagini_layout/freccia_rosso_piccola.gif) center center no-repeat;;
		}

	
	/*=== COLLEGAMENTO ALLE REALIZZAZIONI ========================================*/
	#realizzazioni {
		width: 242px;
		height: 120px;
		margin-top: 15px;
	}
	#realizzazioni a {
		height: 104px;
		padding: 16px 0 0 14px;
		display: block;
		overflow: hidden;
		background: #EDE7E1 url(../immagini_layout/freccia_rosso_grande.png) 222px 66px no-repeat;
		font-size: 22px;
		font-weight: normal;
		color: #A01E2F;
	}
	#realizzazioni:hover a { background-color: #f6f6f6;}
	#realizzazioni a span { margin-bottom: 5px; display: block;}
	#realizzazioni a img { margin: 0px;}	


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


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

#contenuti{
	width: 700px;
	position: relative;
	margin: 0px auto 0px auto;
	padding: 0px 0px 140px 0px; /* padding bottom definisce la distanza del footer */
	float: left;
}

	.introduzione_motivi{
		width: 700px;
		height: 300px;
		margin: 0 0 5px 0;
		padding: 0px;
		position: relative;
	}
	.introduzione_motivi:after{content:'.'; height: 0; visibility: hidden; clear: both; display: block;}
	
	#index_slide{
		width: 700px;
		height: 285px;
		overflow: hidden;
		position: absolute;
		left: 0px;
		padding: 0px;
		margin: 0px;
		z-index: 0;
	}
	
	
	/*=== MENU SECONDARIO CHE RIGUARDA I PRODOTTI RASOM ================================*/
	ul.menu_motivi {
			width: 704px;
			height: 63px;
			margin: 0px;
			padding: 0px;
			list-style: none;
			float: left;
			position: absolute;
			top: 226px;
			z-index: 1; /* posiziono sopra allo slide */
		}
		
		ul.menu_motivi li {
			width: 173px;
			height: 40px;
			padding-bottom: 23px;
			margin-left: 2px;
			float: left;
			position: relative;
			font-weight: lighter;
			cursor: pointer;
		}
		
		ul.menu_motivi li:first-child { margin: 0px 1px 0px 0px;}
		ul.menu_motivi li:last-child { margin-left: 3px;}
		
		ul.menu_motivi li.benessere_abitativo { background: url(../immagini_layout/bg_sfumatura_benessere_abitativo.png) center bottom repeat-x;}
		ul.menu_motivi li.risparmio_energetico { background: url(../immagini_layout/bg_sfumatura_risparmio_energetico.png) center bottom repeat-x;}
		ul.menu_motivi li.prestazioni_case_legno { background: url(../immagini_layout/bg_sfumatura_prestazioni_case_legno.png) center bottom repeat-x;}
		ul.menu_motivi li.rispetto_ambiente { background: url(../immagini_layout/bg_sfumatura_rispetto_ambiente.png) center bottom repeat-x;}
		
		ul.menu_motivi li div.menu_motivi_contenuto {
			height: 40px;
			overflow: hidden;
			position: absolute;
			bottom: 23px;
			background: url(../immagini_layout/bg_sfumatura_nera.png) left bottom repeat-x;
		}
			
		ul.menu_motivi li.benessere_abitativo div.menu_motivi_contenuto { background-color: #005794;}
		ul.menu_motivi li.risparmio_energetico div.menu_motivi_contenuto { background-color: #EB6A0A;}
		ul.menu_motivi li.prestazioni_case_legno div.menu_motivi_contenuto { background-color: #9C1F31;}
		ul.menu_motivi li.rispetto_ambiente div.menu_motivi_contenuto { background-color: #45A12B;}
		
		ul.menu_motivi li div.attivo { height: 159px;}
			
				ul.menu_motivi li div h3 { /*text-transform: capitalize;*/ text-align: center; font-size: 17px; font-weight: normal;}
			
				ul.menu_motivi li div a.motivi_box_menu {
					width: 159px;
					height: 159px;
					padding: 10px 7px 0 7px;
					display: block;
					color: white;
					font-size: 14px;
				}
				
				ul.menu_motivi li.benessere_abitativo p.scopri { color: #005794; background: white url(../immagini_layout/freccia_blu.gif) 51px center no-repeat;}
				ul.menu_motivi li.risparmio_energetico p.scopri { color: #EB6A0A; background: white url(../immagini_layout/freccia_arancione.gif) 51px center no-repeat;}
				ul.menu_motivi li.prestazioni_case_legno p.scopri { color: #9C1F31; background: white url(../immagini_layout/freccia_rosso.gif) 51px center no-repeat;}
				ul.menu_motivi li.rispetto_ambiente p.scopri { color: #45A12B; background: white url(../immagini_layout/freccia_verde.gif) 51px center no-repeat;}
				
				ul.menu_motivi li div p.motivi_box_text {height: 70px; margin-bottom: 0; padding-left:7px; font-style:italic; overflow: hidden; line-height: 18px;}
				
				ul.menu_motivi li div p.scopri {
					width: 58px;
					height: 20px;
					padding-left: 6px;
					background-color: white;
					position: absolute;
					top: 113px;
					left: 15px;
				}
				
				ul.menu_motivi li div.attivo p.scopri { display: none;}
				ul.menu_motivi li div p.scopri span { line-height: 20px;}
		
			ul.menu_motivi li a:hover, ul.menu_motivi li a.attivo {color: grey;}
			
	/*=== MENU SECONDARIO CHE RIGUARDA I PRODOTTI RASOM ================================*/

	
	/*=== AREA DEI CONTENUTI DELLE PAGINE =====================================*/
	
	.descrizione { position: relative; z-index: 10; font-size: 13px; line-height: 19px; }
	.descrizione h1, .descrizione h2 { font-size: 19px; color: #9C1F31; font-weight: normal;}
	.descrizione h3, .descrizione h3 a { color: #9C1F31; font-weight: normal; text-transform: uppercase;}
	.descrizione h3 a:hover { color: black;}
	.descrizione .altri_links { color: #9C1F31; font-weight: normal; font-size: 13px; border-bottom: 1px solid #9C1F31;}
	.descrizione ul { list-style: none}
	.descrizione ul.link_sezioni_motivi { margin: 0; padding: 0; list-style: none;}
	.descrizione ul.link_sezioni_motivi li { margin-top: 2px;}
	.descrizione ul.link_sezioni_motivi li a { padding: 7px 0 7px 15px; background: #ededed url(../immagini_layout/freccia_rosso_media.png) 670px center no-repeat; display: block;}
	.descrizione ul.link_sezioni_motivi li a:hover { background-color: #f6f6f6; color: #9C1F31;}
	.descrizione ul.link_sezioni_motivi li a.attivo { background-color: #991E30; color: #FFFFFF;}
	
	
	
	/*=== APPROFONDIMENTI ===============================================*/
	#benessere { background: url(../immagini_layout/testa_benessere_abitativo.jpg) 0 0 no-repeat;}
	
	#risparmio { background: url(../immagini_layout/testa_risparmio_energetico.jpg) 0 0 no-repeat;}
	#scopri_risparmio {
		background: #45A12B;
		color: white;
		display: block;
		height: 30px;
		line-height: 30px;
		margin-bottom: 20px;
		text-align: center;
		text-transform: uppercase;
		width: 250px;
	}
	
	#scopri_risparmio:hover {background: #9C1F31;}
	
	#prestazioni { background: url(../immagini_layout/testa_prestazioni_case.jpg) 0 0 no-repeat;}
	
	#rispetto_ambiente { background: url(../immagini_layout/testa_rispetto_ambiente.jpg) 0 0 no-repeat;}

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


/* === FOOTER =================================================== */
#footer{
	width: 100%;
	height: 85px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	bottom: 0;
	color: #8F8F91;
	background: #ECE6E0;
}
	#contenuto_footer{
		width: 960px;
		height: 85px;
		margin: 0px auto;
		padding: 0px;
	}
	
		#dati_rasom{
			margin-top: 60px;
			float: left;
			font-size: 10px;
		}
		#dati_rasom p, #dati_rasom a { margin: 0; color: #8F8F91;}
			#dati_rasom a:hover { text-decoration: underline;}
			
		#credits {
			margin-top: 60px;
			float: right;
			font-size: 10px;
		}
		#credits p, #credits a { margin: 0; color: #8F8F91;}
			#credits a:hover { text-decoration: underline;}
/* === FOOTER =================================================== */