/* CSS Document */

* {
	padding: 0;
	margin: 0;
	}
	
	

body {
	background-color: white;
	background-image: url(../img/sfondo_body.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	}
	
	
/*** STRUTTURA ***/
.contenitore {
	margin-right: auto;
	margin-left: auto;
	width: 980px;
	}
	
.content {
	float: left;
	width: 980px;
	position: relative;
	}
	
.centro {
	float: left;
	width: 948px;
	padding-right: 32px;
	background-image:url(../img/sfondo_nav_sx.gif);
	background-repeat: repeat-y;
	background-position: 32px 100%;
	}
	
.content_principale {
	float: left;
	width: 688px;
	padding: 35px 0 35px 260px;
	}


/*** HEADER ***/
.header {
	width: 916px;
	float: left;
	padding: 38px 32px;
	position: relative;
	}
	
.lingua {
	position: absolute; right: 32px; top: 22px;
	width: auto;
	text-align: right;
	padding-left: 30px;
	background-image: url(../img/bandiera_it.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	}
	
.lingua_pulldown {
	width: 214px;
	border: solid 1px #CCCCCC;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
	
	
.header h2, p {
	width: 690px;
	padding-left: 220px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	}
	
.header p {
	color: #99CC66;
	font-size: 16px;
		line-height: 22px;
	}
	
.header h2 {
	color: #114B57;
	font-size: 20px;
		line-height: 24px;
	}
	
.logo_anniversario	{
    position: absolute;
	top: 95px;
	left: 100px;
	}
	
.logo_anniversario_interno	{
    position: absolute;
	top: 31px;
	left: 250px;
	}	
	
/**** BLOCCO FLASH e NAV HOME *****/
.blocco_home {
	position: absolute; top: 0; left: 0;
	width: 948px;
	height: 283px;
	background-color: #99CC66;
	position: relative;
	
	}
	
.blocco_tit_interno {
	position: absolute; top: 0; left: 0;
	width: 948px;
	height: 76px;
	background-color: #99CC66;
	position: relative;
	
	}
	
	
.blocco_tit_alto {
	position: absolute; top: 0; left: 0;
	width: 948px;
	height: 357px;
	background-color: #99CC66;
	position: relative;
	
	}
	
.blocco_home_prodotti_testo {
float: left;
width: 131px;

}

.blocco_home_prodotti_foto {
	float: left;
	width: 71px;
	}


.blocco_home_prodotti {
	float: right;
	width: 212px;
	height: 283px;
	background-color: #EDEDED;
	background-image: url(../img/sfondo_home_prodotti.gif);
	background-repeat: repeat-y;
	background-position: right;
	border-left: 32px solid white;
	padding-left:475px;
	}
	
.blocco_home_prodotti h3 {
	background-image: url(../img/sfondo_h3_novita.gif);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	}
	
.blocco_home_prodotti h4 {
	padding: 10px 10px 5px 10px;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 20px;
	background-image:url(../img/sfondo_h4_prodotti.gif);
	background-repeat: no-repeat;
	background-position: 10px 0;
	}



.blocco_home_prodotti h4 a {
	color: black;
	text-decoration: none;
	} 
	
.blocco_home_prodotti p {
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 111px;
	padding: 0 10px 10px 10px;
	line-height: 13px;
	}
	
.blocco_home_prodotti p a {
	color: #666666;
	text-decoration: none;
	
	}
	
.blocco_home_prodotti img {
float: right;
padding-right: 10px;
}
	

	
.blocco_home_flash {
	position: absolute; top: 0; left: 138px;
	width: 583px;
	height: 266px;
	border-right: 15px solid white;
	
	}
	
.nav_vert {
	width: 133px;
	background-color: #114B57;
	float: left;
	border-left: 12px solid white;
	position: absolute; top: 20px; left: 20px;
	padding: 0 32px;	
	color: white;
	}
	
.nav_vert dl a {
	color: white;
	text-decoration:none;
	}
	


.nav_vert dl {
	color: white;
	width: 131px;
	padding: 25px 0;
	}
	
.nav_vert dl a {
	color: white;
	text-decoration:none;
	}
	
.nav_vert dl a{
	color: white;
	text-decoration: none;
	}
	
.nav_vert dt {
	color: #99CC66;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 20px;
	padding: 25px 0 5px 0;
	border-bottom: 1px solid #005555;
	
	}
	
	.nav_vert dd {
	color: white;
	padding: 3px 0 3px 0;
	margin: 0;
	border-bottom: 1px solid #005555;
	
	}

	
.nav_vert dd a {
	color: white;
	display: block;
	text-decoration: none;
	margin: 0;
	
	}

.nav_vert dd a:hover {
	color: white;
	background-color: #005555;
	text-decoration: none;

	
	}
	
/**** HOME AZIENDA e BLOCCO NEWS ****/

.home_azienda {
	float: left;
	width: 323px;
	padding-right: 20px;
	}
	
.home_news {
	float: left;
	width: 323px;
	padding-left: 20px;
	border-left: 1px solid #999999;
	}
	
.home_azienda h2,
.home_news h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color:  #114B57;
	padding-bottom: 20px;
	}
	
.home_news h3,
.home_news p {
	width: 230px;
	padding-left: 93px;
	}
	
.home_news h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 21px;
	color: #99CC66;
	padding-bottom: 4px;
	}
	
.home_news h3 a{
	color: #99CC66;
	text-decoration: none;
	}
	
.home_news h3 a:hover{
color: #114B57;
text-decoration: none;
	}
	
	
.home_news p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	padding-bottom: 25px;
	}
	
