/*
misure che dipendono dalla dimensione schermo:
     1024x768    800x600
#m01    898px      715px      
#m02    425px      378px      altezza pagina (490px .px)
#m03    430px      300px      larghezza riquadro news home page (quarto)
#m04    160px      160px      altezza  riquadro news home page (quarto)
#m05    550px      547px      top della zona 'bottom'
#m06    898px      643px      larghezza contenuto
#m07    210px      165px      altezza cella bordo nero news home page
#m08	380px          ?      altezza area 'contenuto' 
#m09    122px      122px      left angolo sx alto area 'contenuto' = height(top)
#m10    169px      169px      top angolo sx alto area 'contenuto' = width(menu)
*/
/*
	Colori:
		#0950A0 BLU ANGEA
		#E4E4E4 .?
		#CFD6F7 .?
		#6276D5 .?
		#228B22 .?
		#666666 .?
		#0E6785 .?
		#6F80CE .(?) blu angea)
		#006699 .?
		#A4AFE6 .?
		#990033 .?
		#FFCC00 .titolo giallo
		#818181 .?
		#CCFFFF .Anag Row Pari
		#99FFFF .Anag Row Dispari
		#...... .buttonhighlight;
		#...... .buttonhighlight;
		#...... .buttonface;
		#...... .buttonshadow;


*/
/* cominciamo con stili differenziati tra schermo e stampa...*/
@media screen {
	.paginaGrande {
		top: 0;
		left: 0;
		padding-left: 0;
	}
	body {
		padding: 0 0 0 0;
		background-color: #E4E4E4; /*#CFD6F7;*/
		margin-top: 0px;
		margin-left: 0px;
		margin-bottom: 0px;
		margin-right: 0px;
	}
	.menuContenuto {
		top: 169px; /* #m10 */
		left: 0;
		background-color: white;
		border: none;
		border-color: Black;
		width: 1020px; /* #m01 */
		height: 380px; /* #m02 */
		position: absolute;
		overflow: hidden;
	}
	.menu {
		top: 0;
		left: 0;
		background-color: #E4E4E4;
		border-top-width: 1px;
		border-right-width: 1px;
		border-bottom-width: 1px;
		border-left-width: 1px;
		border-top-style: none;
		border-right-style: dashed;
		border-bottom-style: none; /*dashed;*/
		border-left-style: none;
		border-top-color: #6276D5;
		border-right-color: #6276D5;
		border-bottom-color: #6276D5;
		border-left-color: #6276D5;
		width: 122px; /* #m09 */
		height: 100%;
		position: absolute;
		overflow: hidden;
	}
	.contenuto {
		top: 0;
		left: 122px; /* #m09 */
		background-color: white;
		border:none;
		border-color: #228B22;
		width: 898px; /* #m06 */
		height: 380px; /* #m08 */
		position: absolute;
		overflow-x: hidden;
		overflow-y: auto;
		z-index:999; /* Attenzione: -1 ok su IE, ma non mostra nulla su FF */
	}
}
@media print {
	.menuContenuto {
		top: 169px; /* #m10 */
		left: 0;
		visibility: hidden;
		background-color: white;
		border: none;
		border-color: Black;
		width: 1020px; /* #m01 */
		height: 380px; /* #m02 */
		position: absolute;
		overflow: hidden;
	}
	.menu {
		top: 0;
		left: 0;
		visibility: hidden;
		background-color: #E4E4E4;
		border-top-width: 1px;
		border-right-width: 1px;
		border-bottom-width: 1px;
		border-left-width: 1px;
		border-top-style: none;
		border-right-style: dashed;
		border-bottom-style:  none; /*dashed;*/
		border-left-style: none;
		border-top-color: #6276D5;
		border-right-color: #6276D5;
		border-bottom-color: #6276D5;
		border-left-color: #6276D5;
		width: 122px; /* #m09 */
		height: 100%;
		position: absolute;
		overflow: hidden;
	}
	.contenuto {
		top: 0;
		left: 0;
		background-color: white;
		border: none;
		border-color: #228B22;
		width: 1020px; /* #m01 */
		height: 100%;
		position: absolute;
		/*overflow-x: hidden;
		overflow-y: auto; */
		z-index: 9999; /**/
		position:static; /**/
		visibility:hidden; /**/
	}
	body {
		padding: 0 0 0 0;
		background-color: #CFD6F7;
		margin-top: 0px;
		margin-left: 0px;
		margin-bottom: 0px;
		margin-right: 0px;
	}
	.paginaGrande {
		top: 0;
		left: 0;
		padding-left: 0;
	}
}
    /* seguono stili per TUTTI i media */
