﻿/* ------------------------ STRUTTURA ------------------------ */
body {
	text-align:center;
	font-family:Verdana;
	font-size:9pt;
	color:#1f3034;
	margin:0px;
	background:url(/images/sf_pagina.gif) top repeat-x #1f3034;
}
#wrapper {
	position:relative;
	width:973px;
	margin:0 auto;
	text-align:left;
}

/* ------------------------ TOP ------------------------ */

#top {
	position:relative;
	width:973px;
	height:93px;
	background:url(/images/sf_top.gif) no-repeat;
	margin:0px;
	padding:0px;
	border-bottom:2px solid #85dbf3;
}
#logo {
	float:left;
	width:157px;
	height:93px;
}
#logo a:link,#logo a:visited,#logo a:hover {
	width:157px;
	height:93px;
	background:url(/images/Logo_SolfaGroup.gif);
	text-indent:-9999px;
	display:block;
}
h1 {
	margin:0px;
	padding:0px;
	border:0px;
}

/* ------------------------ Fine TOP ------------------------ */


/* ------------------------ MENU ------------------------ */

#menu {
	float:right;
	height:93px;
	color:white;
	font-family:Verdana;
	color:#1098be;
	font-size:9pt;
	letter-spacing:1pt;
	margin:0px;
	padding:0px;
}
#menu_home {
	float:right;
	height:93px;
	color:white;
	font-family:Verdana;
	color:#1098be;
	font-size:13pt;
	letter-spacing:1pt;
	margin:0px;
	padding:0px;
}
#menu ul, #menu_home ul {
	float:right;
	height:93px;
	margin:0px;
	padding:0px;
}
#menu ul li {
	height:28px;
	display:block;
	float:left;
	list-style-type:none;
	margin:0px;
	padding:65px 3px 0 10px;
}
#menu_home ul li {
	height:28px;
	display:block;
	float:left;
	list-style-type:none;
	margin:0px;
	padding:65px 3px 0 20px;
}
#menu ul li.selezionato2, #menu_home ul li.selezionato2 {
	height:28px;
	display:block;
	float:left;
	list-style-type:none;
	background:url(/images/sf_tasto.gif) top right no-repeat;
	margin:0px;
	color:#83ddf5;
	padding:65px 3px 0 10px;
}
#menu ul li a:link, #menu ul li a:visited {
	display:block;
	float:left;
	height:28px;
	color:#1098be;
	font-size:9pt;
	letter-spacing:1pt;
	text-decoration:none;
}
#menu ul li a:hover, {
	display:block;
	float:left;
	height:28px;
	color:#83ddf5;
	font-size:9pt;
	letter-spacing:1pt;
	text-decoration:none;
}
#menu_home ul li a:link, #menu_home ul li a:visited {
	display:block;
	float:left;
	height:28px;
	color:#1098be;
	font-size:13pt;
	letter-spacing:1pt;
	text-decoration:none;
}
#menu_home ul li a:hover, {
	display:block;
	float:left;
	height:28px;
	color:#83ddf5;
	font-size:13pt;
	letter-spacing:1pt;
	text-decoration:none;
}

#wrapper #menu_lingue ul {
	position:absolute;
	top:93px;
	right:0px;
	padding:0 0 0 11px;
	margin:10px 0 0 0;
	background:url(/images/sf_menu_ligue.gif);
	width:84px;
	height:26px;
	font-size:8pt;
	z-index:2;
}
#wrapper #menu_lingue li {
	display:inline;
	list-style-type:none;
}
#wrapper #menu_lingue li a:link, #wrapper #menu_lingue li a:visited {
	color:white;
	text-decoration:none;
}
#wrapper #menu_lingue li a:hover {
	color:#1f3034;
	text-decoration:none;
}

/* ------------------------ Fine MENU ------------------------ */

#middle {
	background:#ffffff;
	height:437px;
	border-top:8px solid #b5b6b6;
}

/* ------------------------ CONTENUTI ------------------------ */

