/* For you - Bianco azzurro blu
	colori:
	bianco FFFFFF
	celestino C6D1FD
	azzurro 7992FD
	Rosso D70202
	Blu4u 0030FF
	Blu scuro 000066
 */

/*Stile che fa un override dello stile base del tag body quindi di tutta la pagina.*/
body 
{  
	font-family:  "Verdana", "Arial", "Helvetica"; 
	font-size: 12px; 
	font-style: normal; 
	font-weight:  normal;
	background-color: #C6D1FD; 
	color: #000066;
}

.A:link, .A:visited, .A:active
{
	color: #0030FF;
	text-decoration: none;
}
.A:hover
{
	color: #0030FF;
	text-decoration: underline;
}

.mini
{
	font-size:  1px;
	color: #7992FD; 
	background: #7992FD; /*bianco*/
}


/* Stili per i Font  Ne imposto 2 uno proporzionale e l'altro a spaziatura fissa*/
.F0
{
	font-family:   "Verdana", "Arial", "Helvetica"; 
}

.F1
{
	font-family: "Courier New";
}


/* Stili per la dimensione font, č possibile usare dei nomi
   per indicare uno stile tipo small, medium, large, x-small etc. 
   che basano la loro dimensione su quanto impostato sul browser.
   purtroppo perņ questo tipo di dimensionamento provoca delle 
   orribili schifezze sulle pagine web quando tu crei la pagina a
   800 x 600 per carattere 10punti e l'utente che č cecato cerca
   di allargare il carattere nel browser.
   Perciņ io preferisco utilizzare dimensioni fisse dei font e se
   un utente č cecato allora č meglio se compra gli occhiali...
 */

.S0
{
	font-size:  9px;
}

.S1
{
	font-size: 12px;
}

.S2
{
	font-size: 16px;
}

.S3
{
	font-size:  24px;
}

.S4
{
	font-size:  32px;
}


/*
 Colori del foreground
 non c'č nulla da dire salvo che usualmente io imposto 3 colori massimo 4 con il nero come
 in questo caso.
 */

.CL0
{
	color: #FFFFFF; /*Bianco*/
}

.CL1
{
	color: #C6D1FD; /*celestino*/
}

.CL2
{
	color: #7992FD; /*azzurro*/
}

.CL3
{
	color: #D70202; /*rosso*/
}

.CL4
{
	color: #0030FF; /*Blu 4u*/
}

.CL5
{
	color: #000066; /*Blu scuro*/
}

/*
 colore background sono gli stessi delle font in quanto li
 uso in modo alternato.
 */



.BG0
{
	background: #FFFFFF; /*bianco*/
}
.BG1
{
	background: #C6D1FD; /*celestino*/
}

.BG2
{
	background: #7992FD; /*azzurro*/
}

.BG3
{
	background: #D70202; /*Rosso*/
}

.BG4
{
	background: #0030FF; /*Blu 4u*/
}

.BG5
{
	background: #000066; /*Blu scuro*/
}

/*
QUesti sono semplici attributi x grassetto sottolineato e italico...
*/
.G1
{
	font-weight: bold;
}

.I1
{
	font-style: italic;
}

.U1
{
	 text-decoration: underline;
}


/*
	Questi sono tag + simpatici, servono per fare i bordini alle celle
	ma da un lato solo, belli per fare effetti grafici in stile designer
	senza dover creare schifezze di tipo grafico...
	Come vedrai sono ripetuti per tutti i colori.
*/
.BL0
{
	border-left: solid 1px #FFFFFF;
}

.BT0
{
	border-top: solid 1px #FFFFFF;
}

.BR0
{
	border-right: solid 1px #FFFFFF;
}

.BB0
{
	border-bottom: solid 1px #FFFFFF;
}

/*Bordi Giallo*/
.BL1
{
	border-left: solid 1px #C6D1FD;
}

.BT1
{
	border-top: solid 1px #C6D1FD;
}

.BR1
{
	border-right: solid 1px #C6D1FD;
}

.BB1
{
	border-bottom: solid 1px #C6D1FD;
}

/*bordi Rosso*/

.BL2
{
	border-left: solid 1px #7992FD;
}

.BT2
{
	border-top: solid 1px #7992FD;
}

.BR2
{
	border-right: solid 1px #7992FD;
}

.BR22 /*speciale, destro 2 px*/
{
	border-right: solid 2px #7992FD;
}
.BB2
{
	border-bottom: solid 1px #7992FD;
}

/*bordi Verde*/

.BL3
{
	border-left: solid 1px #D70202;
}

.BT3
{
	border-top: solid 1px #D70202;
}

.BR3
{
	border-right: solid 1px #D70202;
}

.BB3
{
	border-bottom: solid 1px #D70202;
}

