html * {margin:0; padding:0;} /* questa riga permette di togliere tutti gli spazi vuoti che crea automaticamente l'html per molti elementi, in questo modo si tolgono a tutti, poi se servono si rimettono elemento per elemento, l'asterisco dopo un tag vuole dire che la proprietà che si assegna deve prendere il tag più tutto quello che contiene */

img {display:block;}   /* su explorer senza questa proprietà le immagini non prendono i padding*/
a img {border:0;}   /* le immagini con link su explore prendono un bordo fittizio di 1 px trasparente, in questo modo si annulla, se si devono mettere soprattutto 2 immagini vicine */

#main { /* supponiamo di centrare tutto il blocco grande, queste sono le indicazioni da usare sempre, cambiando i valori */
width:100%;
position:relative;
left:0%; /* lo mando a metà dello schermo partendo dal suo bordo laterale sinistro, questo valore non deve cambiare */
/*margin-left:-500px; /* lo rimando indietro della sua metà, per centrarlo, se ingrandisci o rimpiccolisci il browser sta sempre al centro*/


/*margin-bottom:10px;  /* per staccarlo dal bordo superiore della pagina */
float:left; /* se non do il float left al contenitore padre e ce l'hanno i figli, il bordo, su mozilla non segue la lunghezza del contenitore, prova a toglierlo e capisci */
}

#menu { 
width:14%; /* le somme delle larghezza degli elementi che si devono posizionare vicini orizzontalmente devono essere uguale alla larghezza del contenitore padre */
height:500px; /* valore a caso */
float:left;  /* si deve posizionare a sinistra */
}

#top {
width: 100%; 
float:center; /* si deve posizionare a destra */
height:auto; /* valore a caso */

}

#center {
width:86%; 
float:right;  /* si deve posizionare a destra */
height:auto;
}

#titolo{
width:100%;
height:auto;
float:right;
}

#select{
width:16%;
float:left;
height:307px;
overflow:auto;
border-color:#14233A;
border-width:1px;
border-style:solid;
margin:5px;
SCROLLBAR-FACE-COLOR: #29477A;
SCROLLBAR-HIGHLIGHT-COLOR: #DBE4F2;
SCROLLBAR-SHADOW-COLOR: #14233A;
SCROLLBAR-3DLIGHT-COLOR: #14233A;
SCROLLBAR-ARROW-COLOR: #ffffff;
SCROLLBAR-TRACK-COLOR: #ffffff;
SCROLLBAR-DARKSHADOW-COLOR: #FFffff;
}

#deleghe{
width:400px;
float:left;
height:auto;
}

#tab{
float:left;
margin-left:10px;
}

.testo{
color:#29477A;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}



td{
height:20px;
padding: 1px 8px 1px 8px;
}

.titoletto, .err{
color:#14233A;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

a{
color:#29477A;
text-decoration:none;
cursor: pointer}

a:hover{
font-weight:bold;
}

textarea{
SCROLLBAR-FACE-COLOR:#FFA037;
SCROLLBAR-HIGHLIGHT-COLOR: #DBE4F2;
SCROLLBAR-SHADOW-COLOR: #14233A;
SCROLLBAR-3DLIGHT-COLOR: #14233A;
SCROLLBAR-ARROW-COLOR: #ffffff;
SCROLLBAR-TRACK-COLOR: #ffffff;
SCROLLBAR-DARKSHADOW-COLOR: #FFffff;
}


.tdtop{
border-width: 1px 0px 1px 0px;
border-color:#14233A;
border-style:solid;
border-collapse:collapse;
}

.td1{
background-color:#DBE4F2; /*celeste*/
text-align:right;
}

.td2{
background-color:#FFD09D; /*arancio chiaro*/
}

.td3{
background-color:#29477A; /*azzurro*/
border-style:solid;
border-color:#14233A;
border-width:1px;
text-align:center;
}

.td4{
background-color:#14233A; /*blu*/
}

.tdalle{
border-bottom: solid 1px #29477A;
border-left-style:none;
border-right-style:none;
border-collapse:collapse;
}
select{
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#14233A;
font-weight:bold;
}

.puls{
background-color:#FFBB71;
border-style:outset;
border-color:#FFA037;
color:#14233A;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
cursor:pointer;
}

.err{
text-decoration:underline;
}

.lista{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
color:#29477A;

}

.td5{
height:10px;
background-color:#DBE4F2;
}