#contenuti {
	position:relative;
	float:left;
	width:471px;
	height:418px;
	margin:8px 0 0 16px;
}
#contenuti2 {
	position:relative;
	float:left;
	width:650px;
	margin:8px 0 0 16px;
}

#box_contenuti {
	position:relative;
	border-top:2px solid #1f3034;
	height:435px;
}

#galleriadelmarmo #box_contenuti {
	position:relative;
	border-top:2px solid #1f3034;
	background:#9e9d99;
	height:435px;
}
#benvenuti #box_contenuti, #willkommen #box_contenuti, #welcome #box_contenuti {
	position:relative;
	border-top:2px solid #1f3034;
	background:#ffffff;
	height:435px;
}
#benvenuti #box_contenuti #testo, #willkommen #box_contenuti #testo, #welcome #box_contenuti #testo {
	position:absolute;
	top:40px;
	right:0px;
	width:350px;
}
#benvenuti #box_contenuti #box_testo, #willkommen #box_contenuti #box_testo, #welcome #box_contenuti #box_testo {
	position:absolute;
	top:50px;
	right:0px;
	background:#ddd;
	opacity: 0.45;
	height:400px;
	filter:alpha(opacity=45);
}
#contenuti a:link,#contenuti a:visited {
	font-size:8pt;
	font-family:Verdana;
	color:#656d6f;
	text-decoration:underline;
}
#contenuti a:hover {
	font-size:8pt;
	font-family:Verdana;
	color:#8b8f90;
	text-decoration:underline;
}
/* ------------------------ Fine CONTENUTI ------------------------ */

/* ------------------------ IMMAGINE PRINCIPALE ------------------------ */

#immagine_principale {
	position:relative;
	float:left;
	width:475px;
	height:418px;
	margin:8px 0 0 0;
}
#immagine_principale2 {
	position:relative;
	float:left;
	width:301px;
	height:418px;
	margin:8px 0 0 0;
}

#testo_slogan {
	position:absolute;
	top:340px;
	left:-475px;
	font-size:12pt;
	color:white;
	letter-spacing:1px;
	line-height:16pt;
}

/* ------------------------ Fine IMMAGINE PRINCIPALE ------------------------ */

/* ------------------------ BOTTOM ------------------------ */

#bottom {
	height:104px;
	background:url(/images/sf_bottom.jpg);
	margin:9px 0 0 0;
}
#bottom .indirizzi {
	padding:35px 0 0 0;
	font-family:Verdana;
	font-size:8pt;
	color:#a3a3a3;
}
#bottom .indirizzi a:link,#bottom .indirizzi a:visited {
	padding:35px 0 0 0;
	font-family:Verdana;
	font-size:8pt;
	color:#a3a3a3;
	text-decoration:underline;
}
#bottom .indirizzi a:link,#bottom .indirizzi a:hover {
	padding:35px 0 0 0;
	font-family:Verdana;
	font-size:8pt;
	color:#fff;
	text-decoration:underline;
}

/* ------------------------ Fine BOTTOM ------------------------ */

/* ------------------------ TITOLI ------------------------ */

h2 {
	text-indent:-9999px;
	height:21px;
	padding:0 0 5px 0;
	border-bottom:1px solid #8f9799;
	margin:25px 0 0 0;
}

