/* CSS Document */
body {
margin:0 0 10px 0;
font:12px/14px Arial, Helvetica, sans-serif;
background: #FFF;
margin:0 auto;
text-align:left;
color:#2F2F2F;
}

a{color:#2F2F2F}

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

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

#page,
#page2,
#page3,
#pageE{
width:1001px;
margin:0 auto;
}

#main{
position:relative;
height:588px;
}

.step1,
.step_info_link,
.step2,
.step3,
.stepE{
background: url("../gfx/img_sf.jpg") no-repeat center top;
}

.step4{
background: url("../gfx/img_sf_stp4.jpg") no-repeat center top;
}

.step5{
background: url("../gfx/img_sf_stp5.jpg") no-repeat center top;
}



/*============ STEP1===========*/

.step1 .box_form {
height:500px;
position:absolute;
right:28px;
top:78px;
width:315px;
}

.step1 .box_form .form_title{
height:62px;
width:314px;
background: url("../gfx/top_form_stp1.gif") center top;
}

.step1 .box_form .form_title span{
display:none;
}
.step1 .box_form form  {
margin-top:15px;
padding:0 30px;
}

.step1 .box_form form div {
margin-bottom:10px;
}

.step1 .box_form form label {
display:inline-block;
text-align:left;
width:90px;
font-weight:bold;
}

.step1 .box_form form input {
font-size:14px;
line-height:16px;
border:1px solid #818B9F;
padding:2px;
width:147px;
}
.step1 .box_form form select {
border:1px solid #818B9F;
}

.step1 .box_form form #bornYear{
width:66px;
}

.step1 .box_form form .nota{
text-align:left;
color:#7F7F7F;
font-size:11px;
line-height:13px;
}


.step1 .box_form form .gender {
padding-top:10px;
border-top:1px dashed #AFAFAF;
}


.step1 .box_form form .gender select,
.step1 .box_form form .targetGender select,
.step1 .box_form form .location select{
width:153px;
}

.step1 .box_form form .privacy{
padding-top:10px;
border-top:1px dashed #AFAFAF;
}

.step1 .box_form form .privacy label{
width:220px;
font-weight:normal;
margin-left:10px;
color:#7F7F7F;
font-size:11px;
}
.step1 .box_form form .privacy label a{
color:#7F7F7F;
}

.step1 .box_form form .privacy input{
width:auto;
vertical-align:top;
border:0;
}

.step1 .box_form form .button{
position:absolute;
left:0px;
bottom:0px;
}

.step1 .box_form form .button input{
width:314px;
height:48px;
background: url("../gfx/bt_iscriz.gif") center top;
border:0;
}


/*-------------------
 * NUOVO FORM LOGIN
 *---------------------*/
#tc_login {
position:absolute;
top:9px;
right:30px;
width:300px;
border:2px solid #E7E3E2;
padding:5px;
}
#tc_login  h4{
margin:0 0 5px 0;
font-size:12px;
color:#C90013;
}

#tc_error_login {
color:red;
font-weight:bold;
position:absolute;
right:320px;
top:22px;
width:170px;
}

#tc_login form div {
display:inline;
font-size:9px;
}

#tc_login form div.recupera_password {
display:block;
padding-right:40px;
position:absolute;
right:0;
text-align:right;
top:3px;
}

#tc_login form div  label {
display:none;
}
#tc_login form div  input {
width:90px;
font-size:11px;
line-height:12px;
margin-right:8px;
color:#8F8F8F;
border:1px solid #8F8F8F;
padding:2px;
}
#tc_login form div  button {
cursor:pointer;
font-size:12px;
border:0;
padding:1px 8px;
background:#C90013 url("../gfx/angdx_bt.gif") no-repeat right top;
/*font-weight:bold;*/
text-transform:uppercase;
color:white;
position:relative;
top:1px;
font-weight:bold;
}

#recuperaPwd {
background: url("../gfx/bg_form.gif") repeat-x left center;
padding:10px 20px 10px 20px;
width:300px;
min-height:180px;
}