.home_news p a {
color: #666666;
text-decoration: none;
	}
	
.home_news img {
	position: absolute;
	border: 1px solid #999999;
	}
	
.home_news p img {
	padding-left: 8px;
	border: none;
	position: relative;
	}
	
.home_azienda ul {
	color: #114B57;
	}
	
.home_azienda li {
list-style: none;
	font-weight: bold;
	padding: 2px 0;
	}
	
.tasselli_verdi p a,
.home_azienda li a,
.tassello_casestudy p a {
	color:  #114B57;
	text-decoration: none;
	font-weight: bold;
	}
	
.tasselli_verdi p a:hover,
.home_azienda li a:hover,
.tassello_casestudy p a:hover {
	color:  #99CC66;
	text-decoration: none;
	font-weight: bold;
	}
	
	
.home_azienda li img {
	padding-left: 8px;
	}
	
	
/****HOME TASSELLI****/
.home_tasselli {
	float: left;
	width: 688px;
	padding: 30px 0;
	}
	
.tasselli_verdi {
	float: left; 
	width: 225px;
	border-right: 1px solid white;
	}

.blocco_home_prodotti h3,
.tasselli_verdi h3,
.tassello_casestudy h3 {
	padding: 5px 10px 4px 10px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 12px;
	}

.tasselli_verdi h3 {
	color: #114B57;
	background-color: #99CC66;
	background-image:url(../img/sfondo_verde.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	border-bottom: 1px solid #99CC66;
	}
	
.tasselli_verdi h3 a {
	color: #114B57;
	text-decoration: none;
	display:block; 
	}
	
.tasselli_verdi img,
.tassello_casestudy img {
	border-top: 1px solid white;
	border-bottom: 3px solid white;
	display: block;
	}
	
.tasselli_verdi p {
	width: 205px;
	padding: 15px 10px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	}
	
.tassello_casestudy {
	width: 214px;
	float: left;
	padding-left: 22px;
	}
	
.tassello_casestudy h3 {
	color: #333333;
	background-color: #999999;
	}
	
.tassello_casestudy h3 a {
	color: #333333;
	background-color: #999999;
	text-decoration: none;
	display: block;
	}
	
.tassello_casestudy p {
	width: 192px;
	padding: 15px 10px 20px 10px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	}
	
.tasselli_verdi p img,
.tassello_casestudy p img {
	padding-left: 8px;
	border: none;
	position: relative;
	display: inline;
	}
	
/***** FOOTER *****/
.footer {
	float: left;
	width: 100%;
	background-image: url(../img/sfondo_footer.jpg);
	background-repeat: no-repeat;
	background-position: 50% 100%;
	height: 220px;
	
	}

.nav_footer ul {
	width: 896px;
	list-style: none;
	padding: 0px 10px;
	background-color: #114B57;
}
	
.nav_footer {
	width: 916px;
	padding: 0 32px;
	position: relative;
	}
	
.nav_footer p{
	width: 500px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 0 0 5px 0;
	line-height: 17px;
	position: absolute; top: 70px; left: 32px;
	}
	
.nav_footer p a{
	text-decoration: none;
	color: #999999;
	}
	
	
.nav_footer ul li {
list-style: none;
	display: inline;
	padding: 0 2px 0 5px;
	background: url("../img/footer_separator.gif") no-repeat 0 3px;
}
.nav_footer ul .first {background: none;}
.nav_footer ul li a {font-size: 9px; color:  #99CC66; text-decoration: none;}	
.nav_footer ul li a:hover {color:  white; text-decoration: none;}

.footer_loghi {
	width: 490px;
	text-align: center;
	position: absolute; right: 32px; top: 70px;
	}

.footer_logo_calpeda {
	width: 490px;
	float: left;
	text-align: center;
	padding:10px 0;
	}	
	
.footer_loghi h4{
	
	text-align: center;
	font-size: 11px;
	padding-bottom: 0px;
	}
.footer_logo_first {
	float: left;
	width: 74px;
	height: 46px;
	border-left: none;
	padding: 0 3px;
	}
	
.footer_logo {
	float: left;
	width: 74px;
	height: 46px;
	border-left: 1px solid #999999;
	padding: 0 3px;
	}
	
.content_550px {
	float: left;
	width: 688px;
	height: 550px;
	}