html{ font-size: 100%; } 

body {
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #222222;
	background: #ffffff /*url('http://metodo.germinaciones.org/Imagenes/LOGO_C3.jpg') no-repeat*/ ;
	padding: 0;
	margin: 0;
/*PER IMMAGINE FONDO
	background-attachment: fixed;
	background-position: 0px 55px;
	line-height: 1.4em; */
}

h1 { font-size: 1.2em; line-height: 1.5em; font-weight: normal; margin: 0; }
h2 { font-size: 1.1em; line-height: 1.5em; font-weight: normal; margin: 0; }
h3 {}
p { font-size: 0.9em; line-height: 1.5em; margin-bottom: 1em; }
img {}
a { color: #222244; background-color: transparent; }
a img { border: 0; }
a:hover {}

.navrojo { color: #ff0000; font-weight: bold; text-decoration: none; }
.navnegro { color: #000000; text-decoration: none; }
a.navnegro:hover { color: orange; }

/* INIZIO */
	div#pagina { background: transparent; width: 100%; max-width: 46.25em; margin: 0.6em auto 4em auto; /*"auto" centra negli altri browsers*/ text-align: left; /*ripristina l' allineamento*/ padding-left: 1em; padding-right: 1em; } 

/* HEADER */
	header { background: transparent; width: 100%; height: auto; margin-top: 0.9em; }
		header h1 { background: #efefef; height: 1.5em; padding: 0.4em 0 0.3em 1em; }
		.logo img { width: 40%; height: auto; }
		div#bannerheader { float: right; width: 15em; height: 4.5em; text-align: right; margin: 0; } 
		div#briciole { background: #efefef; font-size: 0.65em; color: #333333; line-height: 1.4em; padding: 0.6em; clear: both; }
			div#briciole a { color: #222244; font-weight: bold; text-decoration: none; }
			div#briciole a:hover { color: orange; }
		div#motorericerca { float: right; width: 66%; height: 3.8em; } 
		div#portada { width: 100%; height: auto; margin-bottom: 0.6em; }

	/* NAV */
		nav { width: 100%; height: auto; margin: 0; } 
			nav p { background-color: #ffffff; font-size: 0.7em; font-weight: bold; margin-bottom: 0.3em; } 
			nav ul  { background: #222244; width: 100%; height: 2em; text-align: center; font-size: 0.85em; line-height: 1.9em; margin: 0; padding: 0; }
				nav ul li { float: left; height: auto; background-color: #222244; display: block; white-space: nowrap; }
				nav ul a { color: #ffffff; font-weight: bold; text-decoration: none; }
				nav ul a:hover { color: yellow; }
					.nav1 { width: 20%; }
					.nav2 { width: 40%; }
					.nav3 { width: 40%; }
			div#versioni { width: auto; height: 3.3em; text-align: center; font-size: 0.7em; margin-top: 0.9em; padding: 0; }
				div#versioni a { color: #222244; font-weight: bold; text-decoration: none; }
				div#versioni a:hover { color: orange; }
				div#versioni img { width: 1.6em; height: 1.1em; margin-left: 2.5em; margin-right: 0.6em; }
	/* fine NAV */


/* MENU INTERNO */
	div#menuint { width: 100%; height: 2.5em; clear: both; }
	div#menuint2 { width: 100%; height: 0.5em; clear: both; }
		div#menuint p { background-color: #ffffff; font-size: 0.7em; font-weight: bold; } 
		div#menuint2 p { background-color: #ffffff; font-size: 0.7em; font-weight: bold; } 
		div#menuint ul { width: 100%; height: auto; text-align: center; font-size: 0.85em; line-height: 1.3em; padding: 0; clear: both; } 
		div#menuint li { float: left; height: auto; background-color: #222244; padding-top: 0.4em; padding-bottom: 0.4em; display: block; }
		div#menuint li a { color: #ffffff; text-decoration: none; display: block; }
		div#menuint li a:hover { color: yellow; }
			.cella1 { width: 33%; }
			.cella1b { width: 34%; }
			.cella2 { width: 25%; }
			.cella3 { width: 20%; }
			.cella4 { width: 30%; }


/* CORPO/ARTICOLO */
	section { background: transparent; width: 100%; height: auto; margin-top: 1.2em; margin-bottom: 3em; }
		section h1 { background: #efefef; height: auto; font-size: 1.3em; text-align: center; line-height: 1.3em; margin: 1.2em 0 1.5em 0; padding: 0.5em; }
		section h2 { margin-top: 3em; }
		section h3 { background: #efefef; height: auto; font-size: 0.9em; text-align: left; line-height: 1.3em; margin: 1.2em 0 1.5em 0; padding: 0.5em; }
		section p { font-size: 0.85em; line-height: 1.6em; margin: 0; }
		section a { font-weight: bold; text-decoration: none; }
		

/* FOOTER */
	footer { background: transparent; width: auto; height: auto; margin: 0; }
		footer ul { background: #dedede; width: 100%; height: auto; font-size: 0.8em; line-height: 1.8em; margin-bottom: 3em; padding: 1em; }
			footer li { background: #dedede; width: auto; height: auto; background-color: #ffffff; display: block; }
			footer li a { background: #dedede; color: #222244; font-weight: bold; text-decoration: none; display: block; }
			footer li:hover { color: yellow; } 	
		div#logofooter { float: right; background: transparent; width: 11em; height: auto; margin-top: -1em; }	
			div#logofooter img { float: left; width: 3em; height: 2.5em; margin-right: 0.5em; }
			div#logofooter a { background: #222244; padding: 0.3em 0.6em; color: #ffffff; font-size: 0.6em; font-weight: bold; text-decoration: none; }
			div#logofooter a:hover { color: yellow; }
		small { font-size: 0.7em; }

/* OTROS */
	.bottoneblu { width: 11em; height: auto; background: #222244; color: #ffffff; text-align: center; font-size: 1em; padding: 0.5em; margin: 1em auto; }
		.bottoneblu a { color: #ffffff; text-decoration: none; }

	.puntorojo { float: left; background: transparent url('http://metodo.germinaciones.org/Imagenes/punto_rojo_micro.jpg') no-repeat; width: 0.5em; height: 0.5em; margin: 0.4em 0.4em 0 0; }

/* para VER MAS y link con flecha */
	
	.flecha { 
		float: left;
		background: transparent url('http://www.germinaciones.org/Imagenes/flecha_roja.jpg') no-repeat;
		width: 25px;
		height: 20px;
	}
	
	.vermas a {
		font-size: 8pt;
		font-weight: bold;
		color: #ff0000;
		text-decoration: none;
		display: block;
	}
	
	.vermas a:hover { color: orange; }