* {
		margin:0;
		padding:0
}

body {
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		color:#666666;
}

#wrapper {
		border:0px solid #333;
		width:780px;
		padding:0 10px;
		margin:0 auto;
		background: url(b2c/barra_colorata.gif) 10px top no-repeat
}

#logo { }

#header {
		padding-top:20px;
		height:60px;
		position:relative;
		margin:0;
}
#header p {
		position:absolute;
		width: 100%;
		height:32px;
		top:25px;
		left:265px;
		overflow: hidden;
		font-size:12px;
}

#header p span {
		position: absolute;
		z-index:5;
		width: 100%;
		height:32px;
		background:url(b2c/vantaggi.gif) 0 0 no-repeat;
}

#box {
		width:779px;
		color:#333333;
		overflow: hidden;
		min-height:300px;
		position: relative;
		margin-bottom:20px;
		border:1px solid #E0E7DF;
		background: url(b2c/bg_box_striscia.gif) 0 0 repeat-y;/*	background: #DFE6DE url(images/img.gif) 0 0 no-repeat*/
 }
#box-tp {
		width:779px;
		color:#333333;
		position: relative;
		margin-bottom:20px;
		border:1px solid #E0E7DF;
 }
#box-tp div{ padding:20px}
#box-tp h2{ font-size:2em; margin-bottom:15px}
#box-tp p{ font-size:12px}
 
.linguetta {
		background: url(b2c/linguetta.jpg) 0 0 no-repeat;
		z-index:50000;
		bottom:4%;
		left:422px;
		width:42px;
		height:124px;
		position:absolute
}

#content { }

#footer {
		border-top:1px solid #E0E7DF;
		padding:5px 0;
		margin:5px 0;
		font-size:11px;
		color:#999999
}
/*
h1 {
		position:absolute;
		width: 100%;
		height:32px;
		top:20px;
		left:180px;
		overflow: hidden;
		font-size:12px;
}

h1 span {
		position: absolute;
		z-index:5;
		width: 100%;
		height:32px;
		background:url(b2c/txt_h1.gif) 0 0 no-repeat;
}

h2 {
		position: absolute;
		width: 542px;
		font-size:10px;
		height:32px;
		top:50px;
		left:180px;
		overflow: hidden;
}

h2 span {
		position: absolute;
		z-index:5;
		background:url(b2c/txt_h2.gif) 0 0 no-repeat;
		height:32px;
		width: 100%;
}
*/
#header h1, #header h2{ text-indent:-7000px}
h3 {
		position:relative;
		width: 100%;
		font-size:10px;
		height:32px;
		overflow: hidden;
		margin-bottom:1.5em; 
		border-bottom:2px solid #E0E7DF;
}

h3 span {
		position: absolute;
		z-index:5;
		background:url(b2c/txt_h3.gif) 0 0 no-repeat;
		height:32px;
		width: 468px;
}
.omaggio{width:422px; height:310px;  float:left; background:url(b2c/bg_30-omaggio.jpg) 0 0 no-repeat;}



.omaggio h1 {
		position:absolute;
		width: 100%;
		height:32px;
		top:20px;
		left:180px;
		overflow: hidden;
		font-size:12px;
}

.omaggio h1 span {
		position: absolute;
		z-index:5;
		width: 100%;
		height:32px;
		background:url(b2c/txt_h1.gif) 0 0 no-repeat;
}

.omaggio h2 {
		position: absolute;
		width: 542px;
		font-size:10px;
		height:32px;
		top:50px;
		left:180px;
		overflow: hidden;
}

.omaggio h2 span {
		position: absolute;
		z-index:5;
		background:url(b2c/txt_h2.gif) 0 0 no-repeat;
		height:32px;
		width: 100%;
}



#vantaggi {position:absolute; z-index:1000; left:60px; top:130px;}
#vantaggi h3 {
		position:relative;
		width: 353px;
		font-size:10px;
		height:46px;
		font-size:11px;
		font-weight:normal;
		border:none;
		font-size:10px;margin-bottom:1.2em
}

#vantaggi h3 span {
		position: absolute;
		z-index:5;
		background:url(b2c/txt_h3_scopri.gif) 0 0 no-repeat;
		height:46px;
		width: 100%;
}

#vantaggi ul li { list-style:none; font-size:9px;width:353px; position: absolute; z-index:1500 }
#vantaggi ul li.pubblico{ position:relative; height:34px; width:353px; }
#vantaggi ul li.pubblico span{background:url(b2c/txt_elenco.gif) 0 0 no-repeat; height:34px; position:absolute; z-index:15; width:100%; }
#vantaggi ul li.costi{ position:relative; height:34px; width:353px; }
#vantaggi ul li.costi span{ background:url(b2c/txt_elenco.gif) 0 -34px no-repeat; height:34px; position:absolute; z-index:15; width:100%; }
#vantaggi ul li.risultato{position:relative; height:34px; width:353px;  }
#vantaggi ul li.risultato span{ background:url(b2c/txt_elenco.gif) 0 -68px no-repeat; height:34px; position:absolute; z-index:15; width:100%; }


