body {
font:12px/14px "Tahoma", "Arial", sans-serif;
margin:0;
padding:0;
text-align:center;
background: #100003
}

.clear {display:block;font-size:0;line-height:0;clear:both}
.hide {display:none}
.space {display:block;font-size:0;line-height:0;clear:both;height:10px;}
img {border:none;}

#pixel img {display:none;}

#page {
text-align:left;
margin:0 auto;
width:923px;
background:url("sfondo_top.jpg") no-repeat center top
}

#headline {
display:none
}

h1 {display:none} 

h1 span {
display:none
}

.main {
min-height:589px;
height:auto !important;
height:589px;
position:relative
}

.bollinog,
.bollino {
width:139px;
height:139px;
position:absolute;
bottom:150px;
left:60px;
}

.bollinog {
background:url("bollino_031xSMS_google.gif") no-repeat center;
}

.bollino {
background:url("bollino_031xSMS.gif") no-repeat center;
}

.step1 {
background:url("sfondo_st1.jpg") no-repeat left bottom;
position:relative
}

.step2 {
background:url("sfondo_st2.jpg") no-repeat left bottom;
position:relative
}
.step3 {
background:url("sfondo_st3.jpg") no-repeat left bottom;
position:relative
}

.step_error {
background:url("sfondo_st3.jpg") no-repeat left bottom;
position:relative
}

.dadastep4 {
background:url("sfondo_st3.jpg") no-repeat left bottom;
position:relative
}

.box-form {
position:relative;
color:#FFF;
}

.step1 .box-form {
right:35px;
top:408px;
position:absolute;
height:100px;
width:550px
}

.step1 .testo {
position:relative;
top:-6px;
_top:-3px;
font-size:9px;
}

.step1 .nota {
position:absolute;
bottom:-93px;
_bottom:10px;
left:-340px;
_left:-320px;
font-weight:bold;
}

form {
font-size:11px;
margin:0
}

input, select {font-size:12px;line-height:12px;padding:0;margin:0}

form div {
margin-bottom:10px;
vertical-align:top
}

form div span {
display:block; 
margin-left:115px;
font-size:10px;
line-height:11px
}

.step1 form {margin-top:0}

#cel1{
font-size:23px;
width:auto;
}

#cel2{
font-size:23px;
line-height:23px;
width:150px
}

label {
display:inline-block;
text-align:left;
font-weight:bold;
margin-right:2px;
width: 120px;
}

.step1 label {width:100px; display:none}
.step1 .carrier label {width:100px; display:inline-block}
.step1 form div span {
margin-left:0;
}

span.indication {
font-weight:bold;
display:inline-block;
font-size:16px;
padding-bottom:3px;
margin-left:30px
}

.step1 .privacy {*_height:40px;overflow:hidden;margin-top:10px}

.step1 .privacy label {
display:inline-block;
width:520px;
text-align:left;
float:right;
font-weight:normal;
font-size:9px;
}

.cost {font-size:11px;font-weight:normal;margin:0; position:absolute;bottom:10px;left:10px;text-align:left}

.privacy input {
width:auto;
float:left;
vertical-align:top;
} 