/*bordi Blu 4u */

.BL4
{
	border-left: solid 1px #0030FF;
}

.BT4
{
	border-top: solid 1px #0030FF;
}

.BR4
{
	border-right: solid 1px #0030FF;
}

.BB4
{
	border-bottom: solid 1px #0030FF;
}

/*bordi Blu Scuro */

.BL5
{
	border-left: solid 1px #000066;
}

.BT5
{
	border-top: solid 1px #000066;
}

.BR5
{
	border-right: solid 1px #000066;
}

.BB5
{
	border-bottom: solid 1px #000066;
}

/*Scrollbars*/
.SB
{
	scrollbar-3dlight-color:#7992FD;
    scrollbar-arrow-color:#7992FD;
    scrollbar-base-color:#7992FD;
    scrollbar-darkshadow-color:#FFFFFF;
    scrollbar-face-color:#FFFFFF; 
    scrollbar-highlight-color:#FFFFFF;
    scrollbar-shadow-color:#7992FD;
}

/*
	Questo stile serve a modificare il cursore facendolo divenire una manina
	anche sui tag che non sono veramente dei link ma lo diventano grazie a
	qualche trucco Javascript
*/
.CH
{
	cursor:hand;		
}

/*
 Questi sono gli stili che ti interessano, permettono di stabilire come il
 background delle celle deve essere ripetuto, se non li applichi, il jpg
 che metti come Background viene ripetuto in entrambi i sensi
 se invece li metti puoi avere 3 risultati:
 */
 
 /*
  Non ripeterlo (metti l'immagine una sola volta ad esempio il tuo iceberg ...
  */
.RP0
{
	background-repeat:no-repeat;
}

/*
 In questo caso viene ripetuto in orizzontale e verticale
 */

.RP1
{
	background-repeat:repeat;
}

/*
 In questo caso viene ripetuto in orizzontale
 */

.RPX
{
	background-repeat: repeat-x;
}

/*
 In questo caso viene ripetuto in verticale
 */
.RPY
{
	background-repeat: repeat-y;
}

/*
 Questi tag permettono di spostare e mettere dei bordi al testo all'interno di un tag
 */

.PL20
{
   padding-left:20px;
}

.PL1
{
   padding-left:2px;
}

.PL5
{
   padding-left:5px;
}


.PL4
{
   padding-left:4px;
}

.PL10
{
   padding-left:10px;
}
.PL50
{
   padding-left:50px;
}


.PR1
{
   padding-right:2px;
}
.PR4
{
   padding-right:4px;
}
.PR5
{
   padding-right:5px;
}

.PR10
{
   padding-right:10px;
}
.PR50
{
   padding-right:50px;
}


.PT1
{
   padding-top:2px;
}
.PT4
{
   padding-top:4px;
}
.PT5
{
   padding-top:5px;
}
.PT10
{
   padding-top:10px;
}
.PT50
{
   padding-top:50px;
}


.PB1
{
   padding-bottom:2px;
}
.PB4
{
   padding-bottom:4px;
}

.PB5
{
   padding-bottom:5px;
}
.PB10
{
   padding-bottom:10px;
}
.PB50
{
   padding-bottom:50px;
}


.fyLink0,  a.fyLink0:link, a.fyLink0:visited, a.fyLink0:active 
{
	color: #FFFFFF;
	text-decoration: none;
}

a.fyLink0:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}

.fyLink1, a.fyLink1:link , a.fyLink1:visited, a.fyLink1:active
{
	color: #C6D1FD;
	text-decoration: none;
}

a.fyLink1:hover
{
	color: #C6D1FD;
	text-decoration: underline;
}

.fyLink2, a.fyLink2:link, a.fyLink2:visited, a.fyLink2:active  
{
	color: #7992FD;
	text-decoration: none;
}

a.fyLink2:hover
{
	color: #7992FD;
	text-decoration: underline;
}

.fyLink3, a.fyLink3:link, a.fyLink3:visited, a.fyLink3:active  
{
	color: #D70202;
	text-decoration: none;
}

a.fyLink3:hover
{
	color: #D70202;
	text-decoration: underline;
}

.fyLink4, a.fyLink4:link, a.fyLink4:visited, a.fyLink4:active 
{
	color: #0030FF;
	text-decoration: none;
}

a.fyLink4:hover
{
	color: #0030FF;
	text-decoration: underline;
}

.fyLink5, a.fyLink5:link, a.fyLink5:visited, a.fyLink5:active 
{
	color: #000066;
	text-decoration: none;
}

a.fyLink5:hover
{
	color: #000066;
	text-decoration: underline;
}


.fyLink43, a.fyLink43:link, a.fyLink43:visited, a.fyLink43:active 
{
	color: #0030FF;
	text-decoration: none;
}

