/* CSS Document */
body {
background-color:#000;
margin:0 0 10px 0;
font:12px/14px Arial, Helvetica, sans-serif;
text-align:center;
background: url("bg.gif") repeat-x center top;
margin:0 auto;
width:980px;
}

#sfondo{
background:url("backcuori.jpg") no-repeat scroll center center transparent;
display:block;
height:247px;
left:0;
margin:0;
position:absolute;
top:300px;
width:100%;
z-index:-1;
}


a{color:#000}

p{margin:0; padding:0;}
h1{margin:0; padding:0;display:none;}
h2{margin:0; padding:0;display:none;}
form{margin:0; padding:0;}
form input,
form select {margin:0; padding:0;}
form div{margin:0; padding:0;}

.hide {display:none}
.clear {clear:both;display:block;height:0;line-height:0;font-size:0;}

/*---------------*/

#page{
width:980px;
}

#main{
width:980px;
height:505px;
position:relative;
}

.step1,
.step2,
.step3,
.stepE{
background: url("sx.jpg") no-repeat left top;
}

.step1 .box-form {
background: url("base_stp1.jpg") no-repeat center top;
position:absolute;
right:0;
width:370px;
height:505px;
}

.step1 .box-form form {
bottom:25px;
height:370px;
padding:2px;
position:absolute;
right:-35px;
text-align:left;
}

.step1 .box-form  form div{
text-align:right;
padding-bottom:7px;
}

.step1 .box-form  form .indication{
width:290px;
display:block;
color:#FFF;
padding-top:10px;
padding-left:108px;
font-weight:bold;
}

.step1 .box-form  form .msisdn{color:#FFF;width:290px;}
.step1 .box-form  form .msisdn strong {color:#000;font-size:20px;line-height:22px;}
.step1 .box-form  form .msisdn label{display:none;}
.step1 .box-form  form .msisdn select{font-size:20px;line-height:22px;}
.step1 .box-form  form .msisdn input{font-size:20px;line-height:22px;width:140px;}

.step1 .box-form  form .carrier{color:#FFF;width:290px;}
.step1 .box-form  form .carrier select{width:143px;}
.step1 .box-form  form .carrier label{font-weight:bold;}


.step1 .box-form form .button {
position:absolute;
right:140px;
top:200px;
}

.step1 .box-form  form .button input{
background: url("bt_confirma.gif") no-repeat center top;
width:169px;
height:94px;
border:0;
}

.step1 .box-form  form .privacy{
padding-top:20px;
font-size:11px;
text-align:left;
line-height:13px;
margin-left:20px;
}

.step1 .box-form form .privacy label {
display:inline-block;
width:270px;
}


.step1 .box-form form .privacy input {
width:auto;
vertical-align:top;
margin-right:10px;
}

.step1 .nota1{
bottom:-20px;
font-size:11px;
left:-600px;
line-height:13px;
position:absolute;
width:480px;
}

/*----STEP2----*/

.step2 .box-form {
background: url("base_stp2.jpg") no-repeat center top;
position:absolute;
right:0;
width:370px;
height:505px;
}


.step2 .box-form  form{
bottom:87px;
height:370px;
padding:2px;
position:absolute;
right:20px;
text-align:left;
}

.step2 .box-form  form p{
padding:10px;
text-align:center;
}


.step2 .box-form  form div{
text-align:right;
padding-bottom:7px;
}

.step2 .box-form form .pin {
left:70px;
position:relative;
top:35px;
width:200px;
}

.step2 .box-form  form .pin label{color:#FFF;font-size:20px;line-height:22px; }
.step2 .box-form  form .pin input{font-size:20px;line-height:22px;text-align:center;width:150px;}

.step2 .box-form form .button {
position:absolute;
right:90px;
top:195px;
}

.step2 .box-form  form .button input{
background: url("bt_assinar.gif") no-repeat center top;
width:169px;
height:94px;
border:0;
}

.step2 .countdown {
left:665px;
position:absolute;
top:330px;
width:240px;
}

.step2 .countdown #instruction {
background:url("stp_help.jpg") no-repeat scroll center top transparent;
bottom:26px;
display:none;
height:278px;
position:absolute;
right:-53px;
width:343px;
}

.step2  .countdown #countdwn{font-weight:bold;}
.step2  .countdown #countdwn span{color:#BE0006;}




/*----STEP3----*/

.step3 .box-form {
background: url("base_stp3.jpg") no-repeat center top;
position:absolute;
right:0;
width:370px;
height:505px;
}

.step3 .box-form .form-title{display:none;}

.step3 .box-form form {
bottom:89px;
height:300px;
padding:2px;
position:absolute;
right:48px;
text-align:left;
}

.step3 .box-form  form div{
padding-bottom:3px;
margin-right:10px;
}


.step3 .box-form  form label{
display:inline-block;
text-align:left;
width:110px;
vertical-align:top;
font-weight:bold;
}
.step3 .box-form  form span{
display:block;
text-align:right;
font-size:9px;
line-height:11px;
padding-top:3px;
margin-right:8px;
}

.step3 .box-form  form input {width:150px;}
.step3 .box-form  form select{width:155px;}
.step3 .box-form  form textarea{width:150px; height:50px;}


.step3 .box-form  form .bornDate #day,
.step3 .box-form  form .bornDate #month{
width:45px;
}

.step3 .box-form  form .bornDate #year{
width:58px;
}




.step3 .box-form  form .button{
position:absolute;
right:30px;
bottom:-18px;
width:169px;
}

.step3 .box-form  form .button input{
background: url("bt_entre_2.gif") no-repeat center top;
width:140px;
height:68px;
border:0;
}




/*----STEP.E----*/

.stepE .box-form {
background: url("base_error.jpg") no-repeat center top;
position:absolute;
right:0;
width:370px;
height:505px;
}

.stepE .box-form p {
height:80px;
text-align:left;
padding:2px 30px;
color: #000;
font-size:18px;
line-height:20px;
font-weight:bold;
position:relative;
top:130px;
}

.stepE form .button {
bottom:186px;
left:90px;
position:absolute;
width:169px;
}

.stepE  form .button input{
background: url("bt_tente.gif") no-repeat center top;
width:169px;
height:66px;
border:0;
cursor:pointer;
}
/*--- FOOTER ---*/
#footer{
background: url("footer.gif") no-repeat center top;
width:978px;
height:244px;
border:1px solid #F2F2F2;
margin-top:4px;
}

#footer #popups{
display:block;
margin:20px 0;
text-align:center;
}

#footer .contentFooter{
text-align:justify;
padding:26px 30px;
font-size:11px;
line-height:13px;
}


/*--- ERRORI ---*/

.errori {
bottom:223px;
height:160px;
left:420px;
position:absolute;
width:220px;
z-index:999;
}

.step3 .errori {
bottom:90px;
height:360px;
left:420px;
position:absolute;
width:220px;
z-index:999;
}



.errori .notification{
background:#FFF;
color:#BE0006;
font-weight:bold;
border:2px solid #BE0006;
padding:5px;
position:absolute;
width:210px;
}

.step1 .pos1{top:26px;}
.step1 .pos2{top:122px;}

.step2 .pos1{top:55px;}

.step3 .pos1{top:50px;}
.step3 .pos3{top:190px;}
.step3 .pos4{top:230px;}