body {
		text-align:center; 
		background-color:#F5F5F5;
		margin:0px;
		font-family: Arial, Helvetica, Verdana, sans-serif;
		font-size:11px;
		}


					
/* testi */			
h1 {color:#A2C900; font-size:13px;} /* verde chiaro */
h2 {color:#2D3800; font-size:12px;} /* verde scuro */
h3 {color:#4C5D00; font-size:12px; font-weight: 400;} /* verde no grassetto*/
h4 {color:#333; font-size:11px; font-weight: 400;} /* grigio scuro no grassetto*/
h5 {color:#999; font-size:10px; font-weight: 400;} /* grigio no grassetto*/

/*  h1,2,3 ecc... : per mandarli a capo in automatico togliere display: inline 
il margine a 7px spazia i testi rispetto ai bordini grigi del div*/
h1, h2, h3, h4, h5, h6 {margin: 0 7px 0 7px; display: inline;}

p {margin: 0 7px 0 7px;}

/* classi per variare la dim dei testi */
.txtmini {font-size:10px;}
.txtsmall {font-size:11px;}
.txtbig {font-size:13px;}


/*link */
a:link {text-decoration: none; color:#2D3800;}
a:visited {text-decoration: none; color:#2D3800; }
a:hover {text-decoration: none; color:#A2C900;}			
		
				
		
/* div principale #1: testata, menu, img rana e titolo della pagina*/		
#superiore {
		width: 751px;
		height:193px;
		margin-right:auto;
		margin-left:auto;
		padding:0px;
		text-align:left; 
		position: relative;
		background-image: url('./images/sfondo_contenuto.gif'); background-repeat: repeat-y; 
		z-index: 1;
		}

		/* div con la rana */				
		#rana {width: 228px; height:193px;
				background-image: url('./images/rana.gif'); background-repeat: no-repeat;
				position: absolute; top: 0; left: 560px;
				z-index: 10;}
		

		/* testata con logo e img tastiera*/				
		#testa {width: 751px; 
				height:111px; 
				position: absolute; top: 0; left: 0;
				background-image: url('./images/sfondo_hylapex.jpg'); background-repeat: no-repeat;
				z-index: 2;}

		/* div logo sourceforge*/
		#logosf {width: 88px;
						height:31px;
						position: absolute; top: 50; left: 300;
						z-index: 20;}
				
		/* div con le bandierine*/				
		#flagdiv {width: 200px; 
				height:111px; 
				position: absolute; top: 80px; left: 480px;
				z-index: 5;}
		
		/* bandierine*/				
		.flag {width: 23px; 
				height:15px; 
				border: 0;
				margin: 0 3px 0 3px;}				
		

		/* menu orizz di navigazione */		
		#menuh {width: 620px; 
				height: 20px;
				position: absolute; top: 113px; left: 7px; 
				font-size:11px;
				font-weight: 700; 
				padding: 0; margin: 0; 
				z-index: 3; 
				text-align: left; 
				}

		#menuh ul {text-align: left; list-style-type: none; display: inline; margin: 0; padding: 0;}
		#menuh li {list-style-type: none; display: inline;  margin: 0; padding: 0 7px 0 4px;}
		#menuh a {text-decoration: none;}
		#menuh a:link {text-decoration: none; color:#2D3800;}
		#menuh a:visited {text-decoration: none; color:#2D3800; }
		#menuh a:hover {text-decoration: none; color:#A2C900;}	


		/*titolo della pagina*/
		#titolo {width: 620px; 
				height: 20px;
				position: absolute; top: 163px; left: 0px; z-index: 7;}
		

						
/* div principale #2: contenuto della pagina */
#contenuto {position: relative;
			width: 751px; 
			margin-right:auto;
			margin-left:auto;
			padding:0px;
			line-height: 150%; 
			text-align: justify;
			background-image: url('./images/sfondo_contenuto.gif'); background-repeat: repeat-y; 
			}



/* div principale #3: sfondo del piede*/
#piede {
		width: 751px; 
		height:35px;
		margin-right:auto;
		margin-left:auto;
                padding:0px;
		text-align:center; 
		position: relative;
		
                color:#666666;
		font-size:11px;
		background-image: url('./images/sfondo_contenuto.gif'); background-repeat: repeat-y; 
		z-index: 4;
		}

		/* contenuto del piede */				
		#txtpiede  {width: 749px; 
					height:35px;
					line-height:35px;
					position: absolute; top: 0; left: 1px;
					background-image: url('./images/sfondo_piede.gif'); background-repeat: repeat-x;
					z-index: 5;}