/*la regola del body definisce i margini ed il padding a 0, il colore ed i font utilizzati di default nella pagina*/

body {
	/* font-family: Arial, Helvetica, sans-serif; */
	font-family:  Verdana, geneva, arial, helvetica, sans-serif;
	color: #333;
	margin: 0;
	padding: 0;
	background: white;
}

/*le regole di a definiscono i colori e le decorazioni che i links utilizzano di default nella pagina*/

a:link {
 color: #36c;
 font-size: 11px;
 text-decoration: none;
}

a:visited {
 color: #36c;
 font-size: 11px;
 text-decoration: none;
}

a:hover {
 color: #36c;
 font-size: 11px;
 text-decoration: underline;
}

a:active {
 color: #36c;
 font-size: 11px;
 text-decoration: none;
}


/*la regola che centra il contenitore principale e da la larghezza massima*/

#pagina {
	width: 800px;
	height: 100%;
	margin: 10px auto;
	background: white;
	overflow:hidden;
}

/*inizio stili dell'header della pagina

questi stili strutturano la parte dell'header*/

#header {
	width: 800px;
	height: 80px;
	position: relative;
	top: 0;
	margin: 0;
	padding: 0;
	background: transparent;
	float: left;
}

/*header è diviso in tre parti, che sono top, middle e bottom.*/

#header_top {
	width: 800px;
	height: 20px;
	background: url(../gfx/header_top.gif) no-repeat left top;
}

/*middle contiene marchio e logo*/

#header_middle {
	width: 800px;
	height: 39px;
	background-color: #39c;
	background-image: none;
}

#header_marchio {
	width: 173px;
	height: 39px;
	float: left;
	background: url(../gfx/header_middle_1.gif) no-repeat;
	text-indent: -9999px;
}

#header_logo {
	width: 360px;
	height: 39px;
	float: right;
	background: url(../gfx/header_middle_2.gif) no-repeat;
	text-indent: -9999px;
	margin-right: 260px;
}

#header_bottom {
	width: 800px;
	height: 21px;
	background: url(../gfx/header_bottom.gif) no-repeat;
}

/*fine stili header*/

/*inizio stili del corpo della pagina

questi stili strutturano la parte del corpo*/

/*tutte le altezze della zona corpo adattano la loro altezza a seconda di cosa contengono!!*/

#corpo {
	width: 800px;
	height: 100%;
	position: relative;
	top: 0;
	margin: 0;
	padding: 0;
	background: white;
	float: left;
	clear: left;
}

/*questi stili strutturano le colonne*/

#colonne {
	width: 789px;
	height: 100%;
	position: relative;
	top: 0;
	right: 0;
	margin: 0 0 0 11px;
	padding: 0;
	float: right;
	background: white;
}

#colonna_sx {
	width: 160px;
	height: 100%;
	position: relative;
	top: 0;
	margin: 0;
	padding: 0;
	float: left;
	background: white url(../gfx/colonna_sx_back.gif) repeat-y center top;
	left: 0;
}

#colonna_sx_bottom {
	width: 160px;
	height: 15px;
	background: transparent url(../gfx/colonna_sx_bottom.gif) no-repeat center bottom;
}

#colonna_dx {
	width: 615px;
	height: 100%;
	position: relative;
	top: 0;
	right: 0;
	margin: 0 6px 0 0;
	padding: 0;
	float: right;
}

/*questi stili strutturano la barra di navigazione*/

#navbar {
	width: 615px;
	height: 32px;
	background: white url(../gfx/navbar.gif) no-repeat center bottom;
	
	font-size: 10px;
 	font-family:  Verdana, geneva, arial, helvetica, sans-serif;
}

#navbar ul {
	margin: 0 0 0 25px;
	padding: 0;
	list-style-type: none;
	position: relative;
	top: 3px;
}

#navbar li {
	display: inline;
	float: left;
	margin-right: 20px;
}

/*la classe contatto sposta il link 'contatto' a destra*/

/*
.contatto {
	margin: 0 0 0 20px;
}
*/

/*fine stili della barra di navigazione*/

/*questi stili strutturano la parte della colonna destra che ospita il contenuto principale della pagina*/

#contenuto {
	width: 615px;  /* per evitare errori in Exploder... */
	/* width: 800px; */
	height: 100%;
	margin-top: 15px;
	margin-bottom: 15px;
	/* padding-left: 170px; */
}

/*inizio degli stili dei post*/

/*fine degli stili dei post*/

/*fine stili del contenuto principale della pagina*/

/*fine stili del corpo della pagina*/

/*inizio stili del footer della pagina

questi stili strutturano la parte del footer*/

/*footer da l'ampiezza complessiva del piede e contiene disegno e copyright*/

#footer {
	width: 800px;
	height: 100%;
	position: relative;
	margin: 0;
	padding: 0;
	background: white;
	float: left;
	clear: left;
	overflow:hidden;
}

#disegno {
	width: 800px;
	height: 80px;
	position: relative;
	margin: 0;
	padding: 0;
	background: white url(../gfx/piede_verde.gif) no-repeat left top;
}

#copyright {
	margin: 0;
	padding: 8px 0;
	text-align: center;
	font-size: 11px;
}

/*fine stili del footer della pagina*/

/* inizio stili interni */

#cont_sx{
	float: left;
	height: 100%;
	width: 400px;
	/* background-color: #0F3; */
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	display: inline;
}

#cont_sx_full{
	float: left;
	height: 100%;
	width: 600px;
	/* background-color: #0F3; */ 
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	display: inline;
}


#cont_dx{
	float: left;
	height: 100%;
	width: 180px;
	/* background-color: #0FF; */
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}

.img{
	/* border:1px solid #39c; */
	border:1px solid #5DBB0B;
	padding: 2px;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

.testoimg {
	font-size: 10px;
	line-height: 16px;
	margin: 0px;
	padding: 0px;
}

#navbar1 {
 width: 500px;
 margin: 0px;
 padding: 0px;
 float: left;
}

#navbar2 {
 width: 115px;
 margin: 0px;
 padding: 0px;
 float: none;
 text-align: right;
}

.testo_form {
 color: #333;
 font-size: 11px;
 font-family: Verdana, geneva, arial, helvetica, sans-serif;
 margin-top: 1px;
 margin-right: 1px;
 margin-bottom: 1px;
 margin-left: 5px;
 padding-top: 1px;
 padding-right: 1px;
 padding-bottom: 1px;
 padding-left: 5px;
	line-height: 16px;
 text-align: left;
}

.warning {
 font-family: "Trebuchet MS", Arial, sans-serif;
 font-weight: bold;
 color: #FF0000;
 font-size: 14px;
 line-height: 18px;
}

.testo {
 color: #333;
 /* font-size: 11px; */
 font-size: 10px;
 font-family:  Verdana, geneva, arial, helvetica, sans-serif;
/* line-height: 20px; */
 line-height: 16px;

 margin: 5px;
 padding: 5px;
}

.imgp {	
	border:1px solid #5DBB0B;
	padding: 2px;
	float:left;
 	margin-right: 6px;
	margin-bottom: 6px;	
}

.imgp2 {
	border:1px solid #5DBB0B;
	padding: 2px;
	float:left;
	margin-right: 6px;
	margin-bottom: 6px;
}

.imgp3 {
	border:1px solid #5DBB0B;
	padding: 2px;
	float:left;
	margin-right: 6px;
	margin-bottom: 6px;
}