#recuperaPwd h2 {
margin:5px 0 8px 0;
padding-bottom:5px;
display:block;
font-size:22px;
font-weight:bold;
line-height:24px;
color:#C90013;
border-bottom:1px solid #7F7F7F;
}

#recuperaPwd  label {
display:block;
text-align:left;
margin-bottom:8px;
color:#444;
}

#recuperaPwd  #result_rp {
margin-bottom:8px;
font-weight:bold;
}

#recuperaPwd  button {
margin:15px 5px 5px 0;
background:#C90013 url("../gfx/angdx_bt.gif") no-repeat right top;
cursor:pointer;
font-size:12px;
text-transform:uppercase;
color:white;
font-weight:bold;
border:0;
height:20px;
}

/*=============== BOTTOM ==============*/

#bottom {
height:600px;
}
#bottom .box_features {
padding:10px 0 27px;
}

#bottom .box_features .button{
width:329px;
height:55px;
float:left;
margin-right:4px;
cursor:pointer;
}

#bottom .box_features .button span{
display:none;
}


#bottom .box_features #btn1{
background: url("../gfx/bt_info.gif") no-repeat center top;
width:329px;
height:55px;
}

#bottom .box_features #btn1:hover{
background: url("../gfx/bt_info.gif") no-repeat center bottom;
width:329px;
height:55px;
}

#bottom .box_features #btn2{
background: url("../gfx/bt_mobilita.gif") no-repeat center top;
width:329px;
height:55px;
}

#bottom .box_features #btn2:hover{
background: url("../gfx/bt_mobilita.gif") no-repeat center bottom;
width:329px;
height:55px;
}

#bottom .box_features #btn3{
background: url("../gfx/bt_sicurezza.gif") no-repeat center top;
width:329px;
height:55px;
}

#bottom .box_features #btn3:hover{
background: url("../gfx/bt_sicurezza.gif") no-repeat center bottom;
width:329px;
height:55px;
}


#bottom .box_profili {
background: url("../gfx/bg_form.gif") repeat-x left center;
padding:5px;
border:5px solid #E7E3E2;
margin-top:40px;
height:112px;
clear:both;
}

#bottom .box_profili .form_title {
border-bottom:1px solid #E7E3E2;
color:#C90013;
font-size:16px;
font-weight:bold;
line-height:18px;
margin:3px 12px;
padding-bottom:6px;
}

#bottom .box_profili iframe {
height:66px;
padding:7px 10px;
width:99%;
}


#bottom  .box_video{
background: url("../gfx/bg_form.gif") repeat-x left bottom;
width:475px;
padding:5px;
border:5px solid #E7E3E2;
margin-top:12px;
height:327px;
float:left;
}

#bottom  .box_video .form_title{
border-bottom:1px solid #E7E3E2;
color:#C90013;
font-size:16px;
font-weight:bold;
line-height:18px;
margin:3px 12px;
padding-bottom:6px;
}

#bottom  .box_video p{
color:#7F7F7F;
margin:17px 12px;
}

#bottom  .box_video a{
color:#C90013;
font-weight:bold;
text-decoration:none;
}

#bottom .box_video .swf_video {
float:left;
height:280px;
margin:20px 10px;
width:280px;
}

#bottom  .box_storie{
background: url("../gfx/bg_form.gif") repeat-x left bottom;
width:475px;
height:327px;
padding:5px;
border:5px solid #E7E3E2;
margin-top:12px;
float:right;
position:relative;
}

#bottom  .box_storie .form_title{
border-bottom:1px solid #E7E3E2;
color:#C90013;
font-size:16px;
font-weight:bold;
line-height:18px;
margin:3px 12px;
padding-bottom:6px;
}

#bottom .box_storie p {
color:#7F7F7F;
margin:3px;
}

#bottom .box_storie .storia {
margin:18px 0 18px 10px;
width:261px;
}

#bottom .box_storie .storia  p{
padding-bottom:5px;
}

#bottom .box_storie .storia a {
display:block;
margin-right:15px;
text-align:right;
font-size:10px;
line-height:12px;
color:#7F7F7F;
}

