/* CSS Document */

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


html {
background:url("../gfx/bg.gif") repeat-x top left;
background-color:#B91615;
}

body {
margin:0 auto 10px auto;
width:1016px;
font:12px/14px Arial, Tahoma, Helvetica, sans-serif;
text-align:center;
position:relative
}

.hide {display:none}

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

.page_step1 {
width:1001px;
margin:0 auto;
min-height:590px;
height:auto !important;
height:567px;
background:url("../gfx/sf_stp_1.jpg") no-repeat 0 top;
position:relative;
}

.page_step1 .bollino{
position:absolute;
right:240px;
bottom:200px;
background:url("../gfx/btn-offerta.gif") no-repeat 0 top;
height:111px;
width:111px;
}


.page_step2 {
width:1001px;
margin:0 auto;
min-height:590px;
height:auto !important;
height:567px;
background: url("../gfx/sf_stp_2.jpg") no-repeat 0 top;
position:relative;
}

#page3 {
width:1001px;
margin:0 auto;
min-height:590px;
height:auto !important;
height:567px;
background: url("../gfx/sf_stp_3.jpg") no-repeat 0 top;
position:relative;
}


.page_stepE  {
width:1001px;
margin:0 auto;
min-height:590px;
height:auto !important;
height:567px;
background: url("../gfx/sf_stp_3.jpg") no-repeat 0 top;
position:relative;
}


#headline {
display:none
}

#headline-inbox {
/*border:1px solid #33CCFF;*/
position:absolute;
right:332px;
top:34px
}

#headline-inbox h1 {
font:bold 25px/27px "Arial", "Tahoma", "Helvetica",sans-serif;color:#9c9c9c;width:360px;text-align:center;
}

#headline-inbox span {color:#66cc66;text-transform:uppercase}

/*-------- footer --------*/

#footer {
position:absolute;
left:20px; bottom:0;
z-index:500;
margin:0 auto;
padding:5px 0;
text-align:left;
width:980px;
font:10px/11px "Tahoma","Helvetica",sans-serif;
color:#464646
}

#footer p {margin:0}

.box-testo a {
font: 10px/11px "Tahoma","Arial", sans-serif;
color:#464646
}

.box-termini {
width: 761px;
height:37px;
font-size:11px;
line-height:12px;
background: none;
margin:8px auto;
}

.box-termini div {
float:left;
height:37px;
line-height:37px;
padding:0 30px 0 0
}

.box-termini div.hspace1 {
width:40px;
padding:0
}

.box-termini a {
color:#464646;
font-weight:bold;
text-decoration:none
}

#landing-profili {
display:none
}

/*---------box error --------*/
.Error {
position:absolute;
width:231px;
background: url("../../shared/box-error.gif") no-repeat right center;
font: 11px/12px "Tahoma","Arial", sans-serif
}

.Error p {
border-top:5px solid #dd0000;
border-bottom:5px solid #dd0000;
margin:0 20px 0 0;
}

.Error p span {
display:block;
color:#AA2000;
border:1px solid #AA2000;
padding:2px 5px 3px 5px;
margin-left:4px
}

.pos1 {left:-225px;top:30px}
.pos2 {left:-225px;top:80px}
.pos3 {left:-225px;top:138px}
.pos4 {left:-225px;top:170px}
.pos5 {left:-225px;top:210px}
.pos6 {left:-230px;top:145px}
.pos7 {left:-55px;top:85px}

.step2 .pos5 {left:-225px;top:110px}

/*---------- form ----------*/

.box-form {
position:absolute;
}

.step1 {
right:355px;
top:90px;
width:290px;
}

.step2 {
/*border:1px solid lime;*/
right:358px;
top:80px;
width:290px;
}

.stpError {
right:375px;
top:148px;
width:290px;
}

.step3 {
/*border:1px solid lime;*/
overflow:hidden;
top:20px;
right:330px;
padding:80px 0 60px 0;
width:350px;
z-index:10;
}

.step3 .picture {
display:none
}

.step3 .picture img {}

.step1 .scelta {position:absolute;top:-31px;left:90px;width:240px;}

.step1 .scelta  span {display:none;}
.step1 .scelta  input {width:auto;}
.step1 .scelta  #amore {margin-right:110px;margin-right/**/:120px;*margin-right:110px;}





.avviso {
font: bold 18px/20px Arial, Tahoma, Helvetica, sans-serif;
color:#444;
border:3px solid #AF1719;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px;
margin:0 0 10px 70px;
padding:15px;
width:600px
}

.avviso span {
color:#D40004;
text-transform:uppercase
}

