/* CSS Document */

html,body{
     overflow:auto;}

html,body{
	width: auto;
	margin:0px auto;
}

body{
	font-family:Gill Sans, arial, sans-serif;
	text-align:center;
        background-color:#131313;
        font-size:80%;
        height:100%;}
.livelli{
        height: 570px;
	position:absolute;
	top:0px;
        margin-top:40px;
        background-color:#000000;
        border-top:solid 1px #333333;
        border-bottom:solid 1px #333333;
	}

.home_home{width:62%;  left:0px; z-index:3;}
.home_servizi{width:14%;   left:61%; z-index:2;}
.home_contatti{ width:14%;  left:74%; z-index:1;}
.home_area_clienti{width:13%; left:87%; z-index:0;}

.servizi_home{width:13%;  left:0px; z-index:3;}
.servizi_servizi{width:62%;   left:12%; z-index:2;}
.servizi_contatti{ width:14%;  left:73%; z-index:1;}
.servizi_area_clienti{width:14%; left:86%; z-index:0;}

.contatti_home{width:13%;  left:0px; z-index:3;}
.contatti_servizi{width:14%;   left:13%; z-index:2;}
.contatti_contatti{ width:62%;  left:26%; z-index:1;}
.contatti_area_clienti{width:14%; left:86%; z-index:0;}

.area_clienti_home{width:13%;  left:0px; z-index:3;}
.area_clienti_servizi{width:14%;   left:12%; z-index:2;}
.area_clienti_contatti{ width:14%;  left:25%; z-index:1;}
.area_clienti_area_clienti{width:62%; left:38%; z-index:0;}


.ombra{
   background-image:url(/immagini/ombra_livelli_black.jpg);
   background-position:right top;
   background-repeat:repeat-y;
	}
	
.header_spacer{
   height:46px;
   padding-top:50px;
   padding-bottom:20px;
   padding-left:4%;
   text-align:left;
   }


	
#contenuti{
    width:94%;
    margin-left:-12px;
    margin-right:12px;
    padding-left:6%;
    font-size:12px;
    color:#666666;
    height:420px;
    overflow:auto;
    padding-bottom:10px;

}
#contenuti .titoletto{font-weight:bold;}

#contenuti .capo_lettera{font-weight:bold; font-size:14px; color:#999999;}


#contenuti .colonnina_testo{
         width:40%;
         margin:5% 3% 2% 3%;
         float:left;
         text-align:justify;
         font-size:11px;
         line-height:18px;
         }

  #contenuti h1{
        font-weight:normal;
        font-size:14px;
        line-height:17px;
        color:#666666;
        }
  #contenuti h1 .capolettera{
        font-weight:normal;
        font-size:20px;
        line-height:17px;
        color:#999999;
        }

  #contenuti h2{
        font-weight:normal;
        font-size:12px;
        line-height:15px;
        color:#666666;
        }
  #contenuti h2 .capolettera{
        font-weight:normal;
        font-size:17px;
        line-height:15px;
        color:#999999;
        }
  #contenuti h2 a{
        text-decoration:underline;
        color:#999999;
        font-size:12px;
        line-height:15px;
        font-weight:normal;
        } 
  #contenuti h2 a:hover{ font-size:11px;
        text-decoration:none;
        font-size:12px;
        line-height:15px;
        color:#cccccc;
        }
  #colonna{
	font-size:12px;
	line-height:18px;
	margin-top:15px; 
        margin-bottom: 20px;
        float:left;
	text-align:justify;
	color: #666666;
        width: 40%;
        min-width: 280px;
}

#contenuti a:link{
    color:#999999;
    }
#contenuti a:active{
    color:#999999;
    }
#contenuti a:visited{
    color:#999999;
    }
#contenuti a:hover{
    color:#CCCCCC;
    text-decoration:none;
    }
.puls_chiudi{
    margin-right:20px;
    margin-top:20px;
    }
.puls_chiudi_bottom{
    margin-right:20px;
    margin-bottom:10px;
    margin-top:10px;
    }

.puls_invia_messaggio{
    margin-right:20px;
    margin-top:10px;
    width:167px;
    height:18px;
    }

#random_siti{
    margin-left:auto; 
    margin-right:auto;
    padding-top:5px;
    text-align:center;
    }

#random_siti .screenshot{
   border:solid 1px #666666;
   margin-top:3px;
   }


#random_siti h2{
   display:inline;
   }

#news{
    position:absolute;
    width:97%;
    top:10px;
    left:0px;
    right:3%;
    z-index:45;
    color:#666666;
    text-align:right;
    font-size:12px;}

#news a{
    color:#666666;}

.puls_procedi_richiesta{
    margin-right:20px;
    margin-top:10px;
    width:243px;
    height:18px;
    }

#footer{
    position:absolute;
    top:612px;
    left:0px;
    width:100%;
    color:#777777;
    font-size:10px;
    padding-top:10px;
    background-image:url(/immagini/ombra_footer_black.jpg);
    background-position:top;
    background-repeat:repeat-x;
     }
