body{margin:0;padding:0;background:url('../img/bg_body.gif') left top repeat-x;font-family:Tahoma,Arial"sans-serif";font-size:13px;}
img{border:0;}
p{margin:0}
form{margin:0;padding:0;}
.clearfix:after{content: ".";display: block;height:0;clear:both;visibility:hidden;}

.step-0{position:relative;width:880px;margin:0 auto;min-height:615px;height:auto!important;height:615px;background:url('../img/bg_layout.jpg') left top no-repeat #fff;z-index:1}
.step-1{position:relative;width:880px;margin:0 auto;min-height:615px;height:auto!important;height:615px;background:url('../img/bg_layout_step1.jpg') left top no-repeat #fff;z-index:1}
.step-2{position:relative;width:880px;margin:0 auto;min-height:615px;height:auto!important;height:615px;background:url('../img/bg_layout_step1.jpg') left top no-repeat #fff;z-index:1}


#logo{position:absolute;bottom:50px;right:50px;}

#send{padding:370px 0 0 35px;height:auto!important;height:1%;}
#send img.img-hp{float:left;margin:0 0 0 5px}
#send p{float:left;margin:40px 0 0 70px;}
#send p img{margin:0 0 10px 0;}
#send p a{display:block;height:35px;width:178px;background:url('../img/btn_svela.gif') left top no-repeat}

#compile{padding:190px 0 0 90px;}
#compile div{height:auto!important;height:1%}
#compile div:after{content: ".";display: block;height:0;clear:both;visibility:hidden;}

#compile div.segreto{width:270px;margin:0 0 40px 0;}
#compile div.segreto h1{margin:0;text-align:right}
#compile div.segreto p{color:#5a5859;text-align:right}
#compile div.segreto input{width:264px;text-align:left;padding:5px 2px;margin:0;background:#562310;color:#fff;font-weight:bold}

#compile div.dettagli{width:360px;margin:0 0 40px 0}
#compile div.dettagli h1{margin:0;}
#compile div.dettagli p{color:#5a5859;text-align:right}
#compile div.dettagli p textarea{color:#5a5859;height:90px;width:350px;padding:5px;font-family:Tahoma,Arial"sans-serif";font-size:12px;}

#compile div.dati{height:auto!important;height:1%;}
#compile div.dati div{float:left;margin:0 25px 0 0;width:250px;}
#compile div.dati div h1{margin:0 0 10px 0;}
#compile div.dati div label{display:block;float:left;color:#5a5859;width:50px;padding:3px 0 0 0;}
#compile div.dati div p{color:#5a5859;margin:0 0 5px 0;height:auto!important;height:1%;}
#compile div.dati div p:after{content: ".";display: block;height:0;clear:both;visibility:hidden;}
#compile div.dati div p span {color:#571e13}
#compile div.dati div p input{width:190px;color:#5a5859;}
#compile div.dati div p input.nome{width:150px}
#compile div.dati div p.send-btns{margin:10px 0 0 0}
#compile div.dati div p.send-btns input{float:right;width:66px;height:25px;margin:1px 0 0 5px;}
#compile div.dati div p.send-btns a{display:block;float:right;height:27px;width:92px;background:url(../img/form/btn_preview_off.gif) left top no-repeat}

/************ VERSIONE POPUP ****************/
/*
#page-prev{display:none;border:1px solid #bcb3a1;position:absolute;top:70px;left:250px;width:300px;padding:25px;background:#e2ce93}
#page-prev p{clear:both;height:auto!important;height:1%;color:#473e1f;font-weight:bold;}
#page-prev p:after{content: ".";display: block;height:0;clear:both;visibility:hidden;}
#page-prev #ciao{margin:0 0 5px 0;}
#page-prev #ciao img{float:left;margin:0 5px 0 0;}
#page-prev #ciao span{float:left;font-weight:bold;text-transform:uppercase;font-size:13px;}
#page-prev #invito{margin:0 0 20px 0;}
#page-prev #c-secret{position:relative;height:127px!important;height:127px;margin:0 0 20px 0;background:url('../img/form/bg_gianduiotto.gif') center top no-repeat}

#page-prev #c-secret div{width:198px;margin:0 auto;}
#page-prev #txt-details{color:#5a5859;margin:0 0 20px 0;}
#page-prev #txt-info-mit{color:#5a5859;}
#page-prev #btn-close{position:absolute;top:5px;right:5px;}
*/
/************ VERSIONE POPUP ****************/

/******************** Pagina layer anteprima **************************/
#preview-page {font-size:14px;position:absolute;top:0;left:0;width:795px;height:445px;padding:170px 0 0 85px;z-index:100;background:url('../img/bg_layout_step1.jpg') left top no-repeat #fff;}
#preview-page p{height:auto!important;height:1%;padding:0 0 0 2px}
#preview-page p:after{content: ".";display: block;height:0;clear:both;visibility:hidden;}
#preview-page #c-flash{position:absolute;top:119px;right:34px;}
#preview-page #saluto{padding:0}
#preview-page #saluto img{margin:0 5px 0 0;float:left}
#preview-page #saluto span{float:left;margin:3px 5px 0 0;color:#604532;font-weight:bold;line-height:12px}
#preview-page #leggi{width:270px;margin:30px 0 0 0;color:#604532;font-weight:bold}
#preview-page #leggi a{color:#604532;}
#preview-page #wrote-comment{color:#604532;margin:40px 0 0 0;width:400px;}
#preview-page #mittente{margin:40px 0 0 0;color:#604532;font-weight:bold}
#preview-page #mittente span {color:#34151d;padding:0 0 0 5px;}
#preview-page #mittente span#spacer{padding:0}
#preview-page #logo-layer{position:absolute;bottom:50px;right:50px;}
#preview-page #buttons{margin:60px 0 0 70px;}
#preview-page #buttons a{display:block;float:left;width:144px;height:28px;background:url('../img/form/btn_close_preview.gif') left top no-repeat;}
#preview-page #buttons input{float:left;margin:1px 0 0 20px;}
/******************** Pagina layer anteprima **************************/


/******************** Pagina conferma invio **************************/
#layout.step-2 {font-size:14px;width:795px;padding:170px 0 0 85px;z-index:100;background:url('../img/bg_layout_step1.jpg') left top no-repeat #fff;min-height:445px;height:auto!important;height:445px;}
#layout.step-2 p{height:auto!important;height:1%;padding:0 0 0 2px}
#layout.step-2 p:after{content: ".";display: block;height:0;clear:both;visibility:hidden;}
#layout.step-2 #c-flash{position:absolute;top:119px;right:34px;}
#layout.step-2 #saluto{padding:0;bordeR:1px solid reD;}
#layout.step-2 #saluto img{margin:0 5px 0 0;float:left}
#layout.step-2 #saluto span{float:left;color:#34151d;font-weight:bold;font-size:14px;line-height:14px}
#layout.step-2 #leggi{width:270px;margin:30px 0 0 0;color:#604532;font-weight:bold}
#layout.step-2 #leggi a{color:#604532;}
#layout.step-2 #comment{color:#7e756e;margin:40px 0 0 0;width:400px;border:1px solid red}
#layout.step-2 #mittente{margin:40px 0 0 0;color:#7e756e;}
#layout.step-2 #mittente span {color:#34151d;font-weight:bold;padding:0 0 0 5px;}
#layout.step-2 #mittente span#spacer{padding:0}
#layout.step-2 #logo-layer{position:absolute;bottom:50px;right:50px;}
#layout.step-2 #buttons{margin:150px 0 0 40px;}
#layout.step-2 #buttons a{display:block;float:left;margin:0 10px 0 0;}
#layout.step-2 #buttons a#other{width:181px;height:28px;background:url('../img/form/btn_altro_segreto_off.gif') left top no-repeat;}
#layout.step-2 #buttons a#website{width:193px;height:28px;background:url('../img/form/btn_visita_sito_off.gif') left top no-repeat;}
#layout.step-2 #buttons a#close-page{width:92px;height:28px;background:url('../img/form/btn_close_off.gif') left top no-repeat;}
#layout.step-2 #buttons input{float:left;margin:1px 0 0 20px;}
/******************** Pagina conferma invio **************************/

/******************** Pagina visualizzata da utente **************************/
#secret-page {position:relative;width:795px;height:445px;margin:0 auto;padding:170px 0 0 85px;z-index:100;background:url('../img/bg_layout_step1.jpg') left top no-repeat #fff;font-size:14px;}
#secret-page p{height:auto!important;height:1%;padding:0 0 0 2px}
#secret-page p:after{content: ".";display: block;height:0;clear:both;visibility:hidden;}
#secret-page #c-flash{position:absolute;top:119px;right:34px;}
#secret-page #saluto{padding:0}
#secret-page #saluto img{margin:0 5px 0 0;float:left}
#secret-page #saluto span{float:left;margin:0 5px 0 0;color:#604532;font-weight:bold;line-height:18px}
#secret-page #leggi{width:270px;margin:30px 0 0 0;color:#604532;font-weight:bold}
#secret-page #leggi a{color:#604532;}
#secret-page #wrote-comment{color:#604532;margin:40px 0 0 0;width:400px;}
#secret-page #mittente{margin:40px 0 0 0;color:#604532;font-weight:bold}
#secret-page #mittente span {color:#34151d;padding:0 0 0 5px;}
#secret-page #mittente span#spacer{padding:0}
#secret-page #logo-layer{position:absolute;bottom:50px;right:50px;}
#secret-page #buttons{margin:60px 0 0 70px;}
#secret-page #buttons a#go-pernigotti{display:block;float:left;width:194px;height:28px;margin:0 15px 0 0;background:url('../img/form/btn_visita_sito_off.gif') left top no-repeat;}
#secret-page #buttons a#svela{display:block;float:left;width:181px;height:28px;background:url('../img/form/btn_tuosegreto_off.gif') left top no-repeat;}
#secret-page #buttons input{float:left;margin:1px 0 0 20px;}
/******************** Pagina visualizzata da utent **************************/