/* Stili per il layout delle pagine */
html,body
{
    padding:0;
    height: 100%;
    margin: 0;
    min-height: 100%; 
    background-color: #AAAAAA;
    overflow:hidden; 
}

body
{
    /* IMPORTANTE: Questo è il font di default di tutta l'applicazione */
    font-family: verdana,arial,sans-serif;
    /* IMPORTANTE: Questo è la dimensione del font di default di tutta l'applicazione, salvo eccezioni.
    usando i pt non consente di diferenziare la dimenzione del font. Se invece si imposta per esempio
    76%, allora il font varia di dimensioni se si cambia impostzione della dimensione del carattere nel
    browser. Meglio lasciare così perchè ormai per ingrandire si usa lo ZOOM e si evitano inutili problemi di
    layout a tutto il sito.
    */
    font-size: 9pt;
    text-align: center;
}

div#CONTENITORE
{
    border-left: 0 solid #000000;
    border-right: 0 solid #000000;
    border-top: 0 solid #000000;
    border-bottom: 0 solid #000000;
    background-color: #AAAAAA;
    text-align: left;  
    margin-left: auto;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    width: 100%;
    max-width: 100%; /*1920px; /* Questo regola la larghezza massima di TUTTO il layout */
    position: relative; 
    min-height: 100%;
    height: 100%;
    overflow:hidden;
    visibility :hidden; 
    /* la visibilità viene ripristinata dopo il windows.resize, così la fase di
    aggiustamento delle div (soprattutto al prima caricamento) non si vede a video
    ma solo dopo che sono tutte a posto. Il problema riguarda IE8, perchè con gli
    altri si nota molto meno o per niente.
    */
} 

