html{ 
 margin:0; 
 padding:0; 
 } 
 
 body{ 
 margin:0; 
 padding:0; 
 background: black;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 14px;
 color: green;
 } 
 
#pagewidth{ }
 
#header{
 position:fixed; 
 top:0px;
 height:30px; 
 width:100%;
 z-index:1;
 background: black url("../immagini_varie/header_sfondo.JPG");
 background-repeat: repeat-x;
 background-position: center;
} 
 
#leftcol{
float:left;
position:fixed;
width:11%;
top:30px;
padding-bottom: 20px;
}
 
#maincol{
 float: right; 
 display:inline; 
 position: relative; 
 width:89%; 
 top:30px;
 padding-bottom: 20px;
  }
 
#footer{
 height:20px; 
  background-color:#CFCFDC; 
  clear:both;
  position: fixed;
  bottom:0;
  width:100%;
  background: black url("../immagini_varie/sfondo_piedipagina.png");
 background-repeat: repeat-x;
 background-position: center;
 } 
 
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

a.immagini_con_didascalia {
float:left;
width:254px;
height:243px;
text-align:center;
border: 1px solid #7D9EC0;
padding:5px;
margin:5px;
font-family: Tahoma, sans-serif;
font-size: 13px;
}


a.immagini_con_didascalia_350 {
float:left;
width:350px;
height:300px;
text-align:center;
border: 1px solid #7D9EC0;
padding:5px;
margin:5px;
font-family: Tahoma, sans-serif;
font-size: 13px;
}

div.centrato {text-align: center;}

div.copyr {text-align: center; font-family:Tahoma,sans-serif; font-size:14px; color:#252525;}

/* Titoli*/
h1 {	font-size: 22px; color:#0000FF; text-align: center;} /* Titolo di primo livello (grande)*/
h2 {	font-size: 18px; color: #3366FF;} /* Titolo di primo livello (medio)*/
h3 {	font-size: 16px; color:#4C4FFB;} /* Titolo di primo livello (piccolo)*/


/* linea di divisione orizzontale generica, usata ad es in pagina freeware*/
div.hr {
	height: 2px;
	border-top: 2px solid #4C4FFB;
	width: 100%;
}
   
div.linea_orizzontale_scura {
	    height: 1px;
	    margin: 6px auto;
	    border-top: 1px solid #D07ED0;
	    width: 100%;
	}   
   

img.bordogrigio {
 border-width: 1px;
 border-style: solid;
 border-color: #41545F;
 }
 
 img.senzabordo {
 border-width: 0px;
  }
  


/* Paragrafo generico */
p {color: blue;}
p.scuro {color:#66FFFF;}
p.chiaro {color:white;}

/* Testo generico */
span.scuro {color:#66FFFF;}
span.molto_scuro {color:rgb(0,132,209);}
span.chiaro {color:white; text-align: justify;}
span.rosso {color:red;}
span.arancione {color:#FF9650;}
span.marroncino {color:#977A68; text-align: justify;}
span.colore_link_visitati {color:#D07ED0;}



table.nobordi {
  border-collapse: collapse;
  border: 0px; 								/*bordatura esterna (3-4 lati, dipende dall'intestazine) della tabella*/
  margin-left: auto;
  margin-right: auto;
  }
  
  /* Logo worldcommunitygrid.org */
  table.bordiesternigrigi {
  border: 1px solid #41545F;
  }
  
  td .nobordi{								/*dati tabella*/
  border: 0px;								/*bordi di tutte le celle*/
  }

  

ul {color:white;}

A:LINK {color : #B2FFE9; text-decoration: none}
A:VISITED {color : #D07ED0; text-decoration: none}
A:HOVER {color : Red; text-decoration : underline;}
A:ACTIVE {color : Red; text-decoration: underline}



a.grigetto {color: #B0B0B0;}
A.tabelle_chiare:LINK {color : #0000FF; text-decoration: none}



/*Inizio Css thumbnail (es francobolli euro)*/
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 9999;
}
.thumbnail span{                 		/* CSS per le immagini allargate */
position: absolute;
background-color: black; 		/* Colore dello sfondo */
padding: 5px;
left: -1000px;
border: 1px solid #41545F; 	/* Colore del bordo */
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ 				/*CSS per le immagini allargate */
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ 			/*CSS per le immagini allargate al passaggio del mouse*/
visibility: visible;
top: 0;
left: 60px; 									/*posizione orizzontale per inizio immagine allargata */
}
/*Fine Css thumbnail (es francobolli euro)*/