body {
	background-color: #222;
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:justify;
	margin: 0;
	padding: 0;
}
.str {
	display: none;
}
.clr {
	display: 				block;
	overflow:				hidden;
	clear: 					both;
}
#sinistra {
	float: left;
	width: 40%;
}
#destra {
	float: right;
	width: 49%;
	background-color: #ddd;
	padding-bottom: 80px;
}

#cl_sx {
	width: 45%;
	float: left;
	margin-top: 50px;
}	
#cl_dx {
	width: 45%;
	float: right;
	margin-top: 50px;
}


/* Formattazione del titolo con sostituzione del testo con l'immagine del logo */
#t { 
	position:			relative;
	float: 				right;
	margin: 			0 0 0 0;
	
}
#t, #t span {	
	margin:				0;
	display: 			block;
	width: 				426px;
	height: 			68px;
	font-size: 			6px;
}
#t span {
	position: 			absolute;
	top:				0;
	left:				0;
	background:			transparent url(../img/logo.jpg) no-repeat;
}


/* Formattazione menu generale */
#menu {
	position:			relative;
	float: 				right;
	text-align: 		right;
	margin-top: 50px;
}

#menu ul {
	list-style: 		none;
}

#menu ul li a {
	text-decoration: none;
	color: #fff;
	font-size:18px;
}

#menu p {
	color: #777;
	margin-top: 50px;
}

/* Formattazione motto del sito */
#motto {
	color: #999;
	font-style:italic;
	
	margin-left: 10px;
	width: 250px;
}
.locandina1 {
	color: #999;
	margin: 50px 0 0 10px;
	width: 250px;
}
.locandina p a {
	color: #CC6600;
	text-decoration: none;
	font-weight: bold;
}


/* Formattazione contenuti della pagina */

#articoli {
	margin: 30px 10px 0 20px;
}
#articoli a {
	color: #CC6600;
	text-decoration: none;
	font-weight: bold;
}

#articoli ul li a {
		background: transparent url(../img/quadrato.jpg) no-repeat;
		
}
#articoli  h2 {
	margin: 0;
	padding: 0;
	margin-top: 50px;
}
#articoli h2 a {
	color: #222;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}

#articoli p.pubblicazione {
	margin: 0;
	padding: 0;
	color: #820303;
	font-weight: bold;
	font-size: 10px;
}
#articoli .categorie a {
	background-color: #fff;
	color: #820303;
	background-image:none;
}
#articoli .az {
	display: inline;
	color: #69AB28;
}
#riepiloghi {
 	margin-top: 50px; 
	float: right;
}
#riepiloghi a {
	color: #999;
	font-weight:normal;
	background: transparent url(../img/quadrato.jpg) no-repeat;
	padding-left: 15px;
}
#riepiloghi h3 {
	color: #820303;
}
#riepiloghi ul li {
	color: #fff;
	font-weight:bold;
}

.lselect ul {
	margin: 				0;
	padding: 	            0;
	width: 					250px;
	list-style: 			none;
	margin-bottom: 			20px;	
}
.lselect li{
	padding: 	            0;
	margin: 				0;
	padding-top: 			5px;
	padding-left: 			10px;
	font-size: 				0.9em;
}
.lselect li a:hover {
	color:					#666;
}
.lselect li a:visited {
	color:					#666;
}
.lselect li a{
	text-decoration:		none;
	color: 					#000;
}
#articoli ul li{
	list-style: 			none;
	font-weight:			bold;
}

#articoli ul li a{
	font-weight:			normal;
	color:					#365285;
}


/* Formattazione commenti */
.commento {
	display: block;
	margin: 10px 0 50px 0;
	border-bottom: solid 1px #999;
}
.commento strong {
	color: #820303;
}
.corsivo {
	font-style:italic;
	display: inline;
}



/* Formattazione del pulsante di invio del form */
.button {
	background-color: 		#820303;
	font-weight:			bold;
}

/* Formattazione dei blocchi di codice che si trovano all'interno dell'articolo */
pre {
	width: 100%;
	font-size: 				1.1em;
	background:				#ddd;
	color:					#000;
	line-height: 			1.5em;
	padding: 				5px;
	border: 				solid 1px #aaa;
}

/* formattazione del footer */

#footer {
	clear: both;
	text-align: center;
	color: #999;
	margin: 10px 0 10px 0;
}
#footer a {
	color: #fff;
}


