/* hide elementi iphone*/
 #gendertgender{display:none;}
 #datapicker{display:none;}


body {
margin:0;
padding:0;
font:11px/13px "Trebuchet MS", "Lucida Sans", "Arial", sans-serif
}

a {color:#000;}
p {padding:0;margin-top:0}

#page {width:1000px;margin:0 auto;position:relative}

.content {overflow:hidden;height:446px}

.step1 ,
.step2 ,
.stepError,
.step3 ,
.step4 ,
.step5 {background:url("../gfx/bg.jpg") no-repeat left bottom;}


.headline h1 {display:none}
.headline h2 {display:none}

.boxform {position:absolute;width:320px;height:445px;top:0;right:0;}

form {margin:0;padding:0;}
form div {margin-bottom:10px;}
.button input {border:none}
/*-------------
STEP1
--------------*/
.step1 .boxform {background:url("../gfx/bg_dx_1.jpg") no-repeat top; width:435px; height:445px;top:1px;}
.step1 form {padding:220px 0 0 70px}
.step1 form div {margin-bottom:4px;*margin-bottom:4px;width:259px;margin-left:15px;}
.step1 label {display:none}
.step1 input {margin:0;background:transparent url("../gfx/campo_testo.gif") no-repeat;width:230px; padding:5px; border:none;font-size:30px;vertical-align:center;text-align:center;line-height:20px;}

.note {margin:0;font-weight:bold;text-align:center;margin-bottom:5px;font-size:12px;line-height:13px}

.step1 .google {margin:0;text-align:center;width:280px;margin-left:-10px;}
.step1  p {font-size: 11px;color:#42086C;}
.step1 a {color:#42086C;}
.step1 .google input {width:auto; height:auto;background:none;padding:0;float:left;margin:0}


.step1 .hide {margin:0;font-weight:bold;text-align:center;margin-left:-100px;color:#42086C;}
.step1 .hide  br {display:none}
.step1 .submit {margin:0;width:247px; height:59px; background:url("../gfx/conferma1.gif"); border:none; margin-top:6px}
.step1 .bollino {height:140px; width:142px; background:url("../gfx/bollino.gif") no-repeat center;position:absolute;top:130px;right:390px;z-index:2;}



/*-------------
STEP2
--------------*/
.step2 .boxform {background:url("../gfx/bg_dx_2.jpg") no-repeat center top;width:435px; height:445px;top:1px}
.step2 form {padding:260px 0 0 60px;width:259px;}
.step2 form div {margin-bottom:4px;*margin-bottom:4px;}
.step2 #msisdn {color:#F6009D;font:bold 15px/18px "Trebuchet MS","Tahoma", sans-serif; position:absolute;top:151px;left:110px;text-align:center;padding:0 50px}
.step2 #msisdn span {color:#000}
#pin {margin:0;padding:0;background:transparent url("../gfx/campo_testo.gif") no-repeat;font-size:30px;line-height:30px;width:230px; padding:7px;border:none;margin-top:15px;margin-left:20px;text-align:center; font-weight:bold;}
.step2 label {display:none}
.step2 div.accetto {margin:0;position:absolute; top:200px; left:70px;text-align:center;color:#42086C;}
.step2 div.accetto a {color:#42086C;}
.step2 .submit {width:247px;height:59px;background:url("../gfx/conferma2.gif"); border:none; margin-left:10px;}
.step2 .bollino {height:140px; width:142px; background:url("../gfx/bollino_2.gif") no-repeat center;position:absolute;top:130px;right:390px;z-index:2;}
.step2 .hide{display:none}

/*--------------
STEP3
---------------*/
.step3 .boxform {background:url("../gfx/bg_dx_3.jpg") no-repeat center;width:435px; height:445px; top:1px;}
.step3 form {padding:150px 0 0 70px}
.step3 form div {margin-bottom:5px;*margin-bottom:5px;}
.step3 .hide {font:bold 16px/18px "Trebuchet MS","Tahoma", sans-serif;display:block;margin-bottom:15px}
.step3 label {display:inline-block;width:80px;padding-right:10px;text-align:right;font-size:13px;line-height:20px;height:20px;font-weight:bold;color:#767676;vertical-align:top;}
.step3 input {width:120px}
.step3 select {width:130px;margin:0;}
.step3 .selGg{width:40px;margin:0;}
.step3 .selMm{width:40px;margin:0;}
.step3 .selAaaa{width:60px;margin:0;}
.step3 .raccontaci{display:none;font:bold 16px/18px "Trebuchet MS","Tahoma", sans-serif;margin-bottom:7px; text-align:center; margin-left:-40px; position:absolute; top:130px; left:110px; }
.step3 .submit {width:210px;height:44px;background:url("../gfx/completa_profilo.gif") no-repeat center;border:none;padding-top:20px; position:relative; margin-left:-10px;}
.step3 .bt-entrasubito {width:111px;height:49px;background:url("../gfx/entra_subito.gif") no-repeat center; border:none; padding-top:20px; padding-left:360px; }
.step3 .oppure{font:bold 12px/18px "Trebuchet MS","Tahoma", sans-serif; text-align:center;  width:100px; display:inline;vertical-align:center;color:#42086C;}
/*-----------
STEP4
------------*/
.step4 .boxform {background:url("../gfx/bg_dx_4.jpg") no-repeat center;width:435px; height:445px;top:1px;}
.step4 form {padding:0px 0px 0 0; position:absolute; left: 50px; top:110px;}
.step4 form div {width:350px; margin-bottom:3px}
.step4 #nickname {position:absolute;top:-60px;left:175px;font:bold 18px/20px "Trebuchet MS", sans-serif;text-transform:uppercase; width:100px;text-align:center; color:#F6009D;}
.step4 label {display:inline-block;width:170px;font-weight:bold;font-size:12px;line-height:20px;height:20px;vertical-align:top;text-align:right;margin-right:5px;}
.step4 .newsletter label {display:inline-block;width:240px;font-weight:normal;line-height:13px;height:auto;vertical-align:top;text-align:right;}
.step4 .newsletter input {width:auto;}
.step4 select {width:165px;}
.step4 textarea {width:160px;overflow:auto; height:20px}

.step4 input {width:160px}
.step4 .submit {display:inline-block;width:221px;height:49px;background:url("../gfx/completa.gif") no-repeat;margin-left:120px;border:none;}
.disable{display:none}
.step4 .newsletter  {text-align:right;}
/*-----------
STEP5
------------*/
.step5 .boxform{background:url("../gfx/bg_dx_5.jpg") no-repeat center;top:1px;width:435px;}
.step5 .hide {font:bold 16px/18px "Trebuchet MS", "Tahoma",sans-serif;position:absolute;width:340px;top:100px;left:130px;color:#42086C;}
.step5 .testo {font:12px/15px "Trebuchet MS", "Tahoma",sans-serif;position:absolute;width:340px;top:130px;left:130px}
.step5 .entra {width:288px;height:51px;background:url("../gfx/entra_tim.gif") no-repeat center;margin-left:110px;border:none; bottom:20px; position:absolute;top:350px;}

/*------------
STEP ERROR
------------*/
.stepError .boxform {background:url("../gfx/bg_error.jpg") no-repeat center;width:435px; height:445px;top:1px;}
.stepError p {position:absolute;top:160px;left:90px;font-weight:bold;font-size:13px;line-height:19px;width:260px;color:#42086C;}
.stepError .riprova {display:none}

/*-----------------
Messaggi di errore
------------------*/
.boxErrore {position:absolute;width:245px;background-color:#FFF;border:2px solid #F6009D;}
.boxErrore p {margin:10px;font-weight:bold;color:#42086C;font-size:12px}
.step1 .pos1 {top:190px;left:360px;z-index:3}
.step1 .pos2 {top:280px;left:360px;z-index:3}
.step2 .pos1 {top:250px;left:360px;z-index:3;}
.step2 .pos2 {top:250px;left:3600px;z-index:3;}
.step3 .pos1 {top:220px;left:360px;z-index:3;}
.step3 .pos4 {top:200px;left:360px;z-index:3;}
.step4 .pos5{top:290px;left:360px;z-index:3;}

#footerLink {position:absolute;bottom:105px;left:20px;width:95%;text-align:right;font:10px/11px; color: #6F6F6F}
#footerLink a {display:inline-block;padding:0 0 0 10px;font:10px/11px; color: #6F6F6F}
.footerIphone {margin:0;background:url("../gfx/footer.jpg") no-repeat center top;padding:20px 20px 10px 20px; font:10px/11px; color: #6F6F6F}
.footerIphone  a{font:10px/11px; color: #6F6F6F}
.footerIphone strong{color:#3F3F3F;}
#footer {display:none}