a:link    {color: #0000ff; text-decoration:none;}         
 a:visited {color: #0000ff; text-decoration:none;}          
 a:hover   {color: #0000ff; text-decoration:underline; font-size:100%;} 
 a:active  {color: #0000ff; text-decoration:none;}        

body {
        background-color: #ffffff; 
        text-align:center;
        margin:0px;
        padding:0px; 
}
div#container1{                          /* larghezza totale = 740+30+30 = 800 */
        background :#ff0000;
        width: 740px;
        margin:10px auto;
        text-align:center;
        padding-top:30px;
        padding-left:30px; 
        padding-right:30px; 
        padding-bottom:0px;
}
div#box1 { background-color: #ffffff;           /* larghezza totale = 720+10+10 = 740 */
       width:720px;
       padding-top:10px;
       padding-left:10px; 
       padding-right:10px; 
       padding-bottom: 10px; 
       text-align:center;             
}
div#box2 { background-color: #c0c0c0;        /* larghezza totale = 660+30+30 = 720 */
       width:660px;
       padding-top:   30px;
       padding-left:  30px; 
       padding-right: 30px; 
       padding-bottom: 30px;  
       text-align:center;                
}
div#box3 { background-color: #ffffff;
       width:660px;
       color: #000000; 
       font-family: Tahoma, Arial, Verdana,sans-serif; 
       text-align:center;                    
}
div#footer{clear:both;
        bottom: 0;
        background-color:#ff0000;
        color: #000;
        width: 100% ;
        padding : 10px 0px 10px 0px;
        height: 30px;
        font-size:80%;
        font-family:  Verdana , Tahoma, Arial, sans-serif; 
       text-align: center;
}
div#container-page{
        border:5px double #a9a9a9;
        background:#ffffff url('images/left-color-red.gif') repeat-y top left;
        text-align:center;
        margin:10px auto;
        padding : 0px;       
        width: 810px ;  
}
div#header{ 
        width: 810px;
        height:110px;
        background :#ff0000;
}
div#box10 {float: left;
          width: 100px;
          padding-top: 10px;
          padding-left: 10px;
          padding-right: 10px;  
}
div#box11 {margin-left: 120px; 
          width: 670px;
          padding-top: 30px; 
          padding-left: 10px;
          padding-right: 10px;  
         font-family: Tahoma, Arial, Verdana,sans-serif;
         font-size: 20px;
         text-align: center;
         color: #000000;             
}
div#menusx{ float: left;
         background-color: #ff0000 ;    
         padding-left:5px;        
         padding-right:5px; 
         width: 130px;
         font-family: Verdana,Tahoma, Arial,sans-serif;
         font-size: 90%;
         text-align:center; 
}
.box20 {text-align:center;
          margin-top:0px;
          margin-bottom:5px;          
          font-size:90%;        
}
.box21 {text-align:left;
          margin-top:10px ;
          margin-bottom:5px;
          padding: 5px;
          font-size:70%; 
          background-color: #ffffff; 
          border-width: 5px; 
          border-style: inset; 
          border-color: #c0c0c0; 
}
div#main-portale{  background :#ffffff ;  
         margin-left: 145px;
         margin-right: 145px;
         padding-top : 10px;
         padding-left : 10px;
         padding-right : 10px; 
         padding-bottom : 10px;  
         font-family: Verdana,Arial,Tahoma, sans-serif;
         font-size: 90%; 
         text-align:justify;              
}
div#menudx{ float: right;
         background-color: #ff0000;    
         padding-left:5px;        
         padding-right:5px; 
         width: 130px;
         font-family: Verdana,Tahoma, Arial,sans-serif;
         font-size: 90%;
         text-align:center; 
}
div#main-page {  padding:10px; 
         background: #ffffff url('images/sfondo-ski.gif') no-repeat fixed 60% 70%;
         float: right;         
         font-family: Verdana,Arial,Tahoma, sans-serif;
         font-size:80%; 
         text-align:justify;
         width: 645px;
}
div#footer-page{clear:both;
        bottom: 0;
        background-color:#FF0000; 
        color: #000;
        width: 810px ;
        padding-top: 10px; 
        padding-bottom : 10px;
        height:30px;
        font-size:80%;
        font-family: Verdana,Arial,Tahoma, sans-serif;
        text-align: center;     
}

 span.c4 {color: red;}
 span.c3 {font-family: comic sans ms; font-size: 120%;}
 td.c2 {text-align:center; width:380px;}
 td.c1 {text-align:center; width:140px;}

ul.a {list-style-type:circle;}
ul.b {list-style-type:square;}
ol.c {list-style-type:upper-roman;}
ol.d {list-style-type:lower-alpha;}
ul.e {list-style-type:disc;}

li.c2 {list-style-type: upper-roman; display: inline}
 div.c1 {text-align :center}
.td-glo {text-align:center; width:90%;}    
.td0-glo {text-align:left; width:50%;}         
.td1-glo {text-align:left; width:40%;}        
.td2-glo {text-align:left; width:60%;}          


      
.td1-dojo {text-align:center; width:25%;}        
.td2-dojo {text-align:center; width:30%;}         
.td3-dojo {text-align:center; width:20%;}   
     
.img-top {border:0px none ; height:20px ; width:20px }   

.img-flag {border-width:1px ; border-style:ridge ; border-color:black; height:30px ; width:40px; }

.tabelle1 {margin: 0px auto; border-width:2px ; border-style:ridge ; border-color:silver;}  
.tabelle {margin: 0px auto; }       
.cella-td {text-align:center;  background: silver;} 

.td0-award {text-align:center; width:15%;}           
.td1-award {text-align:left; width:35%;}        
.td2-award {text-align:left; width:65%;}           

.td3-award {text-align:left; width:20%;}      

.td-a1 {text-align:center; width:50%;}            
.td-a2 {text-align:right; width:50%;}  
.td-a3 {text-align:left; width:50%;}  

.border1 { border-width:5px ; border-style:ridge ; border-color:silver; }   

.td0-esami {text-align:left; width:40%;}         
.td1-esami {text-align:left; width:30%; font-size: 80%;}        
.td2-esami {text-align:left; width:30%; font-size: 80%;}     

.linea {text-align:center; background: silver; font-size: 10px;}    
.td-dojo {text-align:center; width:100%;}