/* ########### Queste proprietà valgono per tutti i comandi */

* {
/* il font-family indica il tipo da carattere da utilizzare. in questo caso Verdana. Si aggiungono latre opzioni qualora sul client non è disponibile quella tipologia di carattere*/
font-family: Arial, Verdana, Helvetica, Geneva, SunSans-Regular, sans-serif;
/* Dimensione dei caratteri misurati in pixel*/
font-size: 11px

}
/* ########### Queste sono le proprietà generali*/

body {

/* Dimensione dei caratteri misurati in pixel*/
font-size: 11px;

/*distanza dal margine sinistro */
margin-left: 0px;

/*distanza dal margine destro */
margin-right: 0px; 

/*distanza dal margine alto */
margin-top: 0px;

/* colore di sfondo */
background-color:#3399CC;

/* eventuale immagine di sfondo - dentro gli apici il percorso relativo dell'immagine es: images/sfondo_pagina.jpg */
background-image:url('images/sfondo.jpg')

 }

/* qui si identifica il tag p e con tutte le sue proprietà */
p {
/* Dimensione dei caratteri misurati in pixel*/
font-size: 11px;

/* Colore del carattere */
color: #000000;

/* Eventualmente si può aggiungere il grassetto con la proprietà */

 }

/* ########### Queste sono proprietà di classe personalizzate */

 td.bordolato {
 border-right: 1px solid #999999;
 }
 td.bordo {
 border: 1px solid #C0C0C0
 }
 
 img.button{
 align: bottom;
 border: 0px;
 width: 129px;
 height: 59px
 }
table.sfondo1 {

/* dimensione del testo */ 
font-size: 10px;

/* colore del testo */ 
color: #000000;

/* testo che si scrive in tabella grassetto */ 
font-weight: bold;

/* immagine di sfondo tabella */ 
background-image:url('sfondo1.gif');

/* bordo sinistro della classe dimensione bordo e colore bordo */ 
border-left: 1px solid #0000FF;

/* bordo destro della classe dimensione bordo e colore bordo */ 
border-right: 4px solid #CC0000;

/* bordo sotto della classe dimensione bordo e colore bordo */ 
border-bottom: 4px solid #000000;

/* larghezza tabella */ 
width: 500px;

/* altezza tabella */ 
height: 400px;

/* disposizione testo: può essere left center right */ 
text-align: center;

/* distanza dai bordi */ 
padding: 10px
}


table.sfondo2 {
font-size: 12px;
background-image:url('sfondo2.gif')
}

table.sfondo3 {
font-size: 10px;
background-image:url('sfondo3.gif')
}

.titolo {
font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
font-size: 20px;
color: #9D4F29;
font-weight: bold }

.sottotitolo {
font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
font-size: 14px;
color: #9D4F29;
font-weight: bold 
 }
 
.sottotitolo2 {
font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
font-size: 12px;
color: #9D4F29;
font-weight: bold 
 }

.dida {
font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
font-size: 10px

 }

.sottotitolohome {
font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
font-size: 14px;
color: #3B8536

 }

.titoloverde {
font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
font-size: 20px;
color: #3B8536;
font-weight: bold
 }
 
.sottotitoloverde {
font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
font-size: 14px;
color: #3B8536;
font-weight: bold
 }


.menulat {
font-family: Arial;
font-size: 13px;
color: #484824;
font-weight:bold 
 }
 
 
a {  color: #666666;
text-decoration: none
 }

a:hover {  color: #666666;
text-decoration: underline
}

a:visited {  color: #666666

}

a.linkrosso {  
color: #CC0000;
text-decoration: none}

a:hover.linkrosso {  
color: #CC0000; 
text-decoration: underline
}
a:visited.linkrosso {  
color: #CC0000}

input 
{ 
font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
font-size: 9px;
font-weight: bold;
color:#333333;border: 1px solid #3399CC }

select 
{ 
font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
font-size: 10px;
border: 1px solid #2599CC
 }
textarea    
{ 
font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
font-size: 8pt;
border: 1px solid #2599CC
 }