/* --- ita --- */

	#azienda h2 {
		width:94px;
		background:url(/images/tito_IT/tito_01_it.gif) no-repeat;
	}
	#progetti h2 {
		width:88px;
		background:url(/images/tito_IT/tito_02_it.gif) no-repeat;
	}
	#produzione h2 {
		width:131px;
		background:url(/images/tito_IT/tito_03_it.gif) no-repeat;
	}
	#materiali h2 {
		width:96px;
		background:url(/images/tito_IT/tito_04_it.gif) no-repeat;
	}
	#dovesiamo h2 {
		width:138px;
		background:url(/images/tito_IT/tito_05_it.gif) no-repeat;
	}
	#galleriadelmarmo h2 {
		width:221px;
		background:url(/images/tito_IT/tito_06_it.gif) no-repeat;
	}
	#contatti h2,#conferma h2 {
		width:88px;
		background:url(/images/tito_IT/tito_11_it.gif) no-repeat;
	}
	#benvenuti h2 {
		width:108px;
		margin:0 0 8px 0;
		background:url(/images/tito_IT/tito_12_it.gif) no-repeat;
	}
	#marmi h2 {
		width:69px;
		background:url(/images/tito_IT/tito_13_it.gif) no-repeat;
	}
	#graniti h2 {
		width:73px;
		background:url(/images/tito_IT/tito_14_it.gif) no-repeat;
	}
	#limestone h2 {
		width:118px;
		background:url(/images/tito_IT/tito_15_it.gif) no-repeat;
	}
	#lineanatura h2 {
		width:142px;
		background:url(/images/tito_IT/tito_16_it.gif) no-repeat;
	}
	
/* --- deu --- */

	#firma h2 {
		width:66px;
		background:url(/images/tito_DE/tito_01_de.gif) no-repeat;
	}
	#projekte h2 {
		width:94px;
		height:26px;
		background:url(/images/tito_DE/tito_02_de.gif) no-repeat;
	}
	#produktion h2 {
		width:124px;
		height:21px;
		background:url(/images/tito_DE/tito_03_de.gif) no-repeat;
	}
	#materialen h2 {
		width:119px;
		height:21px;
		background:url(/images/tito_DE/tito_04_de.gif) no-repeat;
	}
	#mappe h2 {
		width:81px;
		height:26px;
		background:url(/images/tito_DE/tito_05_de.gif) no-repeat;
	}
	#galleriadelmarmo h2 {
		width:221px;
		background:url(/images/tito_DE/tito_06_de.gif) no-repeat;
	}
	#anfrage h2,#bestatigung h2 {
		width:102px;
		height:21px;
		background:url(/images/tito_DE/tito_11_de.gif) no-repeat;
	}
	#willkommen h2 {
		width:141px;
		height:21px;
		margin:0 0 8px 0;
		background:url(/images/tito_DE/tito_12_de.gif) no-repeat;
	}
	#marmi_de h2 {
		width:69px;
		height:20px;
		background:url(/images/tito_IT/tito_13_it.gif) no-repeat;
	}
	#graniti_de h2 {
		width:73px;
		background:url(/images/tito_IT/tito_14_it.gif) no-repeat;
	}
	#limestone_de h2 {
		width:118px;
		background:url(/images/tito_IT/tito_15_it.gif) no-repeat;
	}
	#lineanatura_de h2 {
		width:142px;
		background:url(/images/tito_IT/tito_16_it.gif) no-repeat;
	}
	
/* --- eng --- */

	#company h2 {
		width:113px;
		height:26px;
		background:url(/images/tito_EN/tito_01_en.gif) no-repeat;
	}
	#projects h2 {
		width:94px;
		height:26px;
		background:url(/images/tito_EN/tito_02_en.gif) no-repeat;
	}
	#production h2 {
		width:125px;
		height:21px;
		background:url(/images/tito_EN/tito_03_en.gif) no-repeat;
	}
	#materials h2 {
		width:104px;
		height:21px;
		background:url(/images/tito_EN/tito_04_en.gif) no-repeat;
	}
	#location h2 {
		width:99px;
		height:21px;
		background:url(/images/tito_EN/tito_05_en.gif) no-repeat;
	}
	#galleriadelmarmo h2 {
		width:221px;
		background:url(/images/tito_EN/tito_06_en.gif) no-repeat;
	}
	#contacts h2 {
		width:104px;
		height:21px;
		background:url(/images/tito_EN/tito_11_en.gif) no-repeat;
	}
	#welcome h2 {
		width:108px;
		margin:0 0 8px 0;
		background:url(/images/tito_EN/tito_12_en.gif) no-repeat;
	}
	#marmi_en h2 {
		width:69px;
		height:20px;
		background:url(/images/tito_IT/tito_13_it.gif) no-repeat;
	}
	#graniti_en h2 {
		width:73px;
		background:url(/images/tito_IT/tito_14_it.gif) no-repeat;
	}
	#limestone_en h2 {
		width:118px;
		background:url(/images/tito_IT/tito_15_it.gif) no-repeat;
	}
	#lineanatura_en h2 {
		width:142px;
		background:url(/images/tito_IT/tito_16_it.gif) no-repeat;
	}

