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

body {
	font: 90%/1.4 GothamMedium,Verdana, Arial, Helvetica, sans-serif;
         //font-size:0.75em;
            font-size:2em;
	background:#FFF;/*BIANCO*/
	margin: 0;
	padding: 0;
	color: #000;/*NERO*/
}

/* ~~ Selettori tag/elemento ~~ */
ul, ol, dl { /* A causa delle differenze tra i browser, è buona norma impostare a zero il margine e la spaziatura interna negli elenchi. Per uniformità, potete specificare qui i valori desiderati, oppure nelle voci di elenco (LI, DT, DD) contenute negli elenchi. Tenete presente che le impostazioni effettuate qui verranno applicate a cascata all'elenco .nav a meno che non scegliate di scrivere un selettore più specifico. */
	padding: 0;
	margin: 0;
         //font-size:0.75em;
            font-size:2em;

}

h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* La rimozione del margine superiore permette di aggirare il problema che si crea quando i margini possono fuoriuscire dal div che li contiene. Il margine inferiore che rimane permetterà di distanziare gli elementi che seguono. */
	padding-right: 0.9375em;
	padding-left: 0.9375emx; /* L'aggiunta di una spaziatura ai lati degli elementi contenuti nei div, anziché ai div stessi, consente di evitare ogni calcolo matematico relativo ai riquadri. Come metodo alternativo si può anche utilizzare un div nidificato con spaziatura laterale. */
}
a img { /* Questo selettore rimuove il bordo blu predefinito visualizzato in alcuni browser intorno a un'immagine quando è circondata da un collegamento.  */
	border: none;
}

/* ~~ L'applicazione di stili ai collegamenti del sito deve rispettare questo ordine, compreso il gruppo di selettori che creano l'effetto hover. ~~ */
a:link {
	color:#00F;/*BLU*/
	text-decoration: underline; /* A meno che non vogliate personalizzare i collegamenti in un modo molto particolare, è bene applicare la sottolineatura per permetterne una rapida identificazione visiva. */
}
a:visited {
	color:#00F;/*BLU*/
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* Questo gruppo di selettori conferisce alla navigazione tramite tastiera gli stessi effetti hover che si producono quando si usa il mouse. */
	text-decoration: none;
	background-color:#FFF;/*BIANCO*/
	color:#FF8040;
}
/* ~~ Questo contenitore a larghezza fissa circonda tutti gli altri div ~~ */
.container {
	/*width: 960px;*/
	background:#E1E0EA;/*GRIGIO MEDIO*/
	margin: 0 auto; /* Il valore automatico sui lati, abbinato alla larghezza, produce un layout centrato. */
        alignment-adjust: central;
        width:100%;
}
/* ~~ All'intestazione non viene assegnata una larghezza. Estenderà l'intera larghezza del layout. Contiene un'immagine segnaposto da sostituire con il vostro logo collegato ~~ ~~ */
.header {
	background: #FFF;/*BIANCO*/
	font-size: x-small;
}
.homeTopCAI{
/*	color: whitesmoke;*/
	font-family: "GothamMedium", Arial, Helvetica, sans-serif;
	font-size:3em;
	font-weight:bold;
	text-align:center;
        text-shadow: inherit;
        width:100%;
        color: #ffffFF;
        /*display:block;*/
}
.homeTopCAISezione{
/*	color: whitesmoke;*/
	font-family: "GothamMedium", Arial, Helvetica, sans-serif;
	font-size:0.5em;
	font-weight:bold;
	text-align:center;
        text-shadow: inherit;
        width:100%;
        color: #ffffFF;
        /*display:block;*/
}
.homeBottomCAI{
/*	color: whitesmoke;*/
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size:0.5em;
	font-weight:bold;
	text-align:center;
        text-shadow: inherit;
        width:100%;
        color: white;
        /*display:block;*/
}
.homeLogo{
	color: whitesmoke;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
	text-align:center;
        max-width: 20%;
        background: blue;
        display:block;
        float:left ;

}
.homeTitolo{
	/*color: whitesmoke;*/
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
	text-align:center;
        max-width: 60%;
        color: yellow;
        display:block;
        float:left ;
        background-color:yellowgreen;
}
.homeComandi{
	/*color: whitesmoke;*/
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
	text-align:center;
        width:60%;
        color: green;
}
.TitoloCodificaTable
{
	color: #0000FF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.25em;
	font-weight:bold;
	text-align:center;
}

