@charset "UTF-8";
/* CSS Document */
*{
	margin:0px;
	padding:0px;
}

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#F0F0F0;
}

p{margin-bottom:5px;}

/* dic che contiene tutto il layout */
#container{
	width:960px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
}

/*testa della pagina col logo, i contatti e il menu piccolo */
#head{
	height:120px;
	background-image:url(immagini/layout_01.jpg);
}

/* primo titolo a scomparsa solamente per il motore */
h1{
	display:none;
}

/* menu piccolo con poche voci in alto */
#menu{
	float:right;
	height:30px;
	width:310px;
	margin-top:90px;
	color:#FFF;
	text-align:right;
	padding-right:10px;
	line-height:30px;
	vertical-align:middle;
}

#info li{
	list-style:none;
	list-style-position:inside;
	float:left;
	margin-left:15px;
	text-align:center;
}

#info a{
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
}

#info a:hover{
	text-decoration:underline;
	font-weight:bold;
}

/* la tipica illustrazione */
#immagine{
	height:300px;
	width:100%;
	background-image:url(immagini/layout_02.jpg);
}

/* il vero menù con le pagine */
#pagine{
	height:120px;
	background-image:url(immagini/pulsante.jpg);
	background-position:top;
	background-repeat:repeat-x;
}

/* le voci delle pagine secondo l'elenco */
#voci{
	list-style-position:inside;
	list-style-type:none;

}

#voci li{
	float:left;

}

#voci a{
	background-image:url(immagini/pulsante.jpg);
	background-repeat:repeat-x;
	background-position:top;
	height:90px;
	width:172px;
	padding:10px;
	padding-top:20px;
	display:block;
	text-decoration:none;
	color:#333;
}

#voci a:hover{
	background-image:url(immagini/pulsante.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	display:block;
	color:#000;
}

/* titolo delle pagine */
a .tit{
	color:#666;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	padding-bottom:10px;
}

a:hover .tit{
	color:#FFF;
}

#voci br{
	margin-bottom:10px;
}

/* contenitore del corpo della pagina */
#corpo{
	width:960px;
	float:left;
	background-image:url(immagini/layout_10.jpg);
	background-repeat:repeat-y;
	text-align:justify;
	color:#333;
}

h2{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#4e5f1b;
	font-weight:bold;
}

h3{
	color:#b2b8a2;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:10px;
	font-weight:bold;
}

/* immagini nel corpo */
#corpo img{
	background-color:#EEE;
	margin:5px;
	padding:5px;
	border:#888 solid 1px;
}

#corpo a{
	color:#009;
	text-decoration:underline;
}

/* allineamento immagini */
.alilx{
	float:left;
}
.alirx{
	float:right;
}

/* testo della pagina */
#testo{
	width:620px;
	float:left;
	padding:10px;
	padding-top:20px;
}

#testo ul{
	margin-left:20px;
	margin-right:20px;
}
/* barra laterale della pagina */
#lato{
	width:300px;
	background-image:url(immagini/layout_09.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-color:#333;
	color:#FFF;
	float:right;
	padding:10px;
	padding-top:20px;
}

/* la riga verde puramente estetica */
#riga{
	clear:both;
	height:40px;
	background-color:#b2b8a2;
	padding:10px;
}

/* la parte di sotto con tutti i dati*/
#footer{
	height:80px;
	padding:10px;
	text-align:center;
	color:#666;
}

#footer a{
	color:#000;
	text-decoration:underline;
}