/* CSS Document */
/*COMMENTO REGOLE LAYOUT GRAFICO*/
html, body {
  	margin: 0;
  	padding: 0;
  	height: 100%;
  	/*serve perchè se no le regole sul #contenitore non funzionano*/
}
body{
	background-color:#7AB422;
	background-image:url(../immagini/bodysopra.jpg);
	background-repeat:repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
}

#sfondo{
	width: 940px; /* Per avere una larghezza da centrare*/
	position: absolute; /*Se no non funzionano le seguenti*/
    /*Centraggio orizzontale - alternativa a margin: 0 auto;*/
    /*margin: 0 auto;*/
    left: 50%; /*Lato sx dell'elemento è al centro della pagina*/
    margin-left: -470px; /*Torno indietro di 1/2 larghezza*/
	height:100%;
	background-image:url(../immagini/ombravert1.jpg);
	background-position: top left;
	background-repeat:repeat-y;
	
	}
	
#logo{
	float:left;
	width:200px;
	height:233px;
	background:#7AB422;
	background-image:url(../immagini/logocolonna1conmano.jpg);
	text-indent: -5000px;

}	
	
#animazione{
	float:left;
}
	
	
#lineanav	{
	float:left;
	width:740px;
	height:33px;
	background-image:url(../immagini/lineanav.jpg);
	background-repeat:repeat-x;
}

#riga1{
	float:left;
	width:940px;
	height: 10px;
	background-image:url(../immagini/riga1.jpg);
}	
#riga2{
	float:left;
	width:940px;
	height:34px;
	background-image:url(../immagini/riga2.jpg);
}	
#riga3{
	float:left;
	width:940px;
	height:970px;
	background-image:url(../immagini/riga3.jpg);
	background-repeat:repeat-y;
}
#riga3_corta{
	float:left;
	width:940px;
	height:810px;
	background-image:url(../immagini/riga3.jpg);
	background-repeat:repeat-y;
}
#riga3_contatti{
	float:left;
	width:940px;
	height:340px;
	background-image:url(../immagini/riga3.jpg);
	background-repeat:repeat-y;
}


/*COLONNA VERDE SINISTRA*/
#colonna{
	float:left;
	width: 250px;

}	
#uomo{
	width:200px;
	height:392px;
	background-image:url(../immagini/uomo2a.gif);
	/*background-image:url(../immagini/uomo2-trans.png);*/
	text-indent: -5000px;
	margin-top: 15px;
	margin-left: 28px;
}
#uomo1{
	width:180px;
	height:309px;
	background-image:url(../immagini/uomo1.gif);
	text-indent: -5000px;
	margin: 5px 0 10px 40px;
}

#testocolonna{
	width:160px;
	margin-left:25px; 
}
#testocolonna p{
	color:#ccc;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#testocolonna #firma p{
	font-family:Georgia, "Times New Roman", Times, serif;
	padding-top:10px;
	font-size: 12px;
 	color:#ccc;
	margin-bottom:10px;

}

/*LINKS*/
#navcolonna h3{
	color:#cdcdcd;
	font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
	font-size: 15px;
	font-weight:400;
	margin-bottom:15px;


}

#navcolonna {
	width: 160px;
	text-align: left;
	font-size: 12px;
	float:left;
	padding-left: 25px;
	margin-top: 30px;
}

.links {
	width: 160px;
	height: 50px;
	font-size: 10px;
	float: left;
	margin-bottom: 4px;
}
#pgai, #betulle, #tredunion, #kinelife{
	width: 50px;
	height:50px;
	float: left;
}

#pgai a, #betulle a, #tredunion a, #kinelife a{
	display: block;
	height:50px;
	width: 50px;
	background:#2D680E;
	text-indent: -5000px;
}
#pgai a{
	background-image:url(../immagini/pgai.jpg);
}
#betulle a{
	background-image:url(../immagini/betulle.jpg);
}
#tredunion a{
	background-image:url(../immagini/tredunion.jpg);
}
#kinelife a{
	background-image:url(../immagini/kinelife.jpg);
}

.testolink  {
	float:left;
	width: 80px;
	text-align: left;
	font-size:10px;		
	padding-left: 10px;

}

.testolink a{
	width: 70px;
	line-height:15px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align: left;
	text-decoration: none;
	color:#FB7B00;

}
.testolink a:hover{
	color:#fff;
}


/* TESTO SU FOGLIO BIANCO*/
#testo{
	float:left;
	width:580px;
	margin-top: 45px;
	margin-left: 50px;
}

h2{
	color:#48A818;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-bottom:10px;
}

p{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color:#666;
	text-align:justify;
	line-height:17px;
}

#testo p{
line-height: 18px;
margin-top: 10px;
}

/*PIEDE*/
#piede{
	clear:both;
	width:940px;
	height:130px;
	background-image:url(../immagini/piede.jpg);
}	
#ditta {
	width: 400px;
	height: 45px;
	margin-left: 375px;
}

#ditta p{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	color: #ccc;
	text-align:center;
	line-height: 13px;
	margin-top: 8px;
	
	
}
#ditta a{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	color: #F97800;
	text-align:center;
	text-decoration:none;
}
#ditta a:hover{
	color:#ccc;
	text-decoration:underline;
}
.data{
font-weight:600;
color:#777;
}