a.fyLink43:hover
{
	color: #D70202;
	text-decoration: none;
}

.fyLink45, a.fyLink45:link, a.fyLink45:visited, a.fyLink45:active 
{
	color: #0030FF;
	text-decoration: none;
}

a.fyLink45:hover
{
	color: #000066;
	text-decoration: none;
}


/* Menu superiore schede non selezionato*/
.TopMenu, A.TopMenu, A.TopMenu:link, A.TopMenu:visited
{
 	display: block;
	/*width:120px;*/
	height:20px;
	color:#FFFFFF;
    /*background: #C6D1FD;*/
    text-decoration: none;
    font-size:  10px;
    font-weight: normal;
    padding-top: 3px;
	border-left: solid 1px #C6D1FD;
	border-top: solid 1px #C6D1FD;
	border-bottom: solid 1px #C6D1FD;
}

A.TopMenu:hover
{
 	display: block;
	/*width:120px;*/
	height:20px;
	color:#0030FF;
    background: #C6D1FD;
    text-decoration: none;
    font-size:  10px;
    font-weight: bold;
    padding-top: 3px;
	border-left: solid 1px #C6D1FD;
	border-top: solid 1px #C6D1FD;
	border-bottom: solid 1px #C6D1FD;
}

/* menu superiore schede selezionato*/
A.TopMenuSel, A.TopMenuSel:link, A.TopMenuSel:visited
{
 	display: block;
	/*width:120px;*/
	height:20px;
	color:#0030FF;
    /*background: #7992FD;*/
    text-decoration: none;
    font-size:  10px;
    font-weight: bold;
    padding-top: 3px;
	border-left: solid 1px #C6D1FD;
	border-top: solid 1px #C6D1FD;
}

A.TopMenuSel:hover
{
 	display: block;
	/*width:120px;*/
	height:20px;
	color:#C6D1FD;
    /*background: #7992FD;*/
    text-decoration: none;
    font-size:  10px;
    font-weight: bold;
    padding-top: 3px;
	border-top: solid 1px #C6D1FD;
}

/* Menu laterale schede non selezionato*/
.DxMenu, A.DxMenu, A.DxMenu:link, A.DxMenu:visited
{
 	display: block;
	width:150px;
	height:24px;
	color:#FFFFFF;
    background: #C6D1FD;
    text-decoration: none;
    font-size:  12px;
    font-weight: bold;
    padding-top: 3px;
    padding-left: 5px;
    
	border-left: solid 1px #D70202;
	border-right: solid 1px #D70202;
	border-top: solid 1px #D70202;
}

A.DxMenu:hover
{
 	display: block;
	width:150px;
	height:24px;
	color:#D70202;
    background: #0030FF;
    text-decoration: none;
    font-size:  12px;
    font-weight: bold;
    padding-top: 3px;
    padding-left: 5px;
	border-left: solid 1px #D70202;
	border-right: solid 1px #D70202;
	border-top: solid 1px #D70202;
}

/* menu superiore schede selezionato*/
A.DxMenuSel, A.DxMenuSel:link, A.DxMenuSel:visited
{
 	display: block;
	width:150px;
	height:24px;
	color:#D70202;
    background: #0030FF;
    text-decoration: none;
    font-size:  12px;
    font-weight: bold;
    padding-top: 3px;
    padding-left: 3px;
    
	border-right: solid 1px #D70202;
	border-top: solid 1px #D70202;
}

A.DxMenuSel:hover
{
 	display: block;
	width:150px;
	height:24px;
	color:#FFFFFF;
    text-decoration: none;
    font-size:  12px;
    font-weight: bold;
    padding-top: 3px;
    padding-left: 3px;
	border-right: solid 1px #D70202;
	border-top: solid 1px #D70202;
}

/* Menu laterale schede non selezionato*/
.SxMenu, A.SxMenu, A.SxMenu:link, A.SxMenu:visited 
{
 	display: block;
	width:140px;
	height:20px;
	color:#FFFFFF;
    /*background: #0030FF;*/
    text-decoration: none;
    font-size:  10px;
    font-weight: normal;
    padding-top: 3px;
    padding-left: 5px;
    padding-right: 3px;
    
}

A.SxMenu:hover
{
 	display: block;
	width:140px;
	height:20px;
	color:#000066;
 /*   background: #7992FD;*/
    text-decoration: none;
    font-size:  10px;
    font-weight: bold;
    padding-top: 3px;
    padding-right: 3px;
}

/* Menu laterale schede selezionato*/
.SxMenuSel, A.SxMenuSel, A.SxMenuSel:link, A.SxMenuSel:visited
{
 	display: block;
	width:140px;
	height:20px;
	color:#0030FF;
    /*background: #7992FD;*/
    text-decoration: none;
    font-size:  10px;
    font-weight: bold;
    padding-top: 3px;
    padding-right: 3px;
    
}