.step3 .avviso {border:none; text-align:center; font-size:12px;width:300px;margin:30px;padding:0;}
.step3 .avviso strong {font-weight:bold;color:#CF0000;}

.step2 .spot {
display: none;
color:#FFFFFF;
height:25px;
line-height:25px;
text-transform:uppercase;
font-weight:bold;
position:absolute;
top:-22px;left:4px;
background: url("../gfx/label_box_stp2.gif") no-repeat center;
width:281px;
}

form {
text-align:left;
margin:0;
}

.step1 form {
min-height:320px;
height:auto !important;
height:320px;
}

.step2 form {
min-height:335px;
height:auto !important;
height:335px;
margin:0 10px
}

.stpError form {
/*border:solid #FF0000;*/
min-height:130px;
height:auto !important;
height:130px;
}

.step3 form {
background:transparent;
border:none;
min-height:210px;
height:auto !important;
height:210px;
margin:0 10px
}

.step3 form h4 {
color:#999999;
margin:0 0 -20px 0;
position:relative;
top:-35px;
left:30px;
text-align:center;
font:bold 12px/12px "Arial", "Tahoma", "Helvetica",sans-serif;
width:270px;
}

form p {margin:20px 10px 5px 8px; font:12px/13px Arial, Tahoma, Helvetica, sans-serif}

.step2 form p {
margin:15px 0 5px 0;
padding: 0 0;
font-size:11px;
line-height:15px;
font-weight:bold;
background-color:transparent;
text-align:justify
}

form p span {color:#000; font-weight:bold}

.step2 form p br {display:none;}

form p.normalError {
color:#9c9c9c;
font-size:11px;
line-height:12px;
background-color:#FA6DD1;
padding: 5px;
margin: 5px
}

.step2 form p.normalError {
position: absolute;
bottom: 5px;
left: -130px;
margin: 0;
width:540px;
text-align:center;
background-color: transparent;
}

.stpError form p.normalError {
/*border:solid #CCFF00;*/
bottom: 120px;
font: bold 15px/20px "Arial", "Tahoma", "helvetica",sans-serif;
left:16px;
text-align:center;
width:95%
}

form p.nobord {
border:none;
margin-left:8px;
margin-right:10px;
text-align:left
}

form p.normalError a {
color:#FFF;
}

p.bigError {
font-size:20px;
line-height:30px;
font-weight:bold;
text-align:center;
color:#FFF;
padding-top:30px
}

form div {
padding:0px 0 0 5px;
margin:2px
}

.step3 form div {
/*border:1px solid #6666CC;*/
padding-left:0;}

form .smallText {
font-size:11px;
margin:0 5px;
}

.step2 form .smallText {
margin:15px 0;
line-height:12px;
background-color:transparent;
}

form .smallText  a {color:#000;}

form div.clear, 
form span.clear {
padding:0
}

label {
display:inline-block;
line-height:25px;
font-weight:bold;
text-transform: uppercase;
text-align:center;
color:#000;
}

.step1 label {
width:93px;
height:25px;
color:#f33bbd
}

.step3 label {
width:93px;
height:25px;
color:#f33bbd
}

.step1 label strong {display:none}

span.uomo {
display:inline-block;
width:47px;
}

span.donna {
display:inline-block;
width:60px;
}

span.donna,
span.uomo {font-weight:bold;vertical-align:top;padding-top:3px}

input, 
select {vertical-align:top; font-size:15px; width: 165px;padding:0;}

select {width:169px;}
#day, #month {width:45px;}
#year {width:72px;}

input#gender,
input#t_gender {width:auto;}

input#privacy {width:auto;}
input#msisdn_pre {width:30px;}
input#msisdn_post {width:128px;}

textarea {
width:320px;
height:50px;
overflow:auto;
border:1px solid #88A3BE;
background-color:#ececec;
margin:10px 0 0 10px;
}

form div.pin {
background-color:transparent;
text-align: right;
margin:32px 8px 40px auto;
}

form div.pin label{
width:auto;
height:auto;
display:none;
background: none;
text-transform:uppercase;
font: bold 12px/14px Arial, Tahoma, Helvetica, sans-serif;
color:#000;
text-align:left;
margin: 0;
padding:2px 0;
float:none
}

form div.pin input {
font-size:30px; 
width: 120px;
padding:0;
color: #FF6600;
border:none;
}

form div.servizio-abbonamento {
font: bold 12px/20px Arial, Tahoma, Helvetica, sans-serif;
margin:10px;
padding:0;
color:#000000;
vertical-align:middle;
text-align:center;
}

.accetto {
*padding:3px 0 0 20px;
padding:10px 0 0 20px;
margin:0 5px;
}


.accetto input {
float: left;
margin-top:0px;
font-size:0;
vertical-align:top
}

.accetto label {
background:none;
text-transform:none;
font: 11px/12px Arial, Tahoma, Helvetica, sans-serif;
width: 195px; *width:200px;
color:#000000;
height:auto;
float:left;
text-align:center
}
.step1 .accetto label strong {display:inline}

.accetto label a {color:#000000;font-weight:bold}

.step2 .accetto {
padding:0 0 0 15px;
}

.step2 .accetto label{
text-align:left;
width:210px;
line-height:1em;
}

.step3 .accetto {
width:340px;
font-family:"Tahoma";
font-weight:bold;
font-size:10px;
line-height:12px;
text-align:center
}

.step3 .accetto br {display:none}

.step3 .accetto input {
float: none;
margin-top:0;
font-size:10px;
width:auto;
}

.step3 .accetto span {font-weight:normal;position:relative;top:2px;}

.clubbometro {
width:360px;
height:45px;
margin:0 0 2px 2px;
overflow:hidden
}

h5 {
text-transform:uppercase;
margin:0 0 10px 10px;
font-size:12px;
}


.bottone1,
.bottone {
padding:0;
width:100%;
text-align:center;
position:absolute;
bottom:24px;left:-8;
*bottom:20px;
}

.bottone1 input{
/*border:1px solid #f442f6;*/
border:none;
font-size:0; line-height:0;
height:50px;
width:268px;
background: transparent url("../gfx/btn-riprova.gif") no-repeat center
}

.bottone input {
border:none;
font-size:0; line-height:0;
height:35px;
width:228px;
}

.step2 .bottone {
bottom:80px;
left:-10px;
*bottom:60px;
}

.step1 .bottone input,
.step2 .bottone input {
background: transparent url("../gfx/bt_conferma.gif") no-repeat center
}

.step3 .bottone input {
width:276px;
background: transparent url("../gfx/bt_vuoto.gif") no-repeat center;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
line-height:16px;
cursor:pointer;
}

.step3 .bottone {
position:absolute;
bottom:200px;
left:-10px;*left:0px;
}