#bottom .box_storie .storia.lei span{
color:#FF56B2;
font-weight:bold;
}
#bottom .box_storie .storia.lui span{
color:#2994FF;
font-weight:bold;
}
#bottom .box_storie .storia.lui {
border-top:1px solid #E7E3E2;
padding-top:10px;
}

#bottom .box_storie .storia strong {
color:#C90013;
}

#bottom .box_storie .thumb {
background: url("../gfx/img_coppia.jpg") repeat-x left bottom;
height:278px;
position:absolute;
right:20px;
top:47px;
width:169px;
}


/*============ STEP INFO LINK ===========*/

.step_info_link .box_form {
height:420px;
position:absolute;
right:28px;
top:145px;
width:315px;
}

.step_info_link .box_form div{
padding:0 30px;
}
.step_info_link .dialog_box_1 {
display:none;
}

.step_info_link .box_form .form_title{
margin:10px 30px;
padding-bottom:10px;
font-size:12px;
font-weight:bold;
line-height:14px;
color:#C90013;
border-bottom:1px solid #AFAFAF;
}

.step_info_link .box_form .form_title strong{
font-size:20px;
line-height:22px;
}

.step_info_link .dialog_box_2 .testoB {
padding-top:20px;
}

.step_info_link .dialog_box_2 .testoB strong{
display:block;
font-size:18px;
line-height:22px;
padding:20px 0;
color:#C90013;
border-bottom:1px dashed #AFAFAF;
}


.step_info_link .dialog_box_2 .testoC{
font-weight:bold;
padding:20px 0;
border-bottom:1px dashed #AFAFAF;
}

.step_info_link .dialog_box_3 .testoA{
padding:20px 0;
}

/*============ STEP 2 ===========*/

.step2 .box_form {
height:420px;
position:absolute;
right:28px;
top:145px;
width:315px;
}

.step2 .box_form .form_title{
margin:10px 30px;
padding-bottom:10px;
font-size:18px;
font-weight:bold;
line-height:20px;
color:#C90013;
border-bottom:1px solid #AFAFAF;
}

.step2 .box_form form  {
margin-top:15px;
padding:0 30px;
}

.step2 .box_form form div {
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px dashed #AFAFAF;
}

.step2 .box_form form label {
display:inline-block;
text-align:left;
width:90px;
font-weight:bold;
vertical-align:top;
}

.step2 .box_form form input {
font-size:14px;
line-height:16px;
border:1px solid #818B9F;
padding:2px;
width:147px;
}
.step2 .box_form form select ,
.step2 .box_form form textarea{
overflow:hidden;
border:1px solid #818B9F;
width:153px;
}

.step2 .box_form form textarea{
height:60px;
}

.step2 .box_form form .description span {
color:#7F7F7F;
display:block;
font-size:11px;
line-height:13px;
padding-left:95px;
text-align:left;
}

.step2 .box_form form .maybe{
border:0;
}

.step2 .box_form form .button{
position:absolute;
left:0px;
bottom:-30px;
border:0;
}

.step2 .box_form form .button input{
width:314px;
height:48px;
background: url("../gfx/bt_continua.gif") center top;
border:0;
}

/*============ STEP 3 ===========*/

.step3 .box_form {
height:420px;
position:absolute;
right:28px;
top:145px;
width:315px;
}

.step3 .box_form .form_title{
margin:10px 30px;
padding-bottom:10px;
font-size:18px;
font-weight:bold;
line-height:20px;
color:#C90013;
border-bottom:1px solid #AFAFAF;
}

.step3 .box_form form  {
margin-top:15px;
padding:0 30px;
}

.step3 .box_form form div {
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px dashed #AFAFAF;
}


.step3 .box_form form .fotoupload{
padding:10px;
border-bottom:0;
}

.step3 .box_form form.fotoupload label {
display:inline-block;
text-align:left;
width:40px;
font-weight:bold;
vertical-align:top;
}

.step3 .box_form form .fotoupload input {
font-size:14px;
line-height:16px;
border:1px solid #818B9F;
padding:2px;
}

.step3 .box_form form .fotoupload span {
color:#7F7F7F;
display:block;
font-size:11px;
line-height:13px;
text-align:left;
}