form a {color:#FFF}

form div.button {
position:absolute;
margin:0;
right:50px;
top:8px
}

form div.changepos {}

.promo {
position: absolute;
top:126px;
left:-450px;
color: #ffffff;
width:550px;
}

.promo_hp {
position: relative;
top:106px;
left:-425px;
width:700px;
}


form div.button input {
cursor:pointer
}

.step1 form div.button input {
border:0px;
height:77px;
width:174px;
background: url("bt_1.gif") no-repeat center;
}

/*--------step2----------*/
.step2 .box-form {
width:450px;
position:absolute;
bottom:50px;
right:30px;
}

.step2 form {
margin:0;
text-align:left
}

.step2 form input {
width:200px;
font-size:30px;
line-height:30px
}

form p {margin:0 20px 20px 20px;}

.step2 form p {margin:0 0 15px 0}

.step2 form div span {display:block; margin:0;font-size:10px;line-height:11px}

.step2 form div.button {top:23px;right:35px}
.step2 form div.button_entre {top:23px;right:35px;position:absolute}

.step2 form div.button input {
border:none;
height:77px;
width:174px;
background: url("bt_2.gif") no-repeat center;
}

.step2 form div.button_entre input {
border:none;
height:77px;
width:174px;
background: url("bt_2entre.gif") no-repeat center;
}


.countdown {
width:450px;
position:absolute;
right:30px;
bottom:35px
}

.countdown p {
margin:0;
font-size:11px;
line-height:12px;
font-weight:bold;
color:#FFF
}

.countdown p span {color:#FFCC33}

.countdown .help-pwd {
position:absolute;
width:450px;
color: #FFF;
bottom:-15px;
z-index:555;
text-align:left
}

.countdown .help-pwd span {
margin:0;
position:relative;
line-height:12px;
font-size:11px;
}

.countdown a {color:#FFF}

#instruction {
background:url("help.jpg") no-repeat 30px center;
width:517px;
height:188px;
position:absolute;
right:0px;
bottom:-35px;
z-index:444;
display:none
}

/*----- step3 -----*/
.step3 .box-form {
width:450px;
position:absolute;
overflow:hidden;
bottom:10px;
right:30px;
}

.step3 form {
margin:0
}

.step3 form div {
margin-bottom:6px
}

.step3 form div label {
vertical-align:top;
width:110px
}
.step3 form div.password span {display:none;}

.step3 form div.description {position:absolute;right:0;top:0px}
.step3 form div.description label {display:block}
.step3 form div.description span {margin:0;}

.step3 form div.button {
top:70px;right:0
}

.step3 form div.button input {
border:none;
height:77px;
width:155px;
background: url("bt_3.gif") no-repeat center;
}

textarea {width:155px;height:40px;overflow:auto;padding:0}


#footer {
background-color:#181112;
padding:70px 0 5px 0;
margin:0
}

* html #footer {
margin:0
}

.contentFooter {
color:#FFFFFF;
margin: 0 30px;
font-size:11px;
line-height:13px;
}

#footer center {
margin-top:10px;
}

#popups {
display:block;
margin:10px auto;
text-align:center
}

#footer a {color:#ffffff;}

/*step4*/

.dadastep4 .box-form {
width:480px;
height:165px;
position:absolute;
bottom:10px;
right:10px;
}

.no-title h3 {
font-size:16px;
line-height:18px;
position:absolute;
left:20px;
top:20px
}

.no-title p {
font-size:15px;
line-height:17px;
position:absolute;
top:50px;
left:20px;
width:235px;
text-align:center;
border-top:2px dotted #000;
padding-top:10px;
}

#box-profile {
position:absolute;
right:20px;
bottom:18px;
text-align:center;
width:220px;
font-size:11px;
line-height:13px;}

#box-profile img {border:1px solid #000; margin: 0 auto;}

.profile p {margin:0 0;color:#FFF; text-align:center}

.profile p a {color:#FFF; text-decoration:none;cursor:default;font-weight:bold;}

#box-profile a {cursor:default}

/*----------------------
notification messages
-----------------------*/
.notification {
position:absolute;
z-index:9999;
height:26px;
background:url("errore_dx.gif") no-repeat right center;
border-left:2px solid #ff0700
}


.step1 .pos1 {
top:470px;
left:150px;
}

.step1 .pos2 {
top:530px;
left:80px;
}

.pos2 {
top:510px;
left:80px;
}

.step2 .pos1 {
bottom:70px;
left:300px;
}

.step3 .pos1 {
bottom:145px;
left:280px;
}

.step3 .pos2 {

}

.step3 .pos3 {
bottom:30px;
left:280px;
}

.step3 .pos4 {
bottom:120px;
right:195px;
}

.step3 .pos5 {
top:440px;
right:400px;
}

.notification div {
background:#FFF url("errore_sfondo.gif") repeat-x center;
margin:0 16px 0 0;
padding-left:10px;
}

.notification span {
font:bold 11px/26px "Tahoma", "Arial", sans-serif;
color:#ff0700
}