.conteinerTabelle
{
        alignment-adjust: central;
        background:#CDEDFF;
	text-align:left;
}
.elencoCodificaTable {
	 background:blue ;/**/
	color:white;
	font-weight: normal;
	//font-size:0.75em;
        font-size:2em;
        border: 2;
        border-color:#ccffff ;
        /*border: 2px solid #0000FF;*/
/*        border-radius: 10px 10px 10px 10px;
        box-shadow: 1px 1px 10px 2px #0000FF;*/
        text-align: left;
        
/*        border-collapse:collapse;*/
        
}
.elencoCodificaTable th {
            background-color: mediumblue;
            color:#ffffff;
            //font-size:0.75em;
            font-size:2em;
            border: 4 ;
            font-weight:bold;
            text-align:center;
}
.elencoCodificaTable a {

           color:#FFFF00;
            border: 3;
            border-color:#ccffff ;

            
}
.elencoCodificaTable a:hover{
	 color:#F00;
}
.dettaglioCodificaTable {
	background:#E1E0EA;
	color: blue;
	font-weight: normal;
	//font-size:0.75em;
        font-size:2em;
        border: 0;
        border-right: 1px;
        border-color:whitesmoke ;
        
        /*border: 2px solid #0000FF;*/
       border-radius: 0.625em 0.625em 0.625em 0.625em;
        box-shadow: 0.125em 0.125em 0.125em 0.125em #0000FF;
        text-align: left;
        cellspacing:0.650em;
        /*border-collapse:collapse;*/
        input[type=text]{color: black; background:blue ;}
        
}
.dettaglioCodificaTable input,submit,text
{
    border-radius: 0.625em 0.625em 0.625em 0.625em;
    box-shadow: 0.0625em 0.0625em 0.625em 0.125em #0000FF;
}
.dettaglioCodificaTable th {
            /*background-color: mediumblue;*/
            color:#0000FF;
           //font-size:0.75em;
            font-size:1em;
            border: 0 ;
            border-color: blue;
            font-weight:bold;
            padding:0.3125em 0.3125em;
            /*background-color: #55f;*/
}
.dettaglioCodificaTable tr:nth-child(even) 
{
            background-color: #f2f2f2;
}

            

.dettaglioCodificaTable td {
            /*background-color: mediumblue;*/
            color:black;
            //font-size:0.75em;
            font-size:1em;
            border: 0 ;
            border-color: blue;
            font-weight:bold;
            
}
.dettaglioCodificaTable a {

           color:#55f;
            border: 3;
            border-color:#ccffff ;

            
}
.dettaglioCodificaTable a:hover{
	 color:#F00;
}
.dettaglioTableLevel2 table {
	background:#E1E0EA;
	color: blue;
	font-weight: normal;
	 //font-size:0.75em;
            font-size:2em;
        border: 0;
        border-color:whitesmoke ;
        /*border: 2px solid #0000FF;*/
       /*border-radius: 10px 10px 10px 10px;*/
        /*box-shadow: 1px 1px 10px 2px #0000FF;*/
        text-align:9375em 0.3125em;
        /*border-collapse:collapse;*/
        input[type=text]{color: black; background:blue ;}
        
}
.dettaglioTableLevel2 th {
            background-color: #ccffff;
            color:#0000FF;
             //font-size:0.75em;
            font-size:2em;
            border: 1 ;
            font-weight:bold;
            
}
.dettaglioTableLevel2 td {
            /*background-color: mediumblue;*/
            color:black;
            //font-size:0.75em;
            font-size:2em;
            border: 1 ;
            font-weight:bold;
            
}
.menu_hor 
{
background-color: #ffffee;
list-style: none;
font-family: arial;
 //font-size:0.75em;
font-size:2em;
}
.menu_hor li
{
display: inline;

}
.menu_hor li a
{
width: 100%;
padding: 0.1875;
text-decoration:none;
}
.menu_hor li a:hover
{
background-color:aqua;
}