div#TESTATA, div#TESTATA_POP
{
    text-align:center;  
	background-color: #E7E7E8;
	color: #000000;
	height : 48px;
	width: 100%;
    /*	position: relative;*/
    position: absolute;
    top: 0;
    left: 0;
	z-index: 1; 
	/* deve andare SOPRA il CORPO se no gli eventuali menu a tendina finiscono sotto e non si vedono. 
	Il LATERALE deve avere invece order superiore, se no viene coperto dal fatto che la tabella in cui
	è la tendina non si vede ma scende verso il basso e ha un order superiore.
	*/
	
	border-left: 0px solid #333333;
	border-bottom: 0px solid #333333;
	border-right: 0px solid #333333;
	border-top: 0px solid #333333;
	margin: 5px 3px 0px 3px;
	padding: 0;
	font-size: 8pt; /* seolo per poterla variare rispetto al generale, altrimenti da eliminare */
    border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

div#TESTATA
{
    /*background-image: url(../Layout/ECCOCI.png);*/
}

div#TESTATA_POP
{
 background-position: center top;
 background-repeat: no-repeat;
 background-image: url(../Layout/ECCOCI_2.png);
}

/* questa serve solo per evitare alcuni problemi nei menu a tendina
del LATERALE, vedi più sotto.
*/
div#CONT_INTERNO
{
    overflow: hidden;
    position: absolute; 
    background-color: transparent;  
}


div#DIVSOTTOMENU
{
	float: left;
	position: absolute;
	border-left: 0px solid #333333;
	border-bottom: 0px solid #333333;
	border-right: 0px solid #333333;
	border-top: 0px solid #333333;
	background-color: #E7E7E8;
    text-align: center;
    vertical-align: middle;   
    margin-left: 0;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	overflow: auto; 
    border-radius: 0;
}

div#LATERALESX, div#LATERALEDX, div#LATERALESX_L
{
	z-index: 2;
	float: left;
    /*top: 40px; lo calcola il resize */
	min-height: 18px;
	position: absolute;
	border-bottom: 0px solid #333333;
	border-top: 0px solid #333333;
	background-color: #E7E7E8;
    text-align: center; 
    margin-top: 0;
    margin-bottom: 0;
	overflow: auto; 
    overflow-x: hidden; 
    -ms-overflow-x: hidden;
    border-radius: 0;
}

div#LATERALESX, div#LATERALEDX
{
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}

div#LATERALESX_L
{
    font-size: 1em; 
   	width: 14em;
    margin-left: 3px;
    margin-right: 0;
	padding-top: 0.5em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	border-left: 0px solid #333333;
	border-right: 0px solid #333333;
}

div#LATERALESX
{
   	width: 110px;
    margin-left: 3px;
    margin-right: 0;
   	border-left: 0px solid #333333;
	border-right: 0px solid #333333;
}

div#LATERALEDX
{
	width: 110px;
    margin-left: 0;	
    margin-right: 3px;	
    border-left: 0px solid #333333;
	border-right: 0px solid #333333;
    
}

div#CORPO
{
	z-index: 0;
    /*top: 40px; lo calcola il resize */
    float: none; 
    margin-left: 3px;
    margin-top: 0;
    margin-right: 0px;
    margin-bottom: 0;
	border-left: 0px solid #333333;
	border-bottom: 0px solid #333333;
	border-right: 0px solid #333333;
	border-top: 0px solid #333333;
    padding: 5px;
    min-height:18px;
    position: absolute;
    overflow: hidden;
    background-color: #E7E7E8;
    background-image: url(../Layout/SFONDO.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    text-align: center;
    border-radius: 0;
}

div#FOOTER
{
	clear: both;
	float: left;
	text-align: center;
	padding: 0;
    margin-left: 3px;
    margin-top: 0px;
    margin-right: 3px;
    margin-bottom: 3px;
	border-left: 0px solid #333333;
	border-bottom: 0px solid #333333;
	border-right: 0px solid #333333;
	border-top: 0px solid #333333;
	background-color: #E7E7E8;
	color: #000000;
	font-weight: normal;
	vertical-align: middle; /* min-width: 100%; Rende il footer x tutta la pagina = messa max width*/
	width: 100%;
	height : 18px;
	position: absolute;
	bottom: 0;
	z-index: 3;
  	font-size: 7pt; /* seolo per poterla variare rispetto al generale, altrimenti da eliminare */
    border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}

div#FOOTER a
{
    color: #2B60DE;
    font-weight: bold;
    text-decoration: underline;
}

div#LATERALESX a, div#LATERALEDX a, div#LATERALESX_L a
{
    color:black;
    font: 1.2em verdana,arial,sans-serif;
    text-decoration: none;
}

div#LATERALESX a:link, div#LATERALEDX a:link, div#LATERALESX_L a:link
{
    color: black;
    text-decoration: none;
}
div#LATERALESX a:visited, div#LATERALEDX a:visited, div#LATERALESX_L a:visited
{
    color: black;
    text-decoration: none;
}
div#LATERALESX a:hover, div#LATERALEDX a:hover, div#LATERALESX_L a:hover
{
    color: red;
    text-decoration: none;
}

.NASCOSTA
{
    visibility:hidden;
}

.clearFloat {
	clear: right;
}

/* Stili per finestre popup modali */

.MascheraModale 
{
	visibility: hidden;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	font-family:verdana;
	font-weight:bold;
	padding:40px;
	/* z-index alto 1 meno di PopUp per essere sicuri che la DIV sia sopra tutto tranne PopUp */
    z-index:9999;
	background-image:url(../Layout/MascheraVERDE.png);
	/* Solo per IE */
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../Layout/MascheraVERDE.png');
}

.FinestraPopUp {
	position:fixed;
	/* z-index più alto possibile per essere sicuri che la DIV sia sopra tutto */
	z-index:10000;
	visibility: hidden;
    width: auto;
    height: auto;
}

/* stile per Pop Up semplice (non modale) */
.DivPopUp
{
   position:absolute; 
   left:0; 
   top:0; 
   width: 120px;
   height: 80px;
   border-style: solid;
   border-width: 1px;
   border-color:#000000;
   background-color: #FFFF99;
   padding:5px;
   color: #000000;
   font-family:Arial;
   font-weight:bold;
   font-size:10pt;
   z-index:9998;
   visibility:hidden;
}

/* stile per la tabella nel Pop Up semplice (non modale) */
.TabPopUp1, .TabPopUp2 
{
   border-right: #2B60DE 2px solid;
   background-color: White;
   border-top: #2B60DE 2px solid;
   border-left: #2B60DE 2px solid;
   border-right: #2B60DE 2px solid;
   border-bottom: #2B60DE 2px solid;
   padding: 4px;
}

.TabPopUp1
{
   width: 760px;
   height: 400px;
}

.TabPopUp2 
{
   width: auto;
   height: auto;
}

/* generali per i LINK */
a:link {
    color: #0000FF;
    font-style: normal;
    font-weight: normal;
    text-decoration: underline;
    background-color: Transparent;
}
a:visited  {
	color: #0000FF;
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
	background-color: Transparent;
}
a:hover {
	color: #0000FF;
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
	background-color: Aqua;
}
a:active {
    color: #0000FF;
    font-style: normal;
    font-weight: normal;
    text-decoration: underline;
    background-color: Aqua;
}

/* le celle della tabella in cui si mettono i bottoni della testata, utile
soprattutto in caso di presenza di menu a tendina a discesa per centrare
bene tutto. Giocare sui vari padding della cella. 
*/
.CELLE-TESTATA-MED, .CELLE-TESTATA-MED2, .CELLE-TESTATA-GRA, .CELLE-TESTATA-GRA2, .CELLE-TESTATA-MIC, .CELLE-TESTATA-PIC, .CELLE-TESTATA-XL, .CELLE-TESTATA-XXL, .CELLE-TESTATA-XS {
    text-align: left;
    vertical-align: top; 
    border-width: 0; 
    margin: 0; 
    height: auto; 
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    overflow: visible;
    display: inline-block;
    white-space: nowrap;
}

.CELLE-TESTATA-GRA {
    width: 125px; 
    /* impostare come la larghezza dei bottoni che si usano, padding escluso. 
    Forzare negli altri casi direttamente il TD Style 
    */
    max-width: 125px; 
}
.CELLE-TESTATA-GRA2 {
    width: 145px; 
    /* impostare come la larghezza dei bottoni che si usano, padding escluso. 
    Forzare negli altri casi direttamente il TD Style 
    */
    max-width: 145px; 
}
.CELLE-TESTATA-XXL {
    width: 220px;
    max-width: 220px; 
}
.CELLE-TESTATA-XL {
    width: 180px;
    max-width: 180px; 
}
.CELLE-TESTATA-MED {
    width: 80px;
    max-width: 80px; 
}
.CELLE-TESTATA-MED2 {
    width: 75px;
    max-width: 75px; 
}

.CELLE-TESTATA-PIC {
    width: 65px;
    max-width: 65px; 
}
.CELLE-TESTATA-MIC {
    width: 25px;
    max-width: 25px; 
}

.CELLE-TESTATA-SX {
    width: 40px;
    max-width: 40px; 
}

.CELLE-TESTATA-ALLDX {
    display:table-cell; 
    text-align:right; 
    background-color: Transparent; 
    width:100%; 
    height:auto; 
    vertical-align: top; 
    padding-top: 2px; 
    padding-right: 4px;
}
.CELLE-TESTATA-ALLDX_FIX {
    display:table-cell; 
    text-align:right; 
    background-color: Transparent; 
    width:75px; 
    height:auto; 
    vertical-align: top; 
    padding-top: 2px; 
    padding-right: 4px;
}

.CELLE-TESTATA-LOGO {
    display:table-cell; 
    text-align:right; 
    background-color: Transparent; 
    width:100%; 
    height:auto; 
    vertical-align: top; 
    padding-top: 1px; 
    padding-right: 6px;
}

.TABELLA {
    width: 100%; 
    height: 40px; 
    border:0; 
    margin:0;
    left: 0;
    table-layout: fixed; /* questo rende FISSA la larghezza delle celle e le rende controllabili */
    overflow: visible; 
    white-space: nowrap;
}

.TABELLA-TESTATA {
    width: 100%; 
    height: 48px; 
    border:0; 
    margin:0;
    padding: 0;
    left: 0;
    table-layout: fixed; /* questo rende FISSA la larghezza delle celle e le rende controllabili */
    overflow: visible; 
    white-space: nowrap;
}

.TABELLA-LOGIN {
    font-size: 9pt;
    width: 400px; 
    height: 333px; 
    color: black; 
    font-family: Verdana; 
    background-color: White;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
    font-weight: normal;
    padding:0;
    margin:auto;
    border-radius: 0;
}  



.TABELLA-TITOLI {
    left:0;
    font-size: 9pt;
    width: 100%; 
    height: 24px; 
    color: black; 
    font-family: Verdana; 
    background-color: Transparent;
	border-left: 0px solid #303880;
	border-bottom: 0px solid #303880;
	border-right: 0px solid #303880;
	border-top: 0px solid #303880;
    font-weight: normal;
    margin:0;
    padding: 1px;
    table-layout: fixed; /* questo rende FISSA la larghezza delle celle e le rende controllabili */
    overflow: visible; 
    white-space: nowrap;
	border-radius: 6px;
} 

.TABELLA-POPUP {
    font-size: 9pt;
    width: 600px; 
    height: 400px; 
    color: black; 
    font-family: Verdana; 
    background-color: White;
	border-left: 2px solid #303880;
	border-bottom: 2px solid #303880;
	border-right: 2px solid #303880;
	border-top: 2px solid #303880;
    font-weight: normal;
    padding:0;
    margin:0;
    border-radius: 10px;
} 

.LINKTAB {
    color: Red;
 } 
.LINKTAB a:link {
    color: Red;
    background-color: Transparent;
 } 
.LINKTAB a:hover {
    color: Red;
    background-color: Lime;
 } 
.LINKTAB a:visited {
    color: Red;
    background-color: Transparent;
 }
.LINKTAB a:active {
    color: Red;
    background-color: Lime;
 }
 
 .LINKOFF {
    color: #666666;
 } 
.LINKOFF a:link {
    color: #666666;
    background-color: Transparent;
 } 
.LINKOFF a:hover {
    color: #666666;
    background-color: #CCCCCC;
 } 
.LINKOFF a:visited {
    color: #666666;
    background-color: Transparent;
 }
.LINKOFF a:active {
    color: #666666;
    background-color: #CCCCCC;
 }

.LINKDEC {
    color: magenta;
}

    .LINKDEC a:link {
        color: black;
        background-color: #EEEEEE;
    }

    .LINKDEC a:hover {
        color: black;
        background-color: #CCCCCC;
    }

    .LINKDEC a:visited {
        color: black;
        background-color: #EEEEEE;
    }

    .LINKDEC a:active {
        color: black;
        background-color: #CCCCCC;
    } 

.LINKMAIN a:link, .LINKMAIN a:hover, .LINKMAIN, LINKMAIN a:visited, LINKMAIN a:active {
    font-weight: bold;
    font-size: 110%;
}
.ALBERO {
    text-align: left;
    font-weight: normal;
    font-size: 10pt;
    color: #000000;
    text-decoration: none;
    color: #000000;
}

.NODO {
    text-align: left;
    font-weight: normal;
    font-size: 10pt;
    color: #000000;
    text-decoration: none;
    background-color: Transparent;
}

.NODOSEL {
    text-align: left;
    font-weight: bold;
    font-size: 10pt;
    color: Blue;
    text-decoration: none;
    background-color: Transparent;
}
    .NODO a:link, .NODOSEL a:link {
        text-decoration: none;
        background-color: Transparent;
        font-size: 10pt;
    }