html, body
{height:100%; margin:0; padding:0; text-align:center; line-height:14px }
div#flash-page { margin:0; padding:0; height:100%;   }
.flash-content { text-align:left; width:1000px; height:600px; margin:0 auto; z-index:0; position:relative; }

.flash-content-disneyold { text-align:left; width:840px; height:980px; margin:0 auto; z-index:0; position:relative;}

#ordina-flash {
	width:250px;
	margin:0; padding:10px 0 0;
	background:#FFFFFF url(/img/bottom_form_flash.gif) no-repeat 0 100%; color:#666;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-align:left; 
	position:absolute; top:20px; left:705px; z-index:10; }
#ordina-flash form, #ordina-flash-old form{ padding:0 10px 10px; margin:0}
#ordina-flash .privacy, #ordina-flash-old .privacy {clear:both; margin:0; padding: 5px; border:1px solid #ccc;
 width: 218px;
height: 55px;
overflow: auto;
}
#ordina-flash h1, #ordina-flash-old h1 {text-align:center; margin:0; padding:0}
/* =data */
.data-form {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style-type:none;
	font-size:11px; color:#666;
	clear:both;
	}
.data-form label {
	display:block;
	text-align:left;
	padding:0 0 2px;
	}
.data-form li {
	display:block; float:left;
	width:100%;
	}
#ordina-flash .data-form li, #ordina-flash-old .data-form li{
	padding:3px 0;
	vertical-align:middle; text-align:left;
	list-style-type:none;
	margin:0;
	border:0;
	height:1%; line-height:11px;
	}
.data-form input, .data-form textarea{
	background-color:#ebebeb;
	border:0
	}
#ordina-flash .input-text,  #ordina-flash-old .input-text{
	width:100%; 
	font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #393939;
	border-color:#393939 #efefef #efefef #393939
	}
#ordina-flash select, #ordina-flash-old select {
	width:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px
	}
#ordina-flash .bottoni, #ordina-flash-old .bottoni {
	height:30px;
	line-height:30px;
	background-color:#ebebeb;
	font-size:10px;text-align:left;
	position:relative;
	padding:0; margin:0;
	clear:both
	}
#ordina-flash .bottoni img, #ordina-flash-old .bottoni img{ position: absolute; top:0; right:0; width:57px; height:30px; display:block;}
#ordina-flash em, #ordina-flash-old em { padding:0 10px}
label.err {color:#f00; font-weight:bold; }
input.err, textarea.err, select.err {border-color:#f00; font-weight:bold; background-color:#ffe0e0 }
label.err { color:#f00}
.l {float:left}
.r { float:right}

#f-comune, #f-civico, #f-sesso, #f-cognome, #f-datadinascita { float:right}
#f-comune { width:135px }
#f-datadinascita { width:110px }
#f-provincia {margin-right:0; width:110px }
#f-street{ width:155px }
#f-civico { width:55px }
#f-sesso { width:80px; }
#f-nome, #f-cognome { width:105px }
#f-cap {
	width:80px;
	margin-right:0
	}
#f-cell { width:132px }
#ordina-flash #f-desideri, #ordina-flash-old #f-desideri {
	width:100%;
	margin:0; padding:0;
	}
.accetto input, #f-desideri input{
	padding:0;
	float:left;
	background-color:#fff;
	}
.accetto label {
	float:left;
	font-style:normal; font-size:9px;
	margin-top:3px; padding:0 3px
	}
#f-desideri label {
	clear:both;
	font-style:normal; font-size:9px;
	/*margin-top:3px;*/ padding:0;
	}
	#f-desideri label span{
		float:left;
		margin-top:3px;
		}
/*=accetto*/
div.accetto {
	margin:0;
	padding:2px 0 0;
	}
div.accetto dl {
	margin:0; padding:0;
	}
div.accetto dt {
	font-weight:normal; font-style:normal
	}
div.accetto dt, div.accetto dd {
	margin:0; padding:1px 0 0;
	}
div.accetto dd {
	clear:both; float:left;
	width:100%; 
	padding:0 0 3px;
	}
#ordina-flash .privacy p{ font-size:9px; margin:0; padding:0; color:#505050;}


/* 
###################################################################################################
					             MODIFICHE DI MARCO	 */
					             
#ordina-flash .bottoni input{ position: absolute; top:0; right:0; width:57px; height:30px; display:block;}
#ordina-flash-old .bottoni input{ position: absolute; top:0; right:0; width:57px; height:30px; display:block;}



/* mi servono due posizionamenti, quello per i nuovi flash (1000*600) e uno per quelli vecchi (old)
	ho dovuto duplicare tutte le voci su aggiungendo anche l'old */
#ordina-flash { width:250px; margin:0; padding:10px 0 0; background:#FFFFFF url(/img/bottom_form_flash.gif) no-repeat 0 100%; 
				color:#666; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;
				position:absolute; top:75px; left:750px; z-index:10; text-align:left; }
.short #ordina-flash {top:110px;}				
				
#ordina-flash-old { width:250px; margin:0; padding:10px 0 0; background:#FFFFFF url(/img/bottom_form_flash.gif) no-repeat 0 100%; 
				color:#666; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; 
				position:absolute; top:20px; left:705px; z-index:10; text-align:left; }
#logo { padding:0; margin:0; vertical-align:middle; line-height:18px; font-size:10px; /*background-color:#3480b4; color:#fff;*/ overflow:hidden; width:600px; font-family:Verdana, Arial, Helvetica, sans-serif; position:absolute; top:530px; left:77px  }
#logo a{ display:inline; color:#000; text-decoration:none  }
#logo a:hover { text-decoration:underline  }
#logo .left{ float:left; padding:5px; font-weight:normal;   }
#logo .right{ float:right; padding:5px }
#logo em{ font-weight:normal; font-style:italic }

.flash-content-disney #logo, .flash-content-disneyold #logo, #ordina-flash #logo {display:none}
				
				
				
/*###################################################################################################
*/