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

/* Sito realizzato con una risoluzione di 1280 x 800, progettato per 1024 x 768 */

/* Struttura:
- centrato
   - header
   - corpo
      - menu
	  	- box
   - footer
   - footer_info_azienda
*/

body {
	margin: 0;
}

#centrato {
	width: 1000px; 
	margin-left: auto;
	margin-right: auto;

}


/* per index2.php */

#centrato2 {
	width: 1000px; /*80%*/ 
	margin-left: auto;
	margin-right: auto;
	/*	margin-top:20px; */
	border: 1px gray solid; 
 
 /* arrotondo gli angoli superiori */
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px; 
}


#top {
	background-color: #1a1b1c; /*#20548E;*/ /*#dbe0eb; */
	width: 100%;
	height: 110px; 
}

#header {
/*	height: inherit; */ /*  183px; */
	width: 1000px;   /* add, the same of centrato */
	margin: 0 auto;  /* add, the same of centrato */
	padding-top: 20px;
}



/*
	CLEARFIX - class used on element named 'corpo' cause float menu (L) and float container (R)
	The problem happens when a floated element is within a container box, 
	that element does not automatically force the container’s height adjust to 
	the floated element. When an element is floated, its parent no longer contains 
	it because the float is removed from the flow. ( code below from Facebook )
*/

.clearfix:after {
	clear:both;
	content:".";
	display:block;
	visibility:hidden;
	font-size:0;
	height:0;
	line-height:0;	
}

.clearfix {
	zoom: 1;
}



.lfloat {
	float: left;
}

.rfloat {
	float: right;
}


#cit {
	
	padding-right: 20px; 
	font-family:"Lucida Console", Monaco, monospace; 
	text-align: right; 
	color: white;
	line-height: 20px;
	font-size: 11px;
	width: auto;
}


/* per index2.php */
#cit2 {
	padding-right: 20px; 
	font-family:"Lucida Console", Monaco, monospace; 
	text-align: right; 
	color: black;
	line-height: 20px;
	font-size: 11px;
}


#logo {
	width: 300px;
	height: 80px;
	/* background:transparent url(/image_logo/log2.png) no-repeat; */ /* doesnt work on FF, Chrome */
	background-image:  url(/image_logo/log2.png); 
	background-repeat: no-repeat;
	background-size: 70%; 
	margin-left: 20px;
}

#logo a {
height: inherit;
width: inherit;
display: block;
text-indent: -5000px; 
}



/* from Facebook for example */
.sp_6jxgq1{background-image:url(/image_logo/log2.png);background-repeat:no-repeat;display:inline-block;height:9px;width:9px;}
.sx_df432d{width:170px;height:36px;background-position:-0px -0px}


#corpo {
	margin-top: 90px;
	border: none; 
	/* height: 600px; */
	min-height: 450px;
	
/*	padding-left:20px;
	padding-right:20px; */
}


/* container of the three images in homepage */
#box {
	width: 900px; 
	margin: auto;
	height: 500px;
}


/*#block {
	height: 500px;
	width: 90%;
	margin: auto;
} */

.block-img {
	height: 220px;
	/*	background-color: gray; */
   
vertical-align: middle;
}

.block-img img {
	width: 280px;
	height: 200px;
	border: 1px gray solid;
	display: block;
}

.block-desc {
	height: 170px;
	padding-right: 20px;
}

	.block-desc .title {
		font-size: 16px;
		color: red;
		margin-bottom: 5px;
		text-align: left;
	}
	
	.block-desc .content {
		text-align: justify;
	}


.basictext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 20px;
	text-align: left;
	color: #333333;
}


.block-button {
	/*	background-color: green; */
	height: 50px;
	margin-top: 25px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}



/***
	*  Css dei bottoni in HP 
	*/
.uiButton {
	background-repeat:no-repeat;
	background-position:0 -245px;
	background-color:#eee;
	border:1px solid #999;
	border-bottom-color:#888;
	-webkit-box-shadow:0 1px 0 rgba(0, 0, 0, .1);
	cursor:pointer;
	display:inline-block;
	font-size: 11px;
	font-weight:bold;
	line-height:13px;
	padding:4px 16px;
	text-align:center;
	text-decoration:none;
	vertical-align:top;
	white-space:nowrap; 
}

.uiButton input {
	background:none;  /* nascondo lo stile "pulsante" del bottone */
	border:0;
	color: #FFF; /* #333; */
	cursor:pointer;  /* tutta l'area del bottone diventa cliccabile */
	display:inline-block;
	font-family:'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight:bold;
	margin:0;
	padding:1px 0 2px;
	white-space:nowrap;
}

.uiButtonSpecial {
	background-repeat:no-repeat;
	background-position:0 -98px;
	background-color:#69a74e;
	border-color:#3b6e22 #3b6e22 #2c5115;
}



#footer_info_azienda {
	min-height: 100px;
	text-align: center;
	/* 	border-top: 1px gray solid; */
	padding-top: 10px;

	background-image: url(/fotovoltaico/footer_bg2.png);
	background-repeat: repeat-x;
	margin-top: 100px;
} 

	#footer_info_azienda.footext {
		font-size: 11px;
	}