h3#v1 {
	width:60px;
	height:13px;
	background:url(/images/tito_IT/tito_07_it.gif) no-repeat;
	text-indent:-9999px;
	margin:0px;
	padding:0px;
}
h3#v2 {
	width:62px;
	height:15px;
	background:url(/images/tito_IT/tito_08_it.gif) no-repeat;
	text-indent:-9999px;
	margin:0px;
	padding:0px;
}
h3#v3 {
	width:92px;
	height:14px;
	background:url(/images/tito_IT/tito_09_it.gif) no-repeat;
	text-indent:-9999px;
	margin:0px;
	padding:0px;
}
h3#v4 {
	width:107px;
	height:14px;
	background:url(/images/tito_IT/tito_10_it.gif) no-repeat;
	text-indent:-9999px;
	margin:0px;
	padding:0px;
}

/* ------------------------ Fine TITOLI ------------------------ */

/* ------------------------ FORMATTAZIONE TESTO ------------------------ */

#testo {
	width:458px;
	border-right:9px solid #e9e9e9;
	text-align:justify;
	line-height:20px;
	padding:0 13px 0 0;
	margin:20px 0 0 0;
}

#gallery {
	position:absolute;
	height:55px;
	width:480px;
	background-color:#e5e5e5;
	bottom:0px;
}
.left {
	float:left;
	margin:0px;
	padding:0px;
	border:0px;
	padding:14px 0 0 0;
}

.right {
	float:right;
	margin:0px;
	padding:0px;
	border:0px;
}
#gallery .immagine {
	margin:0 0 0 6px;
}
#gallery .immagine1 {
	margin:0;
}
#progetti .elenco ul, #projekte .elenco ul, #projects .elenco ul {
	font-size:8pt;
	line-height:11pt;
	padding:0px;
	margin:0px;
	
}
#progetti ul li, #projekte ul li, #projects ul li {
	margin:0 0 4px 0;
	list-style-type:none;
}
#mappa {
	width:475px;
	height:418px;
}
iframe#marmi {
	background:#ffffff;
	width:973px;
}
.titoletto {
	font-size:7pt;
}
.immagine_princ {
	margin:8px 0 0 0;
}
#testo_slogan_welcome {
	position:absolute;
	top:340px;
	left:16px;
	font-size:12pt;
	color:white;
	letter-spacing:1px;
	line-height:16pt;
}
#testo_slogan_home {
	position:absolute;
	top:18px;
	left:280px;
	width:590px;
	height:99px;
	background:url(/images/slogan_home.jpg);
	text-indent:-9999px;
}

/* ------------------------ Fine FORMATTAZIONE TESTO ------------------------ */

/* ------------------------ Concept by ------------------------ */

#concept {
	font-size:8pt;
	top:0px;
	width:920px;
	padding:11px 0 0 38px;
	left:0px;
	color:#5d5c5a;
	text-align:right;
}
#concept #tecno{
	margin:0;
	padding:0;
}
#concept .linktp,
#concept .linktp:link,
#concept .linktp:visited           {font-size:9px; font-family: Times New Roman; color: #808080; text-decoration: none;}
#concept .linktp:hover                {font-size:9px; font-family: Times New Roman; color: #E97D00; text-decoration: none;}

/* ------------------------ Concept by ------------------------ */

