



#offerte {
	margin: 0;
	padding: 0;
	width: 990px; /* 990px */
	height: 130px; /* 126px */
	float: left;
	display: block;
}
#offerte h2 {
	margin: 0;
	padding: 5px 0px 5px 0px;
	font-size: 1.3em;
	font-weight: bold;
}
#offerte h3 {
	margin: 0;
	padding: 5px 0px 0px 0px;
	font-size: 1.1em;
	font-weight: bold;
}
#offerte .box1, #offerte .box2, #offerte .box3 { /* sono A per adesso */
	margin: 0px 5px 0px 5px;
	padding: 0;
	width: 320px; /* px */
	height: 126px; /* px */
	display: block;
	float: left;
	background-color: #e5e0dc;
	text-decoration: none;
	cursor: pointer;
}
#offerte .box1 .sx , #offerte .box1 .sx .mask ,
#offerte .box2 .sx , #offerte .box2 .sx .mask ,
#offerte .box3 .sx , #offerte .box3 .sx .mask {
	margin: 0;
	padding: 0;
	width: 125px; /* px */
	height: 126px; /* px */
	display: block;
	float:left;
	/* foto da database per SX */
}

#offerte .box1 .sx .mask img, #offerte .box2 .sx .mask img, #offerte .box3 .sx .mask img {
	margin: 0;
	padding: 13px 0px 0px 14px;
	top: 0px;
	left: 0px;
	/* foto da database per SX */
}
#offerte .box1 .sx .mask img.orizzontale, #offerte .box2 .sx .mask img.orizzontale, #offerte .box3 .sx .mask img.orizzontale {
	width: 100px;
	max-width: 100px;
}
#offerte .box1 .sx .mask img.verticale, #offerte .box2 .sx .mask img.verticale, #offerte .box3 .sx .mask img.verticale {
	height: 100px;
	max-height: 100px;
}
#offerte .box1 .sx .mask img.noimg, #offerte .box2 .sx .mask img.noimg, #offerte .box3 .sx .mask img.noimg {
	height: 100px;
	width: 100px;
	background-color: #fff;
}
#offerte .box1 .dx , #offerte .box1 .dx .mask ,
#offerte .box2 .dx , #offerte .box2 .dx .mask ,
#offerte .box3 .dx , #offerte .box3 .dx .mask {
	margin: 0;
	padding: 0;
	width: 195px; /* px */
	height: 126px; /* px */
	display: block;
	float:left;
}
#offerte .box1 .dx .mask .testo ,#offerte .box2 .dx .mask .testo ,#offerte .box3 .dx .mask .testo {
	padding: 5px;
}





















