/* BODY */
body {
font-family: "times new roman", arial, sans-serif;
margin: 0 20px;
background-color: #e0e0e0;
}

                           /* IMPAGINAZIONE - LAY OUT */

#colsin {
float: left;
width: 20%;
margin-right: 20px;
padding: 10px;
}

.floatsin{
float: left;
}

.floatdx {
float: right;
}

#clear {
clear: both;
}

                                  /* TESTO */

/* TITOLI*/

h1, h2, h3, h4, h5, h6 {
color: #0000ff;
text-align: center;
}

/*PARAGRAFI*/

p {
color: #000000;
font-size: large;
text-align: justify;
}

     /*ALLINEAMENTO*/

.centrato {
text-align: center;
}

.sinistra {
text-align: left;
}

.destra {
text-align: right;
}

.rientrato50 {
margin: 0 50px;
}

.rientrato100 {
margin: 0 100px;
}

.rientrato200 {
margin: 0 200px;
}

.rientrato250 {
margin: 0 250px;
}

.rientrato300 {
margin: 0 300px;
}


     /*DIMENSIONE*/

.moltopiccolo {
font-size: xx-small;
}

.piccolo {
font-size: x-small;
}

.medio {
font-size: medium;
}

.grande {
font-size: x-large;
}

.piłgrande { 
font-size: 5em;
}

.grandissimo { 
font-size: 7em;
}

     /* CORSIVO E NERETTO */

.corsivo {
font-style: italic;
}

.nero {
font-weight: bold;
}

     /* COLORI */

.rosso {
color: #ff0000;
}   

.blu {
color: #0000ff;
}   

.verde {
color: #00ff00;
} 

.giallo {
color: #ffff6f;
}   

.viola {
color: #8000ff;
}   

.marrone {
color: #994711;
}   
  
.colorenero {
color: #000000
}


                           /* RIQUADRI */


.riq80txt {
border: 1px solid #0000ff;
padding: 25px;
background: #eaeaea;
width: 80%;
margin-left: 10%;
margin-bottom: 20px;
}

.riquadro {
border: 1px solid #ff0000;    
padding: 10px;
margin-bottom: 20px;
font-size: large;
text-align: center;
background-color: #b0ffff;
}


.riquadro5 {
border: 1px solid #ff0000;    
padding: 10px;
margin-bottom: 20px;
width: 5%;
font-size: large;
text-align: center;
background-color: #fafbbf;
}

.riquadro10 {
border: 1px solid #ff0000;    
padding: 10px;
margin-bottom: 20px;
width: 10%;
background-color: #fafbbf;
}

.riquadro15 {
border: 1px solid #ff0000;    
padding: 10px;
margin-bottom: 20px;
width: 15%;
background-color: #fafbbf;
}

.riquadro20 {
border: 1px solid #ff0000;                          
padding: 5px;
background: #b0ffff;
width: 20%;
margin-bottom: 20px;
}

.riquadro25 {
border: 1px solid #ff0000;
padding: 5px;
background: #fafbbf;
width: 25%;
margin-bottom: 20px;
}

.riquadro30 {
border: 1px solid #ff0000;
padding: 5px;
background: #fafbbf;
width: 30%;
margin-bottom: 20px;
}

.riquadro35 {
border: 1px solid #ff0000;
padding: 5px;
background: #fafbbf;
width: 35%;
margin-bottom: 20px;
}

.riquadro40 {
border: 1px solid #ff0000;
padding: 5px;
background: #fafbbf;
width: 40%;
margin-bottom: 20px;
}

.riquadro45 {
border: 1px solid #ff0000;
padding: 5px;
background: #fafbbf;
width: 45%;
margin-bottom: 20px;
}

.riquadro50 {
border: 1px solid #ff0000;
padding: 5px;
background: #fafbbf;
width: 50%;
margin-bottom: 20px;
}

.riquadro55 {
border: 1px solid #ff0000;
padding: 5px;
background: #fafbbf;
width: 55%;
margin-bottom: 20px;
}

.riquadro60 {
border: 1px solid #ff0000;
padding: 5px;
background: #fafbbf;
width: 60%;
margin-bottom: 20px;
}

.riquadro65 {
border: 1px solid #ff0000;
padding: 5px;
background: #fafbbf;
width: 65%;
margin-bottom: 20px;
}

.riquadro70 {
border: 1px solid #ff0000;
padding: 5px;
background: #fafbbf;
width: 70%;
margin-bottom: 20px;
}

.riquadro72 {
border: 1px solid blue;
background-color: #e0e0e0;
width: 72%;
}

.riquadro75 {
border: 1px solid #ff0000;
padding: 5px;
background: #fafbbf;
width: 75%;
margin-bottom: 20px;
}

.riquadro80 {
border: 1px solid #ff0000;
padding: 5px;
background: #fafbbf;
width: 80%;
margin-bottom: 20px;
}

.riquadro85 {
border: 1px solid #ff0000;
padding: 5px;
background: #fafbbf;
width: 85%;
margin-bottom: 20px;
}

.riquadro90 {
border: 1px solid #ff0000;
padding: 5px;
background: #fafbbf;
width: 90%;
margin-bottom: 20px;
}

.riquadro95 {
border: 1px solid #ff0000;
padding: 5px;
background: #fafbbf;
width: 95%;
margin-bottom: 20px;
}

.riquadro100 {
border: 1px solid #ff0000;
background: #fafbbf;
width: 99%;
}


                                /* ELENCHI (LISTE) */

ul {
padding: 10px;
list-style-type: square;
list-style-position: inside;
color: #000000;
background-color: #d8d8d8;  
font-size: large;
}

ul ul {
list-style-type: disc;
}

ul ul ul {
list-style-type: circle;
}

ol {
padding: 10px;
list-style-position: inside;
list-style-type: decimal;
background-color: #d8d8d8;
font-size: large;
}

                              /* COLLEGAMENTI IPERTESTUALI (LINKS) */

a:link {
color: #000000;
text-decoration: none;
background-color: #dadada;     /* colore delle voci di menu */
}

a:visited {
color: #000000;
text-decoration: none;
} 

a:hover {
color: #000000;
font-weight: normal;
}

                             /* LISTE TIPO MENU*/

ul#menu {
list-style: none;
margin: 0;
padding: 0;
background-color: #ebebeb;     }      /* colore della voce di menu gią visitata se diverso dal colore definito in a:link   (colore delle voci di menu) */

ul#sottomenu {
list-style: none;
margin-left: 20px;
padding: 0;
background-color: #dadada;
}

ul#menu ul#sottomenu li {
border-top: 1px solid #0000ff;
}

ul#menu li {
border-top: 1px solid #ff0000;
}

ul#menu li a:hover, ul#sottomenu li a:hover {
display: block;
background-color: #9bc6f9;                                                                /*Colore quando si va sul menu col cursore*/
}


ul#menu li a:link, ul#menu li a:visited, ul#sottomenu li a:link, ul#sottomenu li a:visited {
display: block;
padding: 6px 0;
}

ul#menu li a:link, ul#menu li a:visited {
font-size: large;
font-weight: bold;
} 

ul#sottomenu li a:link, ul#sottomenu li a:visited {
font-size: medium;
color: #0000ff;
}