/* FORM */
	#formcontatti {
		position:relative;
		padding:0px;
		top:20px;
		left:-10px;
		font-family:Verdana;
		font-size:8pt;
		color:#1f3034;
		margin:10px 0 0 0;
	}
	#formcontatti form {
		padding:0px;
		margin:0px;
	}
	#formconferma {
		position:relative;
		margin:0 0 0 10px;
		padding:0px;
		top:15px;
		left:20px;
		font-family:Verdana;
		font-size:8pt;
		color:#39312d;
	}
	.elemento_input {
	color:#000;
	width: 100%;
	padding:2px;
	height:11px;
	border:1px solid #1f3034;
	}
	.elemento_small {
		width: 50%;
	}

	.input_select {
		color:#808080;
		border:1px solid #1f3034;
		padding:3px;
		font-size:10pt;		
	}
	.input_area {
		height: 45px;
		font-size:8pt;
		width:200px;
		border:1px solid #1f3034;
	}
	.contatti {
		float:left;
		width:200px;
		padding-left:10px;
		padding-right:10px;
	}
	#modulo {
		width:70%;
		padding:10px;
		color:#FAB958;
	}

	#box_errore {
	position:absolute;
	display:none;
	margin:100px;
	width:300px;
	left:100px;
	top:50px;
	height:150px;
	border:1px solid #1f3034;
	text-align:left;
	background:#fff;
	z-index:1;
		}
	#div_titolo_errore {
		background:#08adda;
		color:#fff;
		padding:10px;
		}
	#div_errore {
		color:#1f3034;
		padding:10px;
		text-align:center;
		position:relative;
		top:10px;
		}
	#bottone_errore {
		position:relative;
		top:30px;
		}
	.clear {
		clear:both;
	}
/* fine FORM */	

img {
	border:0px;
	padding:0px;
	margin:0px;
}
.clear {
	clear:both;
}


/* ------------------------ MATERIALI ------------------------ */

#testo_materiali {
	width:630px;
	border-right:9px solid #e9e9e9;
	text-align:justify;
	line-height:20px;
	padding:0 13px 0 0;
	margin:18px 0 0 0;
	font-size:8pt;
}
#testo_materiali ul {
	margin:-5px 0 0 20px;
	padding:0px;
}
#testo_materiali ul li {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
#materiali #testo ul, #materialen #testo ul, #materials #testo ul {
	margin:-10px 0 0 0;
	padding:0px;
}
#materiali #testo ul li, #materialen #testo ul li, #materials #testo ul li {
	list-style-type:none;
	margin:7px 0 10px 0;
	padding:0px;
}
p.descrizione {
	margin:2px 0 0 11px;
	padding:0px;
	font-size:8pt;
	line-height:10pt;
}
#imm_materiali {
	position:absolute;
	top:75px;
	left:-255px;
}
#didascalia {
	color:white;
	font-size:8pt;
	font-weight:bold;
}

.dettagli {}
.dettagli:link {
	font-family:Verdana;
	font-size:8pt;
	color:#08adda;
	float:right;
	text-decoration:none;
	padding:0px;
	clear:both;
	margin:-20px 0 0 0;
}
.dettagli:visited {
	font-family:Verdana;
	font-size:8pt;
	color:#08adda;
	float:right;
	text-decoration:none;
	padding:0px;
	clear:both;
	margin:-20px 0 0 0;
}
.dettagli:hover {
	font-family:Verdana;
	font-size:8pt;
	color:#08adda;
	text-decoration:none;
	padding:0px;
	clear:both;
}	
#materiali #testo p a:link, #materialen #testo p a:link, #materials #testo p a:link, #materiali #testo p a:visited, #materialen #testo p a:visited, #materials #testo p a:visited {
	font-family:Verdana;
	font-size:8pt;
	color:#08adda;
	float:right;
	text-decoration:none;
	margin:3px 0 0 0;
	padding:0px;
}
#materiali #testo p a:hover, #materialen #testo p a:hover, #materials #testo p a:hover {
	font-family:Verdana;
	font-size:8pt;
	color:#08adda;
	text-decoration:none;
	margin:3px 0 0 0;
	padding:0px;
}
/* ------------------------ Fine MATERIALI ------------------------ */