#offerte2 {
	margin: 0;
	padding: 0;
	width: 990px; /* 990px */
	height: 130px; /* 126px */
	float: left;
	display: block;
}
#offerte2 h2 {
	margin: 0;
	padding: 5px 0px 5px 0px;
	font-size: 1.3em;
	font-weight: bold;
}
#offerte2 h3 {
	margin: 0;
	padding: 5px 0px 0px 0px;
	font-size: 1.1em;
	font-weight: bold;
}
#offerte2 .box1, #offerte2 .box2 { /* sono A per adesso */
	margin: 0px 5px 0px 5px;
	padding: 0;
	width: 355px; /* 280px */
	height: 126px; /* 126px */
	display: block;
	float: left;
	background-color: #e5e0dc;
	text-decoration: none;
}
#offerte2 .box3 { /* sono A per adesso */
	margin: 0px 5px 0px 5px;
	padding: 0;
	width: 250px; /* 280px */
	height: 126px; /* 126px */
	display: block;
	float: left;
	background-color: #e5e0dc;
	text-decoration: none;
}
#offerte2 .box1 .sx , #offerte2 .box1 .sx .mask ,
#offerte2 .box2 .sx , #offerte2 .box2 .sx .mask {
	margin: 0;
	padding: 0;
	width: 125px; /* px */
	height: 126px; /* px */
	display: block;
	float:left;
	/* foto da database per SX */
}
#offerte2 .box3 .sx , #offerte2 .box3 .sx .mask {
	margin: 0;
	padding: 0;
	width: 125px; /* px */
	height: 126px; /* px */
	display: block;
	float:left;
	/* foto da database per SX */
}
#offerte2 .box1 .sx .mask img, #offerte2 .box2 .sx .mask img, #offerte2 .box3 .sx .mask img {
	margin: 0;
	padding: 13px 0px 0px 14px;
	top: 0px;
	left: 0px;
	/* foto da database per SX */
}
#offerte2 .box1 .sx .mask img.orizzontale, #offerte2 .box2 .sx .mask img.orizzontale, #offerte2 .box3 .sx .mask img.orizzontale {
	width: 100px;
	max-width: 100px;
}
#offerte2 .box1 .sx .mask img.verticale, #offerte2 .box2 .sx .mask img.verticale, #offerte2 .box3 .sx .mask img.verticale {
	height: 100px;
	max-height: 100px;
}
#offerte2 .box1 .sx .mask img.noimg, #offerte2 .box2 .sx .mask img.noimg, #offerte2 .box3 .sx .mask img.noimg {
	height: 100px;
	width: 100px;
	background-color: #fff;
}
#offerte2 .box1 .dx , #offerte2 .box1 .dx .mask ,
#offerte2 .box2 .dx , #offerte2 .box2 .dx .mask {
	margin: 0;
	padding: 0;
	width: 230px; /* 157px */
	height: 126px; /* 126px */
	display: block;
	float:left;
}
#offerte2 .box3 .dx , #offerte2 .box3 .dx .mask {
	margin: 0;
	padding: 0;
	width: 125px; /* px */
	height: 126px; /* px */
	display: block;
	float:left;
}
#offerte2 .box1 .dx .mask .testo ,#offerte2 .box2 .dx .mask .testo ,#offerte2 .box3 .dx .mask .testo {
	padding: 5px;
}




/* hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh */







/* OFFERTE ( dentro a body dopo left e main ) */
#offerte .box1 .sx .mask { color: #8f857b; background: url(../graph/box_offerta1.gif) left center; }
#offerte .box1 .dx .mask { color: #8f857b; background: url(../graph/box_offerta1.gif) right center; }
#offerte .box2 .sx .mask { color: #5f384d; background: url(../graph/box_offerta2.gif) left center; }
#offerte .box2 .dx .mask { color: #5f384d; background: url(../graph/box_offerta2.gif) right center; }
#offerte .box3 .sx .mask { color: #728aa2; background: url(../graph/box_offerta3.gif) left center; }
#offerte .box3 .dx .mask { color: #728aa2; background: url(../graph/box_offerta3.gif) right center; }
#offerte .box1 .dx { background-color: #FFFFFF; }
#offerte .box2 .dx { background-color: #FFFFFF; }
#offerte .box3 .dx { background-color: #FFFFFF; }

#offerte .box1 h2 { color: #8f857b; }
#offerte .box2 h2 { color: #5f384d; }
#offerte .box3 h2 { color: #728aa2; }



/* OFFERTE2 prova ( dentro a body dopo left e main ) */
#offerte2 .box1 .sx .mask { color: #8f857b; background: url(../graph/box_offerta1.gif) left center; }
#offerte2 .box1 .dx .mask { color: #8f857b; background: url(../graph/box_offerta1.gif) right center; }
#offerte2 .box2 .sx .mask { color: #5f384d; background: url(../graph/box_offerta2.gif) left center; }
#offerte2 .box2 .dx .mask { color: #5f384d; background: url(../graph/box_offerta2.gif) right center; }
#offerte2 .box3 .sx .mask { color: #728aa2; background: url(../graph/box_offerta3.gif) left center; }
#offerte2 .box3 .dx .mask { color: #728aa2; background: url(../graph/box_offerta3.gif) right center; }
#offerte2 .box1 .dx { background-color: #FFFFFF; }
#offerte2 .box2 .dx { background-color: #FFFFFF; }
#offerte2 .box3 .dx { background-color: #FFFFFF; }

#offerte2 .box1 h2 { color: #8f857b; }
#offerte2 .box2 h2 { color: #5f384d; }
#offerte2 .box3 h2 { color: #728aa2; }