A.SxMenuSel:hover
{
 	display: block;
	width:140px;
	height:20px;
	color:#0030FF;
    /*background: #7992FD;*/
    text-decoration: none;
    font-size:  10px;
    font-weight: bold;
    padding-top: 3px;
    padding-right: 3px;
}


.TextBox0
{
	color:#000066;
    background: #FFFFFF;
    font-size:  12px;
    
	border-left: solid 1px #0030FF;
	border-top: solid 1px #0030FF;
	border-right: solid 1px #0030FF;
	border-bottom: solid 1px #0030FF;
}

/* Menu laterale schede selezionato*/
.Button0, A.Button0, A.Button0:link, A.Button0:visited
{
	color:#FFFFFF;
    background: #0030FF;
    text-decoration: none;
    font-size:  12px;
    font-weight: bold;
    padding-top:2px;
	border-left: solid 1px #7992FD;
	border-top: solid 1px #7992FD;
	border-right: solid 1px #7992FD;
	border-bottom: solid 1px #7992FD;
}

A.Button0:hover
{
	color:#0030FF;
    background: #FFFFFF;
    text-decoration: none;
    font-size:  12px;
    font-weight: bold;
    padding-top:3px;
    padding-left:1px;
	border-left: solid 1px #C6D1FD;
	border-top: solid 1px #C6D1FD;
	border-right: solid 1px #C6D1FD;
	border-bottom: solid 1px #C6D1FD;
}

.ListItem01
{

	list-style-image: url(../images/bullets/bullet01.gif);
	list-style-type: disc; 
	color: #0030FF; 
    font-size:  14px;
    font-weight: bold;


}

.ListItem02
{

	list-style-image: url(../images/bullets/bullet02.gif);
	list-style-type: square; 
	color: #000066; 
    font-size:  12px;
    font-weight: normal;
}

.ListItem03
{

	list-style-image: url(../images/bullets/bullet03.gif);
	list-style-type: circle; 
	color: #000066; 
    font-size:  12px;
    font-weight: normal;
}

.ListItem04
{

	list-style-image: url(../images/bullets/bullet04.gif);
	list-style-type: disc;
	color: #0030FF; 
    font-size:  14px;
    font-weight: bold;

}

.ListItem05
{

	list-style-image: url(../images/bullets/bullet05.gif);
	list-style-type: square; 
	color: #000066; 
    font-size:  12px;
    font-weight: normal;

}

.ListItem06
{

	list-style-image: url(../images/bullets/bullet06.gif);
	list-style-type: circle; 
	color: #000066; 
    font-size:  12px;
    font-weight: normal;
}


.ListNum01
{
	list-style-type: decimal;
	color: #000066; 
    font-size:  12px;
    font-weight: normal;
}

.ListAlfa01
{
	list-style-type: lower-alpha; 
	color: #000066; 
    font-size:  12px;
    font-weight: normal;
}

/*
  Questi sono tag simpatici che ho trovato su internet
  non li ho ancora usati perņ
  posiziona il paragrafo con ID columns relativamente
  al tag che lo include lasciando un margine sopra e a
  sinistra e indentandolo di
  2em a sinistra e 9em a destra (fa una colonna)
  gli em sono una
  dimensione relativa alla grandezza finestra se
  non vado errata 
  */

#columns {
 position: relative;
 top: 1em;
 left: 1em;
 padding-left: 2em;
 padding-right: 9em;
}

/*posiziona il paragrafo con ID right alla destra
  del resto del testo con 2em di margine e una
  larghezza colonna di 9em che gli em sono una
  dimensione relativa alla grandezza finestra se
  non vado errata */
#right {
 position: absolute;
 top: 2em;
 right: 0;
 width: 9em;
}

/*prima linea paragrafo grassetto*/
P.FirstBold:first-line 
{
	font-weight: bold;
}

.FL1
{
/*classe 1^lettera*/	
}
/*prima lettera paragrafo gigante*/
P.FL1:first-letter 
{
	font-size: 12pt;
    line-height: 10pt;
	float:left;
	font-weight: bold;
}

DIV.FL1:first-letter 
{
	font-size: 12pt;
    line-height: 10pt;
	float:left;
	font-weight: bold;
}


.BodyBase /*F0 S1 CL4 BG1 SB*/
{
	
}


.HList ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	list-style-type: circle; 
	} 

.HList ul li {
	margin-left: 0;
	padding: 3px 15px;
	border-left: 1px solid #000;
	list-style: none;
	display: inline;
	}
	
		
.HList ul li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
	}