p,
li {
		line-height:1.3em;
		margin-bottom:.6em
}

#content ul li {
		list-style:url(b2c/pallino_blu.jpg);
		list-style-position:inside;
}

.float-sx {
		float:left;
		margin:0 10px 10px 0
}

.float-dx {
		float: right;
}

/* form */
.form_box{display:block; width:347px; float:left; padding-bottom:10px}
#form_coupon {}
dl {
		font:normal 12px/15px Arial;
		margin-left:0px;
		margin-top:20px
}

dt {
		clear: both;
		float:left;
		width: 115px;
		padding: 4px 3px 7px 0;
		font-weight:bold;
		text-align:right
}

dd {
		float: left;
		width: 222px;
		margin: 0 0 7px 0;
		position:relative;
}
dd .aggiungi{ position:absolute; top:3px; left:200px}
dd p {
		font-size:11px;
		color:#000000
}

label { }

input {
		border:1px solid #ccc;
		height:20px;
		line-height:20px;
		width:190px
}


.button_form {
		background:url(b2c/call2b.jpg) 0 0 no-repeat;
		width:194px;/*225*/
		height:46px;/*49*/
		font-size:12px;
		font-weight:bold;
		
		color:#ffffff;
		border:0;
		cursor: pointer;
		/*
		z-index:5000px;*/
}

/* Multivariato A */
.omaggio-A{width:422px; height:310px;  float:left; background:url(b2c/multivariato/omaggio-a.jpg) 0 0 no-repeat;}

 
.button_form {
		background:url(b2c/call2b.jpg) 0 0 no-repeat;
		width:194px;
		height:46px;
		font-size:12px;
		font-weight:bold;
		
		color:#ffffff;
		border:0;
		cursor: pointer;
}

/* Multivariato B */
.omaggio-B{width:422px; height:310px;  float:left; background:url(b2c/multivariato/omaggio-b.jpg) 0 0 no-repeat;}

#button_formB {
    margin: 0; clear:right
}
#button_formB input {
   background:url(b2c/multivariato/call.jpg) 0 0 no-repeat;  width:194px; height:49px;
   text-indent: -9999px;
	display:block;
	border:none;
   margin: 0 auto;
   cursor: pointer;
	padding-left:0; margin:0;
}




/* VALIDATOR */
.formError {
    position: absolute;
   top: 0px; /*300*/
    left: 0px; /*200*/
    width: 140px; /*150*/
    padding-top: 29px;
    display: block;
    z-index: 5000;
}
.formError .formErrorContent {
    width: 100%;
    background: #FFFF99;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
   box-shadow: 0px 2px 2px #000;
    -moz-box-shadow: 0px 2px 2px #000;
    -webkit-box-shadow: 0px 2px 2px #000;
    padding: 4px 6px ;
	 border-color:#f00;
	 border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.formError .formErrorArrow {
    position: absolute;
    bottom: 0;
    left: 20px;
    width: 15px;
    height: 15px;
}
.formError .formErrorArrow div {
    box-shadow: 0px 0px 6px #000;
    -moz-box-shadow: 0px 0px 6px #000;
    -webkit-box-shadow: 0px 0px 6px #000;
    font-size: 0px;
}
.formError .formErrorArrow .line10 {
    width: 15px;
    height: 1px;
    background: #000;
    margin: 0 auto;
    font-size: 0px;
    display: block;
}
.formError .formErrorArrow .line9 {
    width: 13px;
    height: 1px;
    background: #000;
    margin: 0 auto;
    display: block;
}
.formError .formErrorArrow .line8 {
    width: 11px;
    height: 1px;
    background: #000;
    margin: 0 auto;
    display: block;
}
.formError .formErrorArrow .line7 {
    width: 9px;
    height: 1px;
    background: #000;
    margin: 0 auto;
    display: block;
}
.formError .formErrorArrow .line6 {
    width: 7px;
    height: 1px;
    background: #000;
    margin: 0 auto;
    display: block;
}
.formError .formErrorArrow .line5 {
    width: 5px;
    height: 1px;
    background: #000;
    margin: 0 auto;
    display: block;
}
.formError .formErrorArrow .line4 {
    width: 3px;
    height: 1px;
    background: #000;
    margin: 0 auto;
    display: block;
}
.formError .formErrorArrow .line3 {
    width: 1px;
    height: 1px;
    background: #000;
    margin: 0 auto;
    display: block;
}