@charset "utf-8";
/* CSS Document */

/*------ STEP 0 -------------------------*/
#contenitore_num{
   float:left;
   width:500px;
   margin:0 31px;
   padding:10px;
   border:1px solid #006600;
   background-color:#eee; 
   line-height:1.5em; 
}
.caratt_disp{
   margin:auto;
   padding:2px 10px;
   width:350px;
   background-color:#FFE4C1;
   border-top:1px solid #ccc;
   border-left:1px solid #ccc;
   border-right:1px solid #ccc;
   line-height:1.8em; 
   text-align:left;
}
.caratt_pari{
   margin:auto;
   padding:2px 10px;
   width:350px;
   background-color:#FFF;
   border-top:1px solid #ccc;
   border-left:1px solid #ccc;
   border-right:1px solid #ccc;
   line-height:1.8em; 
   text-align:left;
}
.caratt_last{
   margin:auto;
   width:372px;
   height:14px;
   border-top:1px solid #ccc;
   background:url(img/ombra_tab.png) 0 0 no-repeat;
   line-height:1em; 
}
.caratt_top{
   margin:auto;
   width:372px;
   height:13px;
   background:url(img/ombra_tab_su.png) 0 0 no-repeat;
   line-height:1em; 
}
#colonna_4a_content{
   float:left;
   padding: 10px 10px 0 5px;
   margin:auto;
   width:163px;
   background:url(img/box_lat_lungo_r1.png) 0 0 no-repeat;
   line-height:1.4em; 
}
#colonna_4a_tit{
   float:left;
   padding: 10px 10px 20px 5px;
   margin:auto;
   width:163px;
   line-height:1.4em; 
   text-align:center;
}
/*-----------------------------------------*/
#ric_sx{
   float:left;
   width:300px;
   border-right:1px solid #006600;
   padding-right:14px; 
}
#ric_dx{
   float:left;
   width:175px;
   padding-left:10px; 
}
.clear{clear:left;}

/*elenco numeri verdi*/
#contenitore_num table{text-align:center;}
.tabella_num a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration:none;
}
.tabella_num a:link,
.tabella_num a:visited,
.tabella_num a:active {
   color: #006600;
}
.tabella_num a:hover,
.tabella_num a:focus {
   color: #006600;
   background-color:#FFFF00;
}
#form{}

/*----------- STEP 1 ------------------------*/
.tasto_step1{
	width: 315px;
	height: 56px;
	margin:0 89px;
	background: url(img/tasto_step1.png) top left;
	display: block;
	float: left;
	padding-top:4px;
	padding-left:2px;
	text-decoration: none;
	text-align: center;
	line-height: 48px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
    color: #000000;
}
.tasto_step1:hover {
	background: url(img/tasto_step1.png) 0px 56px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}
/*-----------fine tasto-------*/
#cont_giallo{
   float:left;
   padding:10px; 
   width:478px;
   text-align:center;
   background-color:#FFFF00;
   border:1px solid #006600;
   line-height:5em;
}
#alert{
   float:left;
   width:552px;
   border:1px solid #006600;
   background-color:#eee; 
   padding:5px;
   margin:100px 10px;
}
#alert_due{
   float:left;
   width:552px;
   border:1px solid #006600;
   background-color:#eee; 
   padding:50px 5px 50px 5px;
   margin:100px 10px;
   text-align:center;
}