@media all {
	.elenco {
		list-style-type: none;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		line-height: 16px;
		font-weight: bold;
	}
	avvisoDiagonale { /* questo style non è ancora in uso... */
		/* avviso sovrapposto a pagina in diagonale per avvertire che la traduzione è ancora in corso*/
		background-color:Transparent;
		/* behavior:url(); */
	}
	.riquadroHome {
		border: 1px solid #000000;
		width:430px; /* m03 */
		height:170px; /* m04 */
		text-align:center;
	}
	/*.tabella1 {
		border: 1px solid #000000;
	}*/
	.tabella2 {
		border-top-width: 1px;
		border-right-width: 1px;
		border-bottom-width: 1px;
		border-left-width: 1px;
		border-top-style: solid;
		border-right-style: none;
		border-bottom-style: solid;
		border-left-style: none;
		border-top-color: #000000;
		border-right-color: #000000;
		border-bottom-color: #000000;
		border-left-color: #000000;
	}
	.menuSinistro {
		border-top-width: 1px;
		border-right-width: 1px;
		border-bottom-width: 1px;
		border-left-width: 1px;
		border-top-style: none;
		border-right-style: dashed;
		border-bottom-style: dashed;
		border-left-style: none;
		border-top-color: #6276D5;
		border-right-color: #6276D5;
		border-bottom-color: #6276D5;
		border-left-color: #6276D5;
	}
	.tabella4 {
		border-top-width: 1px;
		border-right-width: 1px;
		border-bottom-width: 1px;
		border-left-width: 1px;
		border-top-style: solid;
		border-top-color: #666666;
		border-right-color: #666666;
		border-bottom-color: #666666;
		border-left-color: #666666;
	}
	.a2 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #0E6785;
		font-weight:normal;
	}
	.a2:link {
		text-decoration: none;
		color: #0E6785;
	}
	.a2:visited {
		text-decoration: none;
		color: #0E6785;
	}
	.a2:hover {
		text-decoration: underline;
		color: #000000;
	}
	.a2:active {
		text-decoration: none;
		color: #0E6785;
	}
	.a3 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #6F80CE;
		font-weight:bold;
		line-height: 16px;
	}
	.a3:link {
		text-decoration: none;
		color: #6F80CE;
	}
	.a3:visited {
		text-decoration: none;
		color: #6F80CE;
	}
	.a3:hover {
		text-decoration: underline;
		color: #000000;
	}
	.a3:active {
		text-decoration: none;
		color: #6F80CE;
	}
	.sfondoBlu {
		background-color: Blue;
	}
	.elenco2 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-style: normal;
		line-height: 16px;
		font-weight: lighter;
		list-style-position: outset;
		list-style-type: square;
	}
	.titoletto {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-style: normal;
		font-weight: bold;
	}
	.titolobig {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-style: normal;
		font-weight: bolder;
	}
	.titolosmal {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-style: normal;
		font-weight: bold;
	}
	.scritte {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-style: normal;
		font-weight: lighter;
		color: #000000;
	}
	.scritteBlu {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-style: normal;
		font-weight: lighter;
		color: #0950A0;
	}
	
	.scritteGrandi {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-style: normal;
		font-weight: normal;
		color: #000000;
		white-space:nowrap;
		text-align: left;
		vertical-align:top;
	}
	.scrittePiccole {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9px;
		font-style: normal;
		font-weight: lighter;
		color: #000000;
	}
	.elenco3 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-style: normal;
		line-height: 18px;
		font-weight: lighter;
		font-variant: normal;
		color: #666666;
		list-style-type: disc;
		list-style-position: inset;
	}
	.titoloblu {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-style: normal;
		font-weight: bold;
		color: #006699;
	}
	.titoloBluGrande {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 15px;
		font-style: normal;
		font-weight: bold;
		color: #006699;
	}
	.images2 {
		border: thin solid #006699;
	}
	.images3 {
		border-top-width: 1px;
		border-right-width: 1px;
		border-bottom-width: 1px;
		border-left-width: 1px;
		border-top-style: dotted;
		border-right-style: none;
		border-bottom-style: none;
		border-left-style: dotted;
		border-top-color: #000000;
		border-right-color: #000000;
		border-bottom-color: #000000;
		border-left-color: #000000;
	}
	.images4 {
		border-top: 1px dotted #A4AFE6;
		border-right: 1px none #A4AFE6;
		border-bottom: 1px dotted #A4AFE6;
		border-left: 1px dotted #A4AFE6;
	}
	.titoloRosso {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: bold;
		color: #990033;
	}
	.titoloBluAngea {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: bold;
		color: #6F80CE;
	}
	.titoloBianco {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #FFFFFF;
	}
	.titoloGiallo {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #FFCC00;
	}
	.a1 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #818181;
		font-weight:bold;
	}
	.a1:link {
		text-decoration: none;
		color: #818181;
	}
	.a1:visited {
		text-decoration: none;
		color: #818181;
	}
	.a1:hover {
		text-decoration: underline;
		color: #000000;
	}
	.a1:active {
		text-decoration: none;
		color: #818181;
	}
	.tabella5 {
		width:350px;
		margin:0 auto;
		background:#FFFFFF;
		color:#FFFFFF;
		border: 1px none;
		padding-height:5px;
	}
	.tabella6 {
		margin:0;
		padding:0;
		color:#000000;
		background: transparent;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-style: normal;
		font-weight: normal;
	}
	.tabella6 td {
		background:#FFFFFF;
		color:#000000;
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 5px;
		/*width:500px; */
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-style: normal;
		font-weight: normal;
	}
	.tabella6 tr.colorata td {
		background:#FFFFFF;
		color:#000000;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-style: normal;
		font-weight: normal;
	}
	.divinterno {
		height:360px;
		width: 100%;
		text-align: center;
		/* overflow:auto; */
	}
		/* --- */
	.pagina {
		background-color: #E4E4E4;
		border: 1px solid Black;
		width: 1018px; /* #m01 */
		height: 630px;
		position: absolute;
	}
	.top {
		top: 0;
		left: 0;
		background-color: #E4E4E4;
		border: 1px;
		border-color: black;
		width: 1020px; /* #m01 */
		height: 169px; /* #m10 */
		position: absolute;
	}
	.contenutoForum {
		top: 0;
		left: 122px; /* #m09 */ /* quando si attiva il forum...	left: 0; */
		background-color: white;
		border: none;
		border-color: #228B22;
		width:  898px; /* #m06 */ /* quando si attiva il forum... 1020px; /* #m01 */
		height: 100%;
		position: absolute;
		overflow-x: hidden;
		overflow-y: auto;
	}
	.contenutoFull { /* usato per pagine che stanno in IFRAME nel contenuto */
		top: 0;
		left: 0;
		background-color: white;
		border: none;
		border-color: #228B22;
		width: 898px; /* #m06 */
		height: 100%;
		position: absolute;
		overflow-x: hidden;
		overflow-y: auto;
	}
	.bottom {
		top: 550px; /* #m05 */
		left: 122px; /* #m09 */
		background-color: #E4E4E4;
		border: thin;
		border-color: Fuchsia;
		width: 898px; /* #m01 */
		height: 80px;
		position: absolute;
	}
		/* da index_bottom.htm  BEG */
	.Stile1 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
	}
	.Stile10 {
		font-size: 10px;
		color: #818181;
	}
	.images {
		border: 1px solid #000000;
	}
	body,td,th {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
	}
		/* da index_bottom.htm  END */
	.bodyFull {
		padding: 0 0 0 0;
		background-color: #CFD6F7;
		margin-top: 0px;
		margin-left: 0px;
		margin-bottom: 0px;
		margin-right: 0px;
	}
		/*
		per mascherare email, non viene usato come STYLE, ma come classe riconosciuta
		dallo script che maschera le email
		*/
	.ePostaNascondi {
		display:none;
		text-decoration:none;
	}
	.emailnone {
		display:none;
	}
		/*
		per gestione descrizione nei campi delle FORM (iscrizione, donazione...)
		NOTA: NON funziona su tag SELECT a causa del comportamento di IE con questi TAG, che non onorano z-order
		*/
	DIV.overlabel {
		position: relative;
		float: left;
		margin-right: 3px;
	}
	LABEL.overlabel {
		position: absolute;
		top: 3px;
		left: 5px;
		z-index: 1;
		color: #999;
	}
		/* celle home page per banner... */
	cellaBordoNero {
		border-top-width: 1px;
		border-right-width: 1px;
		border-bottom-width: 1px;
		border-left-width: 1px;
		border-top-style: dashed;
		border-right-style: dashed;
		border-bottom-style: dashed;
		border-left-style: dashed;
		border-top-color: black;
		border-right-color: black;
		border-bottom-color: black;
		border-left-color: black;
		height: 210px; /* #m07 */
		vertical-align: top;
	}
		/* per gestione soci */
	.AnagRowPari {
		background-color: #CCFFFF;
	}
	.AnagRowDispari {
		background-color: #99FFFF;
	}
	.AnagCell {
		white-space:  nowrap;
		text-align:   left;
		color:     #000000;
		border-color:  lime;
		border-top:   0px solid;
		border-bottom: 1px solid;
		border-left:  0px solid;
		border-right:  0px solid;
		font-family:  Verdana,tahoma,Arial;
		font-size:   9px;
		font-weight:  normal;
	}
	.AnagNote {
		text-align:   justify;
		color:     #000000;
		border-color:  lime;
		border-top:   0px solid;
		border-bottom:  1px solid;
		border-left:  0px solid;
		border-right:  0px solid;
		font-family:  Verdana,tahoma,Arial;
		font-size:   10px;
		font-weight:  normal;
	}
	.AnagHead {
		white-space:  nowrap;
		text-align:   center;
		color:     #000000;
		border-color:  lime;
		border-top:   0px solid;
		border-bottom: 1px solid;
		border-left:  0px solid;
		border-right:  0px solid;
		font-family:  Verdana,tahoma,Arial;
		font-size:   10px;
		font-weight:  bold;
	}
	.Anag01 {
		white-space:  nowrap;
	}
	.AnagImg {
		width:16px;
		height: 16px;
	}
	.AnagList {
		height:275px;
		width: 100%;
		text-align: center;
		overflow-x: hidden;
		overflow-y: auto;
	}
		.textLabel
	{
    		border: none;
    		background-color: #CFD6F7;
    		text-align: right;
    		width: 80px;	
	}
		/* per gestione schede TAB INI */
	.tab-table {
		background: transparent;
		border: 0px;
		font: menu;
	}
	.tab-table th {
		text-align: center;
		font: normal 12px;
	}
	.tab-button {
		width: 80px;
		height: 20px;
		white-space:nowrap;
		background: #A4AFE6;
		border-top: 1px solid buttonhighlight;
		border-left: 1px solid buttonhighlight;
		border-bottom: 1px solid buttonhighlight;
		border-right: 1px solid buttonshadow;
		cursor: hand;
		padding-top: 2px;
	}
	.tab-selected {
		width: 80px;
		height: 20px;
		background: #D2D2D2;
		border-top: 1px solid buttonhighlight;
		border-left: 1px solid buttonhighlight;
		border-bottom: 1px solid buttonface;
		border-right: 1px solid buttonshadow;
		cursor: hand;
	}
	.tab-body {
		background: #A4AFE6;
		border-top: 0px;
		border-left: 1px solid buttonhighlight;
		border-bottom: 1px solid buttonshadow;
		border-right: 1px solid buttonshadow;
		padding: 4px;
	}
	.tab-body div {
		display: none;
		text-align: left;
	}
		/* per gestione schede TAB END */
}