/* hide elementi iphone*/
 #gendertgender{display:none;}
 #datapicker{display:none;}
 .yellowline{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 {background:url("../gfx/bg_1-2-3.jpg") no-repeat left bottom;}
.step4 ,
.step5 {background:url("../gfx/bg_4-5.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 center top;top:1px}
.step1 form {padding:150px 0 0 20px}
.step1 label {display:none}

.step1 .carrier label {display:inline-block;font-weight:bold;}
.step1 .carrier select{width:100px;}
.step1 .carrier {text-align:center}

.step1 input {background:transparent url("../gfx/campo_testo.gif") no-repeat;width:259px; height:54px; border:none;font-size:40px;vertical-align:bottom;text-align:center;margin-left:10px;line-height:50px}

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

.step1 .google {text-align:center;width:250px;margin-left:10px;}
.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;padding-bottom:2px;margin-left:-20px;}
.step1 .hide  br {display:none}
.step1 .submit {width:245px; height:73px; background:url("../gfx/conferma1.gif"); border:none; margin-top:10px}
.step1 .bollino {height:137px; width:129px; background:url("../gfx/bollino.gif") no-repeat center;position:absolute;top:130px;right:330px;}



/*-------------
STEP2
--------------*/
.step2 .boxform {background:url("../gfx/bg_dx_2.jpg") no-repeat center top;top:1px}
.step2 form {padding:250px 0 0 10px}
.step2 #msisdn {color:#E9085F;font:bold 13px/18px "Trebuchet MS","Tahoma", sans-serif; position:absolute;top:110px;left:0;text-align:center;padding:0 50px}
.step2 #msisdn span {color:#000}
#pin {background:transparent url("../gfx/campo_testo.gif") no-repeat;font-size:30px;line-height:30px;width:259px; height:54px;border:none;padding-top:8px;margin-left:20px;margin-top:7px;text-align:center; font-weight:bold;}
.step2 label {display:none}
.step2 div.accetto {position:absolute; top:170px; left:0;text-align:center; padding:0 30px;}
.step2 .submit {width:245px;height:73px;background:url("../gfx/conferma2.gif"); border:none; margin-left:28px}
.step2 .bollino {height:128px; width:128px; background:url("../gfx/bollino_2.gif") no-repeat center;position:absolute;top:130px;right:330px;}


/*--------------
STEP3
---------------*/
.step3 .boxform {background:url("../gfx/bg_dx_3.jpg") no-repeat center; top:1px;}
.step3 form {padding:160px 0 0 30px}
.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{font:bold 16px/18px "Trebuchet MS","Tahoma", sans-serif;display:block;margin-bottom:7px; text-align:center; margin-left:-40px; position:absolute; top:130px; left:110px; }
.step3 .submit {width:144px;height:49px;background:url("../gfx/completa_profilo.gif") no-repeat center;border:none;position:relative;margin-bottom: -10px}
.step3 .bt-entrasubito {width:111px;height:49px;background:url("../gfx/entra_subito.gif") no-repeat center; border:none; padding-left:360px; }
.step3 .oppure{font:bold 16px/18px "Trebuchet MS","Tahoma", sans-serif; text-align:center; width:100px; display:inline;}

.step3 #data {display:none;}
.step3 #gendertgender {display:none;}

/*-----------
STEP4
------------*/
.step4 .boxform {background:url("../gfx/bg_dx_4.jpg") no-repeat center;top:1px;}
.step4 form {padding:80px 0px 0 0; position:absolute; left: -50px; top:20px;}
.step4 form div {width:350px; margin-bottom:4px}
.step4 #nickname {position:absolute;top:30px;left:160px;font:bold 19px/20px "Trebuchet MS", sans-serif;text-transform:uppercase; color:#E9085F;width:100px;text-align:center;}
.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;}
.step5 .hide {font:bold 16px/18px "Trebuchet MS", "Tahoma",sans-serif;position:absolute;width:340px;top:120px;left:20px}
.step5 .testo {font:12px/15px "Trebuchet MS", "Tahoma",sans-serif;position:absolute;width:340px;top:150px;left:20px}
.step5 .entra {width:288px;height:51px;background:url("../gfx/entra_tim.gif") no-repeat center;margin-left:0px;border:none; bottom:20px; position:absolute;}

/*------------
STEP ERROR
------------*/
.stepError .boxform {background:url("../gfx/bg_error.jpg") no-repeat center;top:1px;}
.stepError p {position:absolute;top:200px;left:20px;font-weight:bold;font-size:15px;line-height:19px;width:280px }
.stepError .riprova {display:none}

/*-----------------
Messaggi di errore
------------------*/
.boxErrore {position:absolute;width:245px;background-color:#FFF;border:2px solid #E9085F}
.boxErrore p {margin:10px;font-weight:bold;color:#E9085F;font-size:12px}
.step1 .pos1 {top:170px;left:400px;z-index:1;}
.step1 .pos2 {top:260px;left:400px;z-index:1;}
.step2 .pos1 {top:250px;left:400px;z-index:1;}
.step2 .pos2 {top:250px;left:400px;z-index:1;}
.step3 .pos1 {top:220px;left:400px;z-index:1;}
.step3 .pos4 {top:200px;left:400px;z-index:1;}
.step4 .pos5{top:290px;left:400px;z-index:1;}

#footerLink {position:absolute;bottom:90px;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}