#footer a{color:#777777;}

#footer2{
    color:#ffffff;
    font-size:10px;
    border-top:solid 1px #cccccc;
    margin-top:5px;
    text-align:center;
     }

.testo_centrato{
  text-align:center;
  }
 .testo_sinistra{
  text-align:left;
  }
  .testo_destra{
  text-align:right;
  }

.messaggio{
    position:relative;
    top:0px;
    width:650px;
    z-index:10000;
    padding-top: 5px;
    height:25px;
    margin-left:auto;
    margin-right:auto;
    }

.messaggio_errore{
    background-color:red;
    font-size:14px;
    color:#ffffff;
    }
.messaggio_avviso{
    background-color:#ff6600;
    font-size:14px;
    color:#ffffff;
    }
.messaggio_conferma{
    background-color:green;
    font-size:14px;
    color:#ffffff;
    }

.a_menu{ font-size:11px;
   display:block;
   width:auto;
   padding:3px;
   background-position:right;
   background-repeat:repeat-y;
   text-align:right;
   padding-right:40px;
   font-weight:bold;
   text-decoration:none;
   border:0px;
   outline : none;
        }
.a_home{
   background-color:#8B8B8B;
   background-image:url(/immagini/a_home_black.gif);
   color:#000000;
   }
.a_servizi{
   background-color:#5A5A5A;
   background-image:url(/immagini/a_servizi_black.gif);
   color:#000000;
   }
.a_contatti{
   background-color:#2D2D2D;
   background-image:url(/immagini/a_contatti_black.gif);
   color:#999999;
   }
.a_area_clienti{
   background-color:#0F0F0F;
   background-image:url(/immagini/a_area_clienti_black.gif);
   color:#666666;
   }


.img_home{
    background-image:url(/immagini/img_home_black.jpg);
    background-position:top right;
    background-repeat:no-repeat;
    }
.img_servizi{
    background-image:url(/immagini/img_servizi_black.jpg);
    background-position:top right;
    background-repeat:no-repeat;
    }
.img_contatti{
    background-image:url(/immagini/img_contatti_black.jpg);
    background-position:top right;
    background-repeat:no-repeat;
    }

#sfondo_trasparente{
    top:0px;
    left:0px;
    position:absolute; 
    width:100%;
    height:100%;
    z-index:100;
    opacity:.50;
    background-color:#000000;
}
#contenuti_trasparente{
    width:100%;
    right:0px;
    padding-top:1%;
    z-index:101;
    position:absolute; 
    height:98%; 
    color:#ffffff;
    opacity:.90;
    }

.spacer{
clear:both;
 font-weight:normal;
width:90%;
text-align:justify;
} 



#submenu{text-align:right; margin-right:auto;}


#contenuti_livello2{
    display:block;
    padding:10px 60px 0px 60px;
    font-size:13px;
    line-height:22px;
    text-align:justify;
    background-color:#5D5D5D;
    }

  #contenuti_livello2 h1{
        font-weight:normal;
        font-size:18px;
        line-height:20px;
        color:#ffffff;
        }
  #contenuti_livello2 h1 .capolettera{
        font-weight:normal;
        font-size:25px;
        line-height:20px;
        color:#ffffff;
        }

  #contenuti_livello2 h2{
        font-weight:normal;
        font-size:14px;
        line-height:20px;
        color:#ffffff;
        }
  #contenuti_livello2 h2 .capolettera{
        font-weight:normal;
        font-size:20px;
        line-height:20px;
        color:#ffffff;
        }


#contenuti_livello2_white{
    display:block;
    padding:10px 60px 0px 60px;
    font-size:13px;
    line-height:22px;
    text-align:justify;
    background-color:#000000;
    border-left:solid 2px #A2A2A2;
    border-right:solid 2px #A2A2A2;
    }

  #contenuti_livello2_white h1{
        font-weight:normal;
        font-size:18px;
        line-height:20px;
        color:#5D5D5D;
        }
  #contenuti_livello2_white h1 .capolettera{
        font-weight:normal;
        font-size:25px;
        line-height:20px;
        color:#A2A2A2;
        }

  #contenuti_livello2_white h2{
        font-weight:normal;
        font-size:14px;
        line-height:20px;
        color:#A2A2A2;
        }
  #contenuti_livello2_white h2 .capolettera{
        font-weight:normal;
        font-size:20px;
        line-height:20px;
        color:#A2A2A2;
        }
.profilo_b_to_c_black{
    background-image:url(/immagini/img_profilo_altrarete_monit_black.jpg);
    background-position:top;
    background-repeat:no-repeat;
    
}
.h1_a{
        text-decoration:underline;
        color:#ffffff;
        font-size:18px;
        line-height:20px;
        font-weight:normal;
        } 
.h1_a:hover{ font-size:11px;
        text-decoration:none;
        font-size:18px;
        line-height:20px;
        color:#ffffff;
        }
#contenuti_livello2 a{color:#ffffff;}

#tabella_servizi{left:30px; position:absolute; bottom:20px;}
#tabella_servizi th, td{padding:2px;}