.step3 .box_form .fotopreview.uomo{
border:2px solid #4791D5;
height:120px;
width:120px;
background: url("../gfx/tappo_M.gif") no-repeat center top;
padding:0px;
}

.step3 .box_form .fotopreview.donna{
border:2px solid #CF407C;
height:120px;
width:120px;
background: url("../gfx/tappo_F.gif") no-repeat center top;
padding:0px;
}

.step3 .box_form .testoA{
font-weight:bold;
position:absolute;
top:60px;
left:170px;
width:120px;
}

.step3 .box_form .testoB{
color:#7F7F7F;
font-size:11px;
line-height:13px;
text-align:left;
padding-bottom:10px;
border-bottom:1px dashed #AFAFAF;
}

.step3 .box_form form .button{
position:absolute;
left:0px;
bottom:-30px;
border:0;
}

.step3 .box_form form .button input{
width:314px;
height:48px;
background: url("../gfx/bt_continua.gif") center top;
border:0;
}

.step3 .box_form form .button.carica{
position:absolute;
left:90px;
bottom:60px;
border:0;
}

.step3 .box_form form .button.carica input{
margin:15px 5px 5px 0;
background:#C90013 url("../gfx/angdx_bt.gif") no-repeat right top;
cursor:pointer;
font-size:13px;
text-transform:uppercase;
color:white;
font-weight:bold;
border:0;
height:20px;
width:140px;
}

/*============ STEP 4 ===========*/

.step4 .box_swf  {
height:497px;
position:absolute;
right:10px;
top:85px;
width:595px;
}

.step4 .box_swf .form_title{
margin:10px 30px;
padding-bottom:10px;
font-size:16px;
font-weight:bold;
line-height:18px;
color:#C90013;
border-bottom:1px solid #AFAFAF;
}

.step4 .box_swf  p{
margin:10px 30px;
}

.step4 .box_swf #swf-game{
margin-left:7px;
}

#skipbutton{
text-align:right;
margin-right:30px;
}

#skipbutton form input{
cursor:pointer;
color:#8F8F8F;
font-size:10px;
line-height:12px;
border:0;
background:transparent;
}

#skipbutton form input:hover{
color:#000;
text-decoration:underline;
}

.step4 .box_form {
height:200px;
position:absolute;
right:60px;
top:260px;
width:500px;
}

.step4 .box_form p {
font-size:20px;
font-weight:bold;
line-height:22px;
text-align:center;
}

.step4 .box_form .button {
text-align:center;
margin-top:30px;
}

.step4 .box_form .button input {
width:314px;
height:48px;
background: url("../gfx/bt_continua.gif") center top;
border:0;
}

/*============ STEP 5 ===========*/


.step5 .box_profili {
position:absolute;
top:77px;
width:980px;
right:10px;
}
.step5 .box_profili iframe {
margin-left:35px;
width:950px;
}

.step5 .box_profili .form_title{
margin:10px 30px 10px 177px;
padding-bottom:10px;
font-size:18px;
font-weight:bold;
line-height:20px;
color:#C90013;
border-bottom:1px solid #AFAFAF;
}
.step5 .box_profili p{
margin:5px 30px 5px 177px;
}

.step5 .box_form {
height:250px;
position:absolute;
right:10px;
top:229px;
width:980px;
}

.step5 .box_form .form_title{
margin:10px 30px;
padding-bottom:10px;
font-size:18px;
font-weight:bold;
line-height:20px;
color:#C90013;
border-bottom:1px solid #AFAFAF;
}

.step5 .box_form form {
float:left;
height:177px;
margin-left:33px;
margin-top:16px;
width:157px;
}

.step5 .box_form #gold {
width:195px;
}
.step5 .box_form #bronze {
margin-left:19px;
}

.step5 .box_form .price {
margin:-13px 0 0;
text-align:right;
width:179px;
}

.step5 .box_form .price .euro {
font-size:14px;
line-height:7px;
vertical-align:top;
}


.step5 .box_form #gold .price{
width:197px;
} 
.step5 .box_form #gold .price .testoA,
.step5 .box_form #gold .price .testoB{
padding-right:64px;
} 