/*--------------- STEP 2 -----------------------*/
#contenitore_ord{
   float:left;
   width:500px;
   margin:0 31px;
   padding:10px;
   border:1px solid #006600;
   background-color:#eee; 
   line-height:1.5em; 
}
.titolo_ord{
   float:left;
   margin-top:30px;
   padding:2px 10px; 
   width:478px;
   /*height:1.5em;*/
   text-align:center;
   background-color:#FFCC00;
   border:#667 1px solid;
}
.riga_ord{
   float:left;
   padding:2px 10px 2px 30px; 
   width:458px;
   /*height:1.5em;*/
   background-color:#FFFFCC;
   border-left:#667 1px solid;
   border-right:#667 1px solid;
   border-bottom:#667 1px solid;
}
.riga_ord_sx{
   float:left;
   padding:2px 10px 2px 30px; 
   width:350px;
   height:20px;
   background-color:#FFFFCC;
   border-left:#667 1px solid;
   border-right:#667 1px solid;
   border-bottom:#667 1px solid;
}
.riga_ord_dx{
   float:left;
   padding:2px 10px; 
   width:87px;
   height:20px;
   background-color:#FFFFCC;
   border-right:#667 1px solid;
   border-bottom:#667 1px solid;
}
.riga_ord_sx_double{
   float:left;
   padding:2px 10px 2px 30px; 
   width:350px;
   height:40px;
   background-color:#FFFFCC;
   border-left:#667 1px solid;
   border-right:#667 1px solid;
   border-bottom:#667 1px solid;
}
.riga_ord_dx_double{
   float:left;
   padding:2px 10px; 
   width:87px;
   height:40px;
   background-color:#FFFFCC;
   border-right:#667 1px solid;
   border-bottom:#667 1px solid;
}
.riga_anag_sx{
   float:left;
   padding:2px 10px; 
   width:156px;
   height:23px;
   text-align:right;
   background-color:#FFFFCC;
   border-left:#667 1px solid;
   border-right:#667 1px solid;
   border-bottom:#667 1px solid;
}
.riga_anag_dx{
   float:left;
   padding:2px 10px 2px 10px; 
   width:301px;
   height:23px;
   background-color:#FFFFCC;
   border-right:#667 1px solid;
   border-bottom:#667 1px solid;
}
.note_sx{
   float:left;
   padding:2px 10px; 
   width:156px;
   height:100px;
   text-align:right;
   line-height:1.2em;
   background-color:#FFFFCC;
   border-left:#667 1px solid;
   border-right:#667 1px solid;
   border-bottom:#667 1px solid;
}
.note_dx{
   float:left;
   padding:2px 10px 2px 10px; 
   width:301px;
   height:100px;
   background-color:#FFFFCC;
   border-right:#667 1px solid;
   border-bottom:#667 1px solid;
}
.contratto{
   float:left;
   padding:10px; 
   width:478px;
   text-align:center;
   background-color:#FFFFCC;
   border-left:#667 1px solid;
   border-right:#667 1px solid;
   border-bottom:#667 1px solid;
}
#contenitore_ord .stilecampo,
#contenitore_num .stilecampo{
      font-family:Arial, Helvetica, sans-serif;
      font-size:12px;
   /*width:90px;*/
   border:1px solid #CCC;
   margin-left:4px;
   background-image:url(img/background_input.jpg);
   background-repeat:repeat-x;
}
#contenitore_ord .area_contratto{
      font-family:Arial, Helvetica, sans-serif;
      font-size:12px;
   width:458px;
   height:120px;
   border:1px solid #CCC;
   margin-left:4px;
   background-image:url(img/background_input.jpg);
   background-repeat:repeat-x;
}
.clausole_centr{
   float:left;
   width:438px;
   margin-left:10px;
   margin-right:10px;
   padding:10px;
   text-align:left;
   line-height:1.2em;
   background-color:#FFFF99;
}
.clausole_lat{
   float:left;
   width:219px;
   margin:20px 10px;
   text-align:left;
}
.tasto_invia{
   float:left;
   padding:20px 10px; 
   width:480px;
   text-align:center;
}
.cont_trasp{
   float:left;
   width:500px;
   text-align:left;
}

/* ----------- stile 3 ---------------- */
.riga_dettaglio_sx{
   float:left;
   padding:2px 10px 2px 30px; 
   width:350px;
   height:20px;
   background-color:#FFFFCC;
   border-left:#667 1px solid;
   border-right:#667 1px solid;
   border-bottom:#667 1px solid;
   text-align:right;
}
.riga_dettaglio_dx{
   float:left;
   padding:2px 10px; 
   width:87px;
   height:20px;
   background-color:#FFFFCC;
   border-right:#667 1px solid;
   border-bottom:#667 1px solid;
   text-align:right;
   }
.linea_verde{
   float:left;
   width:500px;
   height:5px;
   background-color:#009900;
}
.riga_metodo1{
   float:left;
   padding:10px; 
   width:478px;
   background-color:#FFFFCC;
   border-left:#667 1px solid;
   border-right:#667 1px solid;
   border-bottom:#667 1px solid;
}
.riga_metodo2{
   float:left;
   padding:0 10px; 
   width:478px;
   background-color:#FFCC00;
   border-left:#667 1px solid;
   border-right:#667 1px solid;
   border-bottom:#667 1px solid;
}
.check_logo{
   float:left;
   width:458px;
   margin:5px 10px;
   text-align:left;
}
/*---------step4----*/
.cont_bianco{
   float:left;
   padding:20px 10px; 
   width:480px;
   background-color:#FFFFFF;
}