#lista_servizi ul,li {margin:0px;}
#lista_servizi li {padding-left:0px;}


.form_top{
    background-image:url(/immagini/form_top_black.gif);
    background-position:top;
    background-repeat:no-repeat;
    height:66px;
    }
.form_bottom{
    background-image:url(/immagini/form_bottom_black.gif);
    background-position:bottom;
    background-repeat:no-repeat;
    height:66px;
    }
.form_top_white{
    background-image:url(/immagini/form_top_white_black.gif);
    background-position:top;
    background-repeat:no-repeat;
    height:66px;
    }
.form_bottom_white{
    background-image:url(/immagini/form_bottom_white_black.gif);
    background-position:bottom;
    background-repeat:no-repeat;
    height:66px;
    }

/*FORM*/

/*Inizio css standard per form*/

/*il form deve essere contentuto in un div con id="modulo" */

#modulo{
     width:100%;
    padding:0px;
    margin:0px;
}


#modulo fieldset{
    margin-left:auto;
    margin-right:auto;
    border:none;
    width:650px;
    color:#ffffff; 
    padding:0px;
    }

#modulo legend{
    font-size:14px;
    color:#ffffff;
    }

#modulo .label_input{
    width:27%;
    display: block;
    float: left;
    text-align: left;
    font-size: 11px;
    margin:5px 5px 5px 30px;
    }
#modulo form{
    padding:0px;
    margin:0px;
    }

#modulo label{
    text-align:right;
    display:block;
    padding:0px 10px 5px 10px;
    background-color:#5D5D5D;
    }
#modulo label:hover{
    margin:0px;
    background-color:#666666;
    text-align:right;
    display:block;
    }

#modulo .div_label{
    text-align:right;
    display:block;
    padding:0px 10px 5px 10px;
    background-color:#5D5D5D;
    }
#modulo .div_label:hover{
    margin:0px;
    background-color:#666666;
    text-align:right;
    display:block;
    }

#modulo .input{
    width:45%;
    border: solid 1px #999999;
    margin:10px 30px 10px 30px;
    }

#modulo .input_nowidth{
    border: solid 1px #999999;
    }

#modulo .input:hover {
    border: solid 1px #3B6C97;
    }
#modulo textarea:hover {
    border: solid 1px #3B6C97;
    width:45%;
    }
#modulo select {
    border: solid 1px #999999;
    margin:10px 10px 10px 30px;
    width:45%;
    }
#modulo select:hover {
    border: solid 1px #3B6C97;
    }
#modulo textarea{
    height:100px;
    font-size: 11px;
    margin:10px 10px 10px 30px;
    width:60%;
    border: solid 1px #999999;
    }

.container_button{
    display:block;
    padding: 10px;
    }
.input_button{
    width:auto;
    border:none;
    display:inline;
    margin:0px;
    padding:1px;
    }
.check_box{margin-right:30px;}

option{width:auto;}

.input_submit{font-size:12px; width:auto; border:solid 1px #666666; margin:2px 2px 2px 2px; padding:0px; display:inline;  color:#666666;}
.input_submit:hover{ width:auto; border:solid 1px #3B6C97; color:#3B6C97;}

.input_giorno{font-size:11px; width:20px; border:solid 1px #68A73E; margin:2px 2px 2px 2px; padding:0px; display:inline;  color:#68A73E;}
.input_mese{font-size:11px; width:20px; border:solid 1px #68A73E; margin:2px 2px 2px 2px; padding:0px; display:inline;  color:#68A73E;}
.input_anno{font-size:11px; width:40px; border:solid 1px #68A73E; margin:2px 2px 2px 2px; padding:0px; display:inline;  color:#68A73E;}

.input_hidden{
   display:none;
   visibility:hidden;
   }
.form_image{
    padding:0px;
    margin:0px;
    width:82px;
    display:inline;
    }

.dati_riepilogo{
    display:block;
    padding: 10px;
    text-align:left;
    width:50%;
    margin-left:auto;
    font-size:11px;
    font-weight:bold;
    }
.testo{
    font-size:11px;
    color:#333333;
    line-height:17px;
    }


/*Fine css standard per form*/

#modulo_upload_file{
        width:auto;
        }

#modulo_upload_file fieldset{
    padding:10px;
    margin-bottom:20px;
    border-color:#eeeeee;
    border-left:none;
    border-right:none;
    text-align:left;
    }
#modulo_upload_file legend{
    font-size:14px;
    color:#666666;
    }
#modulo_upload_file input, select{
    width:90px;
    font-size:11px;
    border:solid 1px #999999;
    }

#modulo_upload_file label{
    text-align:right;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:0px;
    padding-right:0px;
    display:inline;
    }

#label_for_epoz select{
    width:129px;
    float:left;
    border: solid 1px #999999;
    margin:0px;
    height:22px;}
#label_for_epoz .label_input{
    display: block;
    clear:left;
    width:100%;
    text-align: left;
    font-size: 11px;
    margin:5px;
    }