/* per usare il posizionamento relativo e contpxporaneamente spostare 
   gli oggetti è necessario dare una dimensione al layer: anche nulla!!*/

/* risulta necessario dare una dimensione al layer che contiene il menu superiore
in quanto questo non la possiede in alcun modo non essendo stata definita nel
layer sottostante ed essendo questo trasformato in lista orizzontale!!!!*/
#sfondomenusuperiore
{
    position: relative; /*background-image:url(/imgages/header-finance.jpg);  background-image:url(/images/logo_new.jpg); */
    background-image: url(/images/logo_new.jpg);
    height: 100px;
    clear: both;
}

#logo1
{
    position: relative;
    background-image: url(/images/loghi/logo_arancione.gif);
    height: 100px;
    width: 100px;
    left: 50px;
    margin-top: 10px;
    background-repeat: no-repeat;
    float: left;
}



#logo2
{
    display: none;
}

#logo3
{
    display: none;
}
#logo4
{
    display: none;
}
#logo5
{
    display: none;
}




#logolaterale
{
    display: none;
    position: relative;
    background-image: url(/images/logo.png);
    clear: both;
    height: 110px;
    width: 110px;
    left: 50px;
    margin-top: 10px;
    background-repeat: no-repeat;
}

#centrosx #isofoton
{
    position: relative; /*è utile usare la proprietà top e non  	margin o padding per non creare problemi alla formattazione*/
    top: 10px;
    margin-bottom: 0px;
    height: 170px;
    width: 200px;
    overflow: hidden;
    clear: both;
    left: 30px;
}


#id_segnala a
{
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
    color: #ca006a;
}

#id_segnala a:hover
{
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
    color: #ca006a;
    background-color: #D8F2D4;
}


#id_newsletter a
{
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
    color: #ca006a;
}

#id_newsletter a:hover
{
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
    color: #ca006a;
    background-color: #D8F2D4;
}


#centrosx #login
{
    position: relative; /*è utile usare la proprietà top e non  	margin o padding per non creare problemi alla formattazione*/
    top: 20px;
    margin-bottom: 10px;
    height: 90px;
    width: 180px;
    overflow: hidden;
    clear: both;
    left: 50px;
    background-color: #f7f7f6;
}



/* il testo contenuto nei div, anche se reso invisibile, occupa un suo spazio
e condiziona il posizionamento degli altri oggetti*/




/* per come sono strutturati i layer del contenuto la scelta tra 
posizionamento relativo e assoluto è importante!!
la scelta che faccio influenza però il 
comportamento relativo tra loro!!! 
se pongo overflow a hidden e il contenuto del layer <contenuto> 
risulta maggiore... non sivedrà la parte in eccesso!
se invece non definisco tale attributo la parte eccedente 
fa si che si dilatino le dimensioni del contenuto
*/


/* layer che serve a spaziare verso il basso i contenuti*/

#contenuto0
{
    height: 450px;
    width: 540px;
    position: relative;
    font-family: Verdana;
    font-size: 11px;
    margin: 0px;
    padding: 0px;
    border-width: 0px;
    float: left;
    overflow: hidden;
    text-align: center;
}


#contenuto0 b
{
    color: #F8A518;
    font-size: 11px;
}

.titolo_contenuto0
{
    color: #5991AF;
    font-size: 16px;
    font-weight: bold;
}

#contenuto1
{
    height: 300px;
    width: 580px;
    position: relative;
    color: #5991AF;
    font-size: 16px;
    font-weight: bold;
    float: left;
    overflow: hidden;
    text-align: center;
}




#titolo_contenuto1
{
    color: #5991AF;
    font-size: 16px;
    font-weight: bold;
}


/* si giochi un po con questi valori     float:left ;   position....
in genere tutto ciò che viene posto come absolute esce dal gioco
dei posizionamenti relativi!!! si giochi con i tre layer definiti!!!!!*/

#contenuto2
{
    position: relative;
    height: 460px;
    width: 320px;
    left: 20px;
    float: left;
}

#lavora_con_noi
{
    width: 300px;
}

#contenuto2 #calendario
{
    position: relative;
    background-image: url(/images/calendario.bmp);
    clear: both;
}


#contenuto3
{
    position: relative;
    background-color: white;
    height: 460px;
    width: 240px;
    float: left;
}

#titolo_news
{
    position: relative;
    width: 240px;
    text-align: center;
}


#titolo_news SPAN
{
    color: #5991AF;
    font-size: 16px;
    font-weight: bold;
}



#contenuto4
{
    position: relative;
    width: 520px;
    height: 100px;
    margin: 0px;
    padding: 0px;
    border-width: 0px;
    float: left;
    overflow: hidden;
    font-family: Verdana;
    font-size: 12px;
    text-align: center;
}



.titolo_contenuto4
{
    color: #5991AF;
    font-size: 16px;
    font-weight: bold;
}

.dati_contenuto4 b
{
    color: #5991AF;
    font-size: 12px;
}

.dati_contenuto4 b
{
    color: #5991AF;
    font-size: 12px;
    font-weight: bold;
}

#contenuto5
{
    top: -70px; /* il contenuto di contenuto1 è sopra di 65px*/
    position: relative;
    width: 270px;
    height: auto;
    margin: 0px;
    padding: 0px;
    border-width: 0px;
    float: left;
    left: 10px;
    overflow: hidden;
    font-family: Verdana;
    font-size: 10px;
    text-align: justify;
}
#titolo_contenuto5
{
    width: 270px;
    text-align: center;
}


#titolo_contenuto5 SPAN
{
    color: #5991AF;
    font-size: 16px;
    font-weight: bold;
}



#contenuto6
{
    top: -40px; /* il contenuto di contenuto1 è sopra di 65px*/
    position: relative;
    width: 550px;
    margin: 0px;
    padding: 0px;
    border-width: 0px;
    clear: both;
}

/* il fatto di mantenere in posiionamento relativo il tag contenuto 
fa si che i tag footer si posiionino logicamente in fondo al documento 
per quanto questo tenti di cambiare le proprie dimensioni */




ul.ul_doc
{
    margin-left: -5px;
}

li.li_doc
{
    margin-left: 20px;
    font-family: Verdana;
    font-size: 9px;
    color: Blue;
}

ul.ul_doc li.li_doc a
{
    color: Blue;
    text-decoration: none;
}