@charset "utf-8";
/* CSS Document */

/* APPUNTI poo da cancellare ... */

/*-- questo è un modo crossbrowser per settare un'altezza minima agli oggetti block level 
height: auto !important;    //////per i browser moderni 
height: 180px;     ////// per IE5.x e IE6 
min-height: 180px;   //////per i browser moderni 

--*/



/* ------------------------------------------------------ GENERALI --- */
/* ------------------------------------------------------------------ */
body {
margin: 0;
padding: 0;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#b1e7ff;
color: #3e3e3e;
}
#ausiliario{
width:100%;
}
#centrato {
width:990px;
margin:5px auto 0 auto;
padding:5px;
background-color:#daf4ff;
}
img{
border:0;
}

/* //  al posto del clearer si mette la classe .clearfix al contenitore dei div che devono essere clear! // */
* html .clearfix {
	height: 1%; /* IE5-6 */
	}
.clearfix {
	display: inline-block; /* IE7xhtml*/
	}
html[xmlns] .clearfix { /* O */
		display: block;  
		}
.clearfix:after { /* FF, O, etc. */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
/* End hide from IE-mac */


/*DEBUG*/
/*div{
border:1px solid black;
}
/**/

/* ------------------------------------------------ formattazione --- */
/* ---------------------------------------------------------------- */
a.generale:link, a.generale:active, a.generale:visited{
	text-decoration:underline;
	font-size:12px;
	color:#338808;
	font-weight:bold;
	}
a.generale:hover{
	text-decoration:none;
	background-color:#338808;
	color:#f4a908;
	}
a.backToHome:link, a.backToHome:active, a.backToHome:visited{
	text-decoration:underline;
	font-size:14px;
	color:#338808;
	font-weight:bold;
	}
a.backToHome:hover{
	text-decoration:none;
	background-color:#338808;
	color:#f4a908;
	}
a.linkRosso:link, a.linkRosso:active, a.linkRosso:visited{
	text-decoration:underline;
	color:#700000;
	background-image:url(/image/arrows/rossa.gif);
	background-position: 0 0;
	background-repeat:no-repeat;
	padding-left:15px;
	display:inline-block;
	margin-bottom:5px;
	line-height:15px;
	}
a.linkRosso:hover{
	text-decoration:none;
	}
	
a.linkBlu:link, a.linkBlu:active, a.linkBlu:visited{
	text-decoration:underline;
	color:#004681;
	font-size:11px;
	background-image:url(/image/arrows/blu.gif);
	background-position: 0 0;
	background-repeat:no-repeat;
	padding-left:15px;
	display:inline-block;
	margin-bottom:5px;
	line-height:15px;
	}
a.linkBlu:hover{
	text-decoration:none;
	}

ul.listaGenerale{
	margin:0;
	padding:0;
	}
ul.listaGenerale li{
	margin:0;
	padding:0;
	list-style-type:none;
	/*background-image:url(/image/arrows/grigia.gif);
	background-position: 0 0;
	background-repeat:no-repeat;
	text-indent:15px;*/
	}	
	ul.listaGenerale li img{
		margin-right:10px;
	}
	
.benvenuti{
	font-size:30px;
	color:#338808;
	text-transform:uppercase;
	}
.titoletto{
	font-size:14px;
	font-weight:bold;
	color:#338808;
	text-transform:uppercase;
	display:block;
	border-bottom:1px solid #f4a908;
}
#boxBluNormale .titoletto{
	font-size:14px;
	color:#00567c;
	font-weight:bold;
	text-transform:uppercase;
	display:block;
	border-bottom:1px solid #338808;
}
#boxGialloNormale .titoletto{
	font-size:14px;
	color:#700000;
	font-weight:bold;
	text-transform:uppercase;
	display:block;
	border-bottom:1px solid #338808;
}
.riga{
	height:1px;
	margin:10px 0;
	background-color:#f4a908;
	line-height:0;
}


/* ------------------------------------------------ parole chiave --- */
/* ---------------------------------------------------------------- */
#informazioni{
	text-align:left;
	margin:20px;
	background-color:#fff;
	padding:20px;
}
.glossary{
	width:990px;
	margin:0 auto;
	text-align:center;
	padding:10px 0 20px 0;
	font-size:10px;
	color:#70cdf7;
	}

