@charset "utf-8";
/* CSS Document */

<!--
body {
	font: 100%/1.4 Arial,Helvetica,sans-serif;

	
	  background: url(../immagini/sfondo.jpg) repeat-x scroll 0px 0px #a8c7cf;
	margin: 0;
	padding: 0;
	color: #000;
}

/* ~~ Selettori tag/elemento ~~ */
ul, ol, dl { /* A causa delle differenze tra i browser, è buona norma impostare a zero il margine e la spaziatura interna negli elenchi. Per uniformità, potete specificare qui i valori desiderati, oppure nelle voci di elenco (LI, DT, DD) contenute negli elenchi. Tenete presente che le impostazioni effettuate qui verranno applicate a cascata all'elenco .nav a meno che non scegliate di scrivere un selettore più specifico. */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {

}
a img { /* Questo selettore rimuove il bordo blu predefinito visualizzato in alcuni browser intorno a un'immagine quando è circondata da un collegamento.  */
	border: none;
}

/* ~~ L'applicazione di stili ai collegamenti del sito deve rispettare questo ordine, compreso il gruppo di selettori che creano l'effetto hover. ~~ */
a:link {
	color:#414958;
	text-decoration: underline; /* A meno che non vogliate personalizzare i collegamenti in un modo molto particolare, è bene applicare la sottolineatura per permetterne una rapida identificazione visiva. */
}
a:visited {
	color: #4E5869;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* Questo gruppo di selettori conferisce alla navigazione tramite tastiera gli stessi effetti hover che si producono quando si usa il mouse. */
	text-decoration: none;
}

/* ~~ Questo contenitore circonda tutti gli altri div assegnando ad essi una larghezza basata su percentuale. ~~ */
.container {
	width: 80%;
	max-width: 1260px;/* Può essere utile assegnare una larghezza massima per impedire che questo layout diventi troppo largo su un monitor di grandi dimensioni. Mantiene la lunghezza della riga più leggibile. IE6 non rispetta questa dichiarazione. */
	min-width: 976px;/* Può essere utile assegnare una larghezza minima per impedire che questo layout diventi troppo stretto. Mantiene la lunghezza della riga più leggibile nelle colonne laterali. IE6 non rispetta questa dichiarazione. */
	background: #FFF;
	margin: 0 auto; /* Il valore automatico sui lati, abbinato alla larghezza, produce un layout centrato. Non è necessario se impostate la larghezza del .container su 100%. */
}

/* ~~ All'intestazione non viene assegnata una larghezza. Estenderà l'intera larghezza del layout. Contiene un'immagine segnaposto da sostituire con il vostro logo collegato ~~ */
.header {
   background: none repeat scroll 0 0 transparent;
    margin: 20px auto;
	    max-width: 1260px;
    min-width: 976px;
    width: 80%;
}

/* ~~ Queste sono le informazioni sul layout. ~~ 

1) La spaziatura viene applicata solo al lato superiore e/o inferiore del div. Agli elementi all'interno del div viene applicata una spaziatura sui lati. In questo modo si evita ogni calcolo matematico relativo ai riquadri. Tenete presente che se aggiungete spaziatura laterale o bordi al div stesso, andranno ad aggiungersi alla larghezza definita per produrre la larghezza *totale*. Potete anche scegliere di rimuovere la spaziatura dell'elemento nel div e inserire un secondo div al suo interno con larghezza nulla e con la spaziatura necessaria per la struttura che state creando.

*/
.content {
    padding: 0 0 10px;
	float:left;
}

/* ~~ Questo selettore raggruppato fornisce spazio agli elenchi dell'area .content ~~ */

/* ~~ Il piè di pagina ~~ */
.footer {
  
  background-image: url("../immagini/footer.jpg");
    background-position: center bottom;
    background-repeat: repeat-x;
    clear: both;
    color: #FFFFFF;
    font-size: 11pt;
    padding: 5px 0;
    text-align: center;

}

/* ~~ Classi float/clear varie ~~ */
.fltrt {  /* questa classe può essere utilizzata per applicare un float a un elemento a destra nella pagina. L'elemento con float deve precedere l'elemento al quale deve essere affiancato sulla pagina. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* questa classe può essere utilizzata per applicare un float a un elemento a sinistra nella pagina. L'elemento con float deve precedere l'elemento al quale deve essere affiancato sulla pagina. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* Questa classe può essere inserita in un <br /> o in un div vuoto come elemento finale subito dopo l'ultimo div con float (all'interno del #container) se il #footer sul viene rimosso o estratto dal #container. */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
-->



.colonnaSX
{
  float: left;
    margin: 1%;
    width: 40%;
}

.colonnaSX .intestazione
{
	   background-image: url("../immagini/news.png");
    background-position: 4px center;
    background-repeat: no-repeat;
    background-color: #355764;
    color: #FFFFFF;
    font-size: 13pt;
    font-weight: bold;
   margin-bottom: 15px;
    padding: 2px 5px;
    width:auto;
min-width:95%;
padding-left:25px;
}


.colonnaDX
{
    float: right;
    margin: 1%;
    width: 54%
}



.colonnaDX .intestazione
{
  background-color: #608A94;
    background-image: url("../immagini/frecciaLogin.png");
    background-position: 4px center;
    background-repeat: no-repeat;
    color: #FFFFFF;
    display: block;
    float: right;
    font-size: 13pt;
    font-weight: bold;
    margin-bottom: 60px;
    min-width: 96%;
    padding: 2px 5px 2px 24px;
    width: auto;

	
}





.news
{
	   list-style: none outside none;
    padding-left: 10px;
    width: 96%;
}

.news li
{
	   border-bottom: 1px dotted lightgray;
    padding: 10px;
	width:93%;
}


.news li .data
{
	  color: #608A94;
   
    font-size: 9pt;
    font-style: italic;
    text-align: left;
    width: 100%;
}

.news li .titolo
{
	  color: #E20A16;
    font-size: 13pt;
    font-weight: bold;
}


.news li .descrizione
{
	   font-size: 11pt;
    margin-bottom: 10px;
}


.news li .link
{
	   color: #355764;
    display: block;
    padding-left: 20px;
    text-decoration: none;
	background-image:url(../immagini/freccina.png);
	background-repeat:no-repeat;
	background-position:0px 4px;
}

.news li .link:hover
{
	 color: #E20A16;
	 background-image:url(../immagini/freccinaHover.png);
}






.boxLogin
{
 background-color: #81A0B1;
    border: 1px solid #696969;
    clear: both;
    color: #FFFFFF;
    height: 195px;
    margin: auto;
    padding: 10px;
    width: 460px;
}




.boxLogin table
{
	   margin: 15px auto auto;
}

.boxLogin table td
{
	  font-size: 14pt;
    padding-top: 14px;
}

.boxLogin table td input
{
	   width: 100%;
	   border:1px solid #838383;
	   padding:2px;
}


.boxLogin table td input.bottone
{
	 background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #696969;
    color: #000000;
    cursor: pointer;
    margin: 0;
    padding: 4px;
	font-weight:bold;
    width: 136px;
}


.boxLogin table td input.bottone:hover
{
	 background: none repeat scroll 0 0 #ececec;
 
}