html {
	height: 100%;
}

body {
	background-color: #FFFFFF;
	text-align: left;
	margin: 0px;
	padding: 0px;
	height: 100%;	
}
                                    /*--sezione font--*/

.piccolino { font-family:arial, sans-serif; font-size:10px; line-height:12px; }
.piccolo { font-family:arial, sans-serif; font-size:11px; line-height:12px; }
.medio { font-family:arial, sans-serif; font-size:12px; line-height:14px; }
.mediopiu { font-family:arial, sans-serif; font-size:12px; line-height:16px; }
.mediogrande { font-family:arial, sans-serif; font-size:17px;
 font-weight:bold; line-height:18px; }
.grande { font-family:arial, sans-serif; font-size:19px; line-height:12px; }
.titolo { 
font-size:16px; font-family:arial; font-weight:bold; 
color:#0198ff; line-height:17px; }
.bianco { 
font-family:arial, sans-serif; font-size:15px; 
font-weight:bold; color:#ffffff; line-height:13px; }
img.float { float:right; margin:1px 2px; } 
img.float-a { float:left; margin:0px 2px; }
img.float1 { float:left; margin:0px 2px; } 
.centra { text-align:center; }
                                    /*------------*/

                                    /*--sezione link--*/

A:hover { color:#000000; text-decoration:none;}
A b {font-size:12px; }
                                    /*------------*/

                                    /*--lista verticale--*/
ul.menu { list-style:none; margin:0; padding:0; width:104px; border:0px solid; color:#000000; }
ul.menu li { display:inline; }
ul.menu li a {text-decoration:underline; display:block; width:100%; line-height:20px; }
ul.menu li a:hover { background:#ffffff; text-decoration:none; }

                                    /*------------*/

                                    /*--lista orizzontale 1--*/
ul.menue { list-style:none; margin:0; padding:0; }
ul.menue li { display:inline; }
ul.menue li a { 
text-decoration:none; padding:5px 2px; 
border-top:0px solid #0198ff; 
border-right:2px solid #ffffff;
border-bottom:0px solid #0198ff;
border-left:0px solid #0198ff; display:inline-block; 
}
ul.menue li a:hover { background:#ffffff; text-decoration:none; }
                                    /*------------*/

                                    /*--lista orizzontale 2--*/
ul.lista { list-style:none; margin:0; padding:0; }
ul.lista li { display:inline; }
ul.lista li a { 
text-decoration:none; padding:0px 3px; 
border:0px solid #0198ff; display:inline-block; 
}
ul.lista li a:hover { background:#ffffff; text-decoration:none; }
                                    /*------------*/

                                    /*--sezione elementi--*/
#logo { position:absolute; top:5px; left:10px; }
#banner { position:absolute; top:10px; left:395px; border:0px solid #000; }
#orologio { position:absolute; top:66px; left:20px; width:257px; z-index:1; }
#riga { 
position:absolute; 
top:125px; left:22px; 
width:733px; height:19px;
border:0px solid #000; 
background-color:#00ccff;
text-align:left;
 }
#striscia { 
position:absolute; 
top:125px; left:22px; 
width:733px; height:23px;
border:0px solid #000; 
text-align:center;
 }



#colonna1 { position:absolute; top:145px; left:20px; width:108px; }/*inizio colonna1*/

.box { width:106px; margin:2px; }      /*box colorato bluscuro*/
.content { 
padding:3px;
background-color:#0198ff; 
border:0px solid #000000; 
text-align:center;
line-height:12px;
}

.box1 { width:106px; margin:2px; }     /*Box colorato bluchiaro*/
.content1 { 
padding:3px;
background-color:#00ccff;
border:0px solid #000000; 
font-size:11px;
text-align:left;
line-height:12px;
}

.box2 { width:106px; margin:2px; }      /*box bianco*/
.content2 { 
padding:2px;
border-top:3px solid #0198ff; 
border-right:1px solid #0198ff;
border-bottom:1px solid #0198ff;
border-left:1px solid #0198ff;
text-align:left;
line-height:12px;
}


#colonna2 { position:absolute; top:146px; left:130px; width:526px; }/*inizio colonna 2*/

.box3 { width:255px; margin:2px; }     /*Box centrali piccoli*/
.content3 { 
padding:2px;
background-color:#FFFFFF;
border-top:0px solid #0198ff; 
border-right:0px solid #0198ff;
border-bottom:0px solid #0198ff;
border-left:0px solid #0198ff;
text-align:left;
line-height:12px;
}

.box4 { width:255px; margin:2px; }     /*Box centrali grandi*/
.content4 { 
padding:4px;
background-color:#D6EEFC;
border:0px solid #000000; 
text-align:left;
line-height:14px;
}

.box4s { width:255px; margin:2px; }     /*Box centrali intermedi piccoli*/
.content4s { 
padding:4px;
background-color:#ffffff;
border-top:0px solid #0198ff; 
border-right:0px solid #0198ff;
border-bottom:1px solid #0198ff;
border-left:0px solid #0198ff;
text-align:left;
line-height:12px;
}

.box4b { width:255px; margin:2px; }     /*Box centrali lunghe*/
.content4b { 
padding:4px;
background-color:#D6EEFC;
border:0px solid #000000; 
text-align:left;
line-height:14px;
}

.box5 { width:513px; margin:2px; }     /*Box centrali larghe orizzontali*/
.content5 { 
padding:4px;
background-color:#ffffff;
border-top:0px solid #0198ff; 
border-right:0px solid #0198ff;
border-bottom:1px solid #0198ff;
border-left:0px solid #0198ff;
text-align:left;
line-height:16px;
}

.box6 { width:513px; margin:2px; }     /*Box centrali larghe orizzontali colorate*/
.content6 { 
padding:2px;
background-color:#ffffff;
border-top:2px solid #0198ff; 
border-right:0px solid #0198ff;
border-bottom:2px solid #0198ff;
border-left:0px solid #0198ff;
text-align:center;
line-height:12px;
}

.box7 { width:513px; margin:2px; }     /*Box centrali larghe orizzontali*/
.content7 { 
height:70px;
padding:4px;
background-color:#00ccff;
border:0px solid #000000; 
text-align:left; 
line-height:17px;
}

.box8 { width:106px; margin:2px; }     /*Box bottone*/
.content8 { 
padding:1px;
background-color:#00ccff;
border:0px solid #000000; 
text-align:center;
line-height:12px; 
}

.box9 { width:106px; margin:2px; }      /*box giallo grafologia*/
.content9 { 
padding:2px;
background-color:#FFE24A;
border:0px solid #0198ff; 
text-align:left;
line-height:12px;
}

.box10 { width:300px; margin:0px; }     /*contnitore testo pag arc*/
.content10 { 
padding:2px;
background-color:#FFFFFF;
border:0px solid #000000; 
text-align:left;
line-height:12px;
}


#colonna3 { position:absolute; top:146px; left:388px; width:260px; }/*inizio colonna 3*/


#colonna4 { position:absolute; top:145px; left:647px; width:108px; }/*inizio colonna4*/


#colonna5 { position:absolute; top:0px; left:210px; width:120px; height:60px; 
                     border-top:5px solid #0198ff; 
                     border-right:1px solid #0198ff;
                     border-bottom:1px solid #0198ff;
                     border-left:1px solid #0198ff;
                     padding:3px;  }/*bottoni di ritorno ai siti*/