a.glossaryLink:link, a.glossaryLink:active, a.glossaryLink:visited{
	text-decoration:none;
	font-size:10px;
	color:#70cdf7;
	}
a.glossaryLink:hover{
	text-decoration:none;
	color:#daf4ff;
	}
	
	
/* --------------------------------------------- // COLORI LOGO // - */
/* ---------------------------------------------------------- */
.logoHeader, .logoBottom, .logoStandard{
	background-color:#338808;
	text-align:center;
	color:#f4a908;
	text-transform:uppercase;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
	}
.logoStandard{
		font-size:13px;
		padding:0 5px;
	}
.payoff{
	color:#338808;
	font-weight:bold;
	font-size:17px;
	padding:0;
	margin-top:1px;
	text-transform:uppercase;
}
	
/* ------------------------------------------------------ HEADER --- */
/* ---------------------------------------------------------------- */
#header{
	text-align:left;
	padding:5px 12px 10px 12px;
	}
	.logoHeader{
		font-size:34px;
		width:280px;
	}
	.logoHeader a{
		text-decoration:none;
		color:#f4a908;
	}
	.scritte{
		float:right;
		text-transform:uppercase;
		text-align:right;
		font-size:12px;
		color:#5c5c5c;
		font-weight:bold;
		margin-top:10px;
		width:620px;
	}
	
/* ----------------------------------------------- foto top -- */
/* -------------------------------------------------------- */
#foto{
	border:4px solid #fff;
	margin:4px 0;
	height:350px;
}

/* ----------------------------------------------- MENU PRINCIPALE--- */
/* ---------------------------------------------------------------- */
#menuPrincipale{
	text-align:center;
	background-color:#fff;
	color:#3f3f3f;
	font-size:11px;
	text-transform:uppercase;
	padding:5px 0;
	}
	a.menuLink:link, a.menuLink:visited, a.menuLink:active, a.menuLink:hover{		
		text-decoration:none;
		color:#3f3f3f;
		margin:0 60px;
		}
	a.menuLink:hover{		
		color:#338808;
		}			



/* ----------------------------------------------- CORPO CENTRALE --- */
/* ----------------------------------------------------------------- */
#corpo{
	width:990px;
	padding:7px 0 13px 0;
	}
#body{
	padding:20px;
	position:relative;
	}
	
.promoBlu{
	padding:20px;
	border:1px solid  #b1e7ff;
	}
	.promoBlu strong{
		font-size:18px;
		color:#03b4da;
		line-height:1px;
		text-transform:uppercase;
	}
	.promoBlu p{
		font-size:12px;
		color:#004dbe;
		text-transform:uppercase;
		font-weight:bold;
		margin:0 6px 0 0;
		padding:0;
		display:inline;
	}
.promoRossa{
	padding:20px;
	border:1px solid  #fa9191
	}
	.promoRossa strong{
		font-size:18px;
		color:#ff0000;
		line-height:1px;
		text-transform:uppercase;
	}
	.promoRossa p{
		font-size:12px;
		color:#c50707;
		text-transform:uppercase;
		font-weight:bold;
		margin:0 6px 0 0;
		padding:0;
		display:inline;
	}	

/* ------------------------------------- HOME --- */
/* ------------------------------------------ */
div.riga1{
	background-color:#fff;
	/*margin-bottom:10px;*/
	position:relative;
	}
	div.riga1 div.sx,div.riga1 div.centro, div.riga1 div.dx{
		float:left;
	}
		div.riga1 div.sx{	
			width:230px;
			padding:15px 15px 0 15px;
			}
		div.riga1 div.centro{
			width:387px;
			padding-left:3px;
			background-color:#daf4ff;
			}
		div.riga1 div.dx{
			width:330px;

			padding:4px 0 0 8px;
			}
			#banner1{
				background-color:#338808;
				padding:2px;
				height:285px;
				width:324px;
			}


/* --- */ 	
#boxBlu, #boxGiallo{
	padding:10px 15px;
	width:462px;
	position:relative;
	height:230px;

	}
#boxBlu{
	background-color:#9bdefc;
	font-size:14px;
	}
#boxGiallo b{
	font-size:14px;
	}
	#boxBlu strong, #boxBluNormale .strong1{
		font-size:18px;
		color:#00567c;
		/*margin-left:8px;*/
		line-height:1px;
		text-transform:uppercase;
	}
	#boxBluNormale strong{
		font-size:13px;
	}
