@charset "utf-8";
/* CSS Document */
* {	margin:0px;
	padding:0px;
	border:0px;}
.clear {
	clear:both;}
.dot {
	clear:both;
	border-bottom:#666 dotted 1px;
	padding: 3px 0px 3px 0px;
	}
ul {list-style-position:inside;
		}
h1 {background-image:url(../images/bkg_h1.gif);
	background-position:left top;
	background-repeat:repeat-x;
	font-size:18px;
	line-height:43px;
	text-indent:15px;
	}
h2 {font-size:16px;
	color:#3a69b7;}
	
h3 {color:#f46a0e;
	font-size:14px;
	font-style:italic;
	}
h4 {color:#fea100;
	font-size:12px;
	}
	
a:link, a:visited {
	color:#f46a0e;
	text-decoration:underline;}
a:hover, a:active {
		text-decoration:none;}
		
/* -------------- MAIN ELEMENTS --------------- */
body {
	background-image:url(../images/bkg_page.gif);
	background-position:left top;
	background-repeat:repeat-x;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		}
	
#wrapper {
	margin:0 auto;
	width:996px;
	min-height:600px;
	background-color:#FFF;
	background-image:url(../images/bkg_coldx.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
	}
	
#header {background-image:url(../images/bkg_wrapper.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	height:487px;
		}
#colsx {
	width:746px;
	float:left;
	margin-top:-197px;
	}
#coldx {
	width:250px;
	float:left;
	margin-top:-222px;
	font-size:11px;
		}
	
#coldx h3 {
	color:#f46a0e;
	font-size:13px;
	padding:0px 25px;}
	
#coldx h4 {
	padding:0px 25px;
	color:#003387;
	font-size:13px;
	line-height:18px;
	margin-bottom:4px;}

#coldx p {
	text-align:center;}

.doublebox {
	width:726px;
	min-height:172px;
	margin:5px 10px 0px 10px;
	float:left;
	font-size:12px;
	background-color:#FFF;}
	
	
.box {
	width:358px;
	min-height:172px;
	margin:5px 0px 0px 10px;
	float:left;
	font-size:12px;
	background-color:#FFF;
	text-align:justify;}

.paragraph {
	padding:10px 15px;
	}
.paragraph a:link, .paragraph a:visited {
	color:#F60;
	text-decoration:none;}
.paragraph a:hover, .paragraph a:active {
		text-decoration:underline;}

/* --- box 1 --- */	
#box1 {background-image:url(../images/box_impiantistica.jpg);
	background-position:left top;
	background-repeat:no-repeat;}
	
#box1 p {
	margin:15px 10px 5px 170px;
	color:#FFF;
	font-size:11px;}

#box1 a:link, #box1 a:visited {
	color:#fff;
	text-decoration:none;}
	
#box1 a:hover, #box1 a:active {
	text-decoration:underline;}
	
/* --- box 2 --- */	
#box2 {background-image:url(../images/box_fotovoltaico.jpg);
	background-position:left top;
	background-repeat:no-repeat;}
	
.box h2 {
	font-size:18px;
	padding:10px 0px 0px 15px;}
	
#box2 p {
	margin:15px 10px 5px 170px;
	color:#333;
	font-size:11px;}

#box2 a:link, #box2 a:visited {
	color:#333;
	text-decoration:none;}
	
#box2 a:hover, #box2 a:active {
		text-decoration:underline;}

/* -------------  FOOTER --------------- */
#footer {
	background-image:url(../images/bkg_footer.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	height:115px;
	font-size:12px;}
	
#credits {
	width:685px;
	padding: 10px 30px;
	float:left;
	}
#copyright {
	width:190px;
	margin-top:36px;
	padding:10px 30px;
	text-align:right;
	float:left;}
	
/* ----------------------  MENU di NAVIGAZIONE ----------------------- */

#nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
width:744px;
	font-size:12px;
	line-height:22px;
}

#nav a{
display:block;
padding:0px 13px;
color:#fff;
text-decoration:none;

}

#nav a:hover{
color:#0FF;

}

#nav li{
float:left;
position:relative;
}

#nav ul {
position:absolute;
display:none;
width:12em;
top:22px;
}

#nav li ul a{
width:12em;
height:auto;
float:left;
border-bottom:1px solid #fff;
/*background-color:#3a69b7;*/
background-color:#122e7b;}

#nav ul ul{
top:auto;
}	

#nav li ul ul {
left:12em;
margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}

/* --------- FORM CONTATTI ---------*/

.item{
width:48%;
padding-bottom:15px;
float:left;
text-align:center;
}

	
.label {
width:30%;
float:left;
text-align:right;
padding-right:5px;
}

.label2 {
width:15%;
float:left;
text-align:right;
padding-right:5px;
}
.input {
width:60%;
height:20px;
border:1px solid #999;
float:left;
margin-right:5px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:11px;
}

.richiesta{
width:98%;
float:left;
text-align:center;
}

.note {
	width:78%;
	height:60px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:11px;
float:left;
border:1px solid #999;
	}

.invia {
	width:70px;
	height:30px;
	background-image:url(../images/invia.gif);
	background-position:center top;
	background-repeat:no-repeat;
	background-color:transparent;
	}

small {
	font-size:10px;
	color:#666;}
	
smallred {font-size:12px;
	color:#0069d5;}

/* -------------- CALCOLATORE --------------- */

.inputcalcolatore, .outputcalcolatore {
	padding:0px 30px;
	}
#sfondo {
	background-image:url(../images/contatore.gif);
	background-position:top right;
	background-repeat:no-repeat;}

.cornice {
	display:block;
	background-color:#ececec;
	border: 1px dotted #06C;
	padding:10px;
	margin-bottom:20px;
	}
.itemcalcolatore {
	height:60px;
	width:100%
	}
.itemcalcolatore img {float:left;}

.dati {border:1px solid #333;
	}
	
.nomelabel {
	display:block;
	float:left;
	width:270px;
	height:20px;
	margin-bottom:10px;
	margin-right:20px;
	border-bottom:1px dotted #333;
	text-align:right;}
.red {
	font-weight:bold;
	float:left;
	width:200px;
	display:block;
	color:#3a69b7;
	font-size:14px;
	text-align:left;}