.fltrt { /* questa classe può essere utilizzata per rendere mobile un elemento a destra nella pagina. L'elemento reso mobile deve precedere l'elemento al quale deve essere affiancato sulla pagina. */
    float: right;
    margin-left: 8px;
}

.fltlft { /* questa classe può essere utilizzata per rendere mobile un elemento a sinistra nella pagina.*/
    float: left;
    margin-right: 8px;
}
.clearfloat { /* questa classe deve essere inserita in un elemento div o break e deve essere l'elemento finale prima della chiusura di un contenitore che deve contenere per intero un elemento mobile */
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.maincontainer {
    margin: 0 auto;
    padding: 20px;
    height: 400px;
    width: auto;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    float:right;
}

.maincontainer .col1 {
    margin: 6px;
    padding: 0;
    float: left;
    height: 400px;
    width: 300px;
    color:  #004593;
    text-align:right;
}
.maincontainer .col1 h2 {
    margin: 0 auto;
    padding: 4px;
    font-size:14px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #BCE0FF;
    background:  #E6F3FF
}
.maincontainer .col1 .mail {
    float:right;
    padding:4px 0 4px 0;
    margin:0;   
    height:20px;
}
.maincontainer .col1 .mail p {
    float:left;
    padding:0 0 0 0;
    margin:0 0 0 0;
    line-height:20px;   
}
.maincontainer .col1 .mail img {
    float:left;
    border:none;   
    padding:0 0 0 0;
    margin:0 0 0 0;
}
.maincontainer .col1 a:link, .maincontainer .col1 a:visited{
    color: #09F;
    text-decoration:none;
}
.maincontainer .col1 a:hover{
    color: #FC0;
    text-decoration:none;
}
.maincontainer .col2 {
    margin: 0 0 0 10px;
    padding: 0;
    float: left;
    /*height: 100%;*/
    width: 370px;
    display: block;
    background-color: #004593;
    color: #FFF;   
}
.maincontainer .col2 a{
    color: #FFF;
    text-decoration:none;
}
.maincontainer .col2 a:hover{
    color: #FC0;
    text-decoration:none;
}
.maincontainer .col2 li{
    margin-left:10px;
    list-style-position: inside;
    list-style-image: url(images/QuickLinkPanel_row.gif);
    line-height:20px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #1C59A0;
    }
.maincontainer .col2 h2{
    font-size:1px;
    text-indent:-1000em;
    margin:0;
    padding:0;
    height:52px;
    background-image:url(images/QuickLinkPanel_head.gif);
    background-repeat:no-repeat;
    background-position:top;
}
.maincontainer .col2 .foo{
    margin:0;
    padding:0;
    height:16px;
    background-image:url(images/QuickLinkPanel_foo.gif);
    background-repeat:no-repeat;
    background-position:top;
}