#boxGiallo{
	background-color:#ffcb08;
	float:right;
	}
	#boxGiallo strong, #boxGialloNormale .strong1{
		font-size:18px;
		color:#700000;
		margin-left:8px;
	}
	#boxGialloNormale strong{
		font-size:13px;
		color:#3e3e3e;
	}

 a.btn_risparmio:link,  a.btn_risparmio:visited,  a.btn_risparmio:active {
		background-image:url(/image/btnProdottiHome/risparmioEnergia.gif);
		background-position: 0 0;		
		color:#f4a908;
		width:139px;
		height:131px;
		position:absolute;
		top:49px;
		left:335px;
		text-indent:-900em;
		font-size:1px;
		}
		a.btn_risparmio:hover {	
		background-position: 0 -131px;
		}
		
#boxBluNormale{
	padding:20px 15px;
	background-color:#9bdefc;
	}
#boxGialloNormale{
	padding:20px 15px;
	background-color:#ffcb08;
	color:#3e3e3e;
	}
	
/* ----------------- home bottoni prodotti ---------- */

a.linkBottoneProdottiHome:link, a.linkBottoneProdottiHome:visited, a.linkBottoneProdottiHome:active, a.linkBottoneProdottiHome:hover{
	display: block;
	text-decoration:none;
	background-repeat:no-repeat;	
	height:90px;
	width: 124px;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	line-height:0.9em;
	padding:10px 0 0 4px;
	}	
a.linkBottoneProdottiHome img{
	margin-top:7px;
	}
	
	a.linkBottoneProdottiHomeSuduerighelink, a.linkBottoneProdottiHomeSuduerighelink:visited, a.linkBottoneProdottiHomeSuduerighelink:active, a.linkBottoneProdottiHomeSuduerighelink:hover{
	display: block;
	text-decoration:none;
	background-repeat:no-repeat;	
	height:85px;
	width: 124px;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	line-height:0.9em;
	padding:5px 0 0 4px;
	}	
a.linkBottoneProdottiHomeSuduerighelink img{
	margin-top:1px;
	}

	.btn_blu a.linkBottoneProdottiHome:link, .btn_blu a.linkBottoneProdottiHome:visited, .btn_blu a.linkBottoneProdottiHome:active,.btn_blu a.linkBottoneProdottiHomeSuduerighelink:link, .btn_blu a.linkBottoneProdottiHomeSuduerighelink:visited, .btn_blu a.linkBottoneProdottiHomeSuduerighelink:active {
		background-image:url(/image/btnProdottiHome/blu.gif);
		background-position: 0 0;		
		float:left;
		color:#00567c;
		}
		.btn_blu a.linkBottoneProdottiHome:hover, .btn_blu a.linkBottoneProdottiHomeSuduerighelink:hover  {	
		background-position: 0 -100px;
		}
		.btn_giallo a.linkBottoneProdottiHome:link, .btn_giallo a.linkBottoneProdottiHome:visited, .btn_giallo a.linkBottoneProdottiHome:active {
		background-image:url(/image/btnProdottiHome/giallo.gif);
		background-position: 0 0;		
		float:left;
		color:#700000;
		}
		.btn_giallo a.linkBottoneProdottiHome:hover {	
		background-position: 0 -100px;
		}
		

/* ------------------------------------------------------ FOOTER --- */
/* ---------------------------------------------------------------- */
#footer{
	margin:0 auto;
	text-align:left;
	width:970px;
	color:#4b4b4b;
	font-size:11px;
	padding:13px 10px 15px 10px ;
	border-top:4px solid #fff;
	line-height:13px;
	position:relative;
	}
	
	#footer span{
		font-size:9px;
	}
	#credits{
	position:absolute;
	top:10px;
	left:820px;
	}/*
	#datiazienda{
	position:absolute;
	top:10px;
	left:290px;
	}*/

.logoBottom{
	font-size:12px;
	width:130px;
	margin-bottom:5px;
	padding-bottom:2px;
	}
		
a.footerLink:link, a.footerLink:active, a.footerLink:visited{
	font-size:13px;
	color:#338808;
	text-decoration:underline;
	font-style:normal;
	}
	
	a.footerLink:hover{
		color:#333;
	}