.step5 .box_form #bronze .price .testoA{
padding-right:28px;
} 

.step5 .box_form #gold .price  {
background:url("../gfx/gold.gif") no-repeat center right;
height:45px;
}

.step5 .box_form #silver .price  {
background:url("../gfx/silver.gif") no-repeat center right;
height:45px;
}


.step5 .box_form .price .testoA {
font-size:12px;
font-weight:bold;
line-height:14px;
color:#C90013;
padding-right:44px;
padding-top:12px;
}

.step5 .box_form .price .testoB {
font-size:10px;
line-height:11px;
color:#8F8F8F;
padding-right:62px;
}


#gold .button input{
background:url("../gfx/gold.jpg") no-repeat top left;
border:0;
height:95px;
width:194px;
cursor:pointer;
} 

#silver .button input{
background:url("../gfx/silver.jpg") no-repeat top left;
border:0;
height:80px;
width:157px;
cursor:pointer;
margin-top:12px;
} 

#bronze .button input{
background:url("../gfx/bronze.jpg") no-repeat top left;
border:0;
height:80px;
width:157px;
cursor:pointer;
margin-top:12px;
} 

.step5 .box_sicurezza {
height:163px;
position:absolute;
right:20px;
top:298px;
width:342px;
text-align:center;
padding:5px;
font-size:11px;
line-height:13px;
}

.step5 .box_sicurezza .nota {
margin-bottom:10px;
}

.step5 .box_sicurezza .nota .carte{
background:url("../gfx/carte.gif") no-repeat top left;
width:132px;
height:21px;
text-align:center;
margin:10px auto;
}

.step5 .box_recurring {
border-top:1px dashed #AFAFAF;
color:#8F8F8F;
font-size:11px;
height:106px;
line-height:13px;
padding-top:20px;
position:absolute;
right:10px;
text-align:center;
top:449px;
width:923px;
margin:10px 30px;
}

.step5 .box_recurring  .nota p{
margin:15px auto;
}

.step5 #skipbutton {
position:absolute;
right:0;
top:541px;
}


.step5 #footer {display:none;}


/*============ STEP E ===========*/

.stepE .box_form {
height:420px;
position:absolute;
right:28px;
top:145px;
width:315px;
}

.stepE .box_form div{
padding:0 30px;
}

.stepE .box_form .form_title {
border-bottom:1px solid #AFAFAF;
color:#C90013;
font-size:19px;
font-weight:bold;
line-height:22px;
margin:10px 30px;
padding-bottom:10px;
}

.stepE .box_form .dialog_box .TestoA{
border-bottom:1px dashed #AFAFAF;
font-weight:bold;
padding:30px 0;
}

.stepE .box_form .dialog_box .TestoA strong{
color:#C90013;
font-size:16px;
line-height:18px;
}


.stepE .box_form  .TestoE{
border-bottom:1px dashed #AFAFAF;
font-weight:bold;
padding:30px 0;
margin:0 30px;
}

.stepE .box_form  .TestoE strong{
color:#C90013;
font-size:16px;
line-height:18px;
}
.stepE .box_form .dialog_box .TestoB{
margin-top:40px;
}

.stepE .box_form form .button{
position:absolute;
right:-29px;
top:380px;
}

.stepE .box_form form .button input{
width:314px;
height:48px;
background: url("../gfx/entra.gif") center top;
border:0;
}


/*============ FOOTER=============*/

#footer {
color:#C5152A;
font-weight:bold;
left:18px;
position:relative;
bottom:33px;
}

#footer a {
color:#FFF;
text-decoration:none;
}
#footer a:hover {
text-decoration:underline
}



/*============ ERRORI=============*/

.errors {
height:370px;
position:absolute;
right:350px;
top:135px;
width:300px;
}

.errors div {
background:#FFF;
padding:4px;
color:red;
font-weight:bold;
border:1px solid red;
position:absolute;
width:290px;
}

.step1 .pos1{top:0px;}
.step1 .pos3{top:80px;}
.step1 .pos5{top:170px;}
.step1 .pos6{top:270px;}