/* stile di base */
html {
	background-color:#FFFFFF;
}
body { line-height: 1.7em; background: url('../images/menu3.jpg') repeat-x; 
color: #454545;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: .7em;
	font-family: Arial, Verdana, Sans-Serif;
	background-color:#FFFFFF;
}
a { color: #3F2C57;  text-decoration: none; }
#right a {  }
#left a { border-bottom: 1px dotted #3F2C57; }
a:hover { color: #808080; background: inherit; }
p {	margin: 0 0 5px 0; }
h1 { font: normal 2.8em Georgia, "Trebuchet MS", Arial, Sans-Serif; padding: 0 0 0 0; margin: 0; }
h2 { margin: 0; padding: 0; font: normal 1.8em Georgia, "Trebuchet MS", Arial, Sans-Serif; }
h5 {font: normal 1.2em Georgia, "Trebuchet MS", Arial, Sans-Serif;}
h4 {font: normal 1.6em Georgia, "Trebuchet MS", Arial, Sans-Serif; }
img { border: 0; }

/* pagina */
#content { margin: 0 auto; width: 980px; }
#header {
	padding: 10px 0;
	color: #fff;
	margin: 0 0 20px 0;
	height: 100px;
}

/*  menu orizzontale */
*{ margin: 0; padding: 0; }
#menu-top{  margin: 25px 0 0 0;  }
	#menu-top li{ list-style: none; display: inline;  }
	#menu-top li a{
		text-decoration: none;
		margin: 0 3px 0 0;
		padding: 4px 8px;
		border-left: 1px solid #4E4E4E;
		border-right: 1px solid #4E4E4E;
		font-weight: bold;
		color: #ccc;
	}
	#menu-top li a:hover{
		border-top: 1px solid #5792EA;
		border-left: 1px solid #5792EA;
		border-right: 1px solid #5792EA;
		color: #fff;
	}
	#menu-top li a.current{
		background: #5792EA;
		color: #fff;
	}
ul#menu-top li ul{
display: none;
}
ul#menu-top li:hover ul{
display: inline;
position: absolute;
z-index:1;
padding: 4px 8px;
margin-left:-100px;
margin-right:0px;
margin-top:22px;
margin-bottom:0px;
background: #3B3B3B;
text-align:center;
}
ul#menu-top li li {
width: 95px;
}

/* centro pagina */
#left {
	float: left;
	width: 670px;
	margin: 0 0 10px 0;
}
	.bordo { border:0px;  margin: 0 0 10px 0;}
	.riquadro {
		padding: 0px;
		background: transparent;
		color: #444;
		font-size:12px;
		border:0px;
	}
	.left_articles {
		margin: 0 0 10px 0;
		border: 2px solid #eee;
		color: #454545;
		font-size:12px;
		padding: 15px 15px 5px 10px;
	}
		.date { font-size: .9em; padding: 0 0 0 12px; color: #808080; }
		.bigimage {
			float: left;
			clear: left;
			margin: 0 15px 10px 0;
			width:240px;
			height:162px;
		}
	.boxcentro {
		background: #EEF4FD;
		color: #808080;
		font-size:14px;
		border-left: 5px solid #86B0F0;
		border-right:5px solid #86B0F0;
		padding: 15px;
		margin: 0 0 15px 0;
	}
	.thirds {
		float: left;
		width: 33%;
		padding: 0 10px 0 15px;
		margin-left:5px;
	}		
	.title{ font-size:13px;
	    
}	
/* colonna dx */
#col-dx{
	height:auto;
	font-size:12px;
}
#right {
	float: right;
	width: 280px;
	margin: 0 0 10px 0;
	padding: 0px 0 0 0;
	
}
	.button {
		background-image:url('../images/sottologo2.png');
		background-position:center top;
		background-repeat: no-repeat;
		text-align:center;
		font-size:medium;
		margin: 0 0 30px 0;
		height:230px;
		padding-top:5px; 
	}
		
	#menu-r { margin: 0 0 20px 0; font-size:12px; text-align:left; }
	#menu-r li { list-style: none; }
	#menu-r li a { border-style: none;
	border-color: inherit;
	border-width: 0;
	color: #00376F; 	font-weight:bold; 	margin: 0 0 1px 0; 	display: block; background: url('../images/side_menu.bmp') repeat-x; 
	padding: 6px 8px; }
	#menu-r li a:hover { color: #fff; background: #fff url('../images/side_menu_hover.bmp') repeat-x;
}	
	
.image { float: left; margin: 0 9px 3px 0; border:0px; }
.linea{ border-bottom:1px solid #C0C0C0;
        border-top:2px solid #C0C0C0;
        padding-left:5px;
        text-align:center;
}
.linea a:hover{
	background-color: #EEF4FD;
}

/* piè di pagina */
#footer { 
	clear: both; 
	color: #808080;
	background: #EEF4FD;
	padding: 10px 15px;
	border-top: 1px solid #ccc;
}
#footer a:hover{
	text-decoration:underline;
}
#footer .right { 
float: right;
text-align:center;
padding:5px;
border:1px #ccc solid;
background-color:white;
}


/* CONTENITORI DEI BORDI E DEL CONTENUTO DEL BOX */
div.BORDI {}
div.CONTENUTO{background-color: #EEF4FD;
border-left:2px #0E3776 dotted;
border-right:2px #0E3776 dotted;
width:99%;
padding: 3px;
text-align:center;
}

/* CREAZIONE DEGLI ANGOLI SMUSSATI */

span.BOTTOM{
display:block;
background-color: #FFFFFF;}

span.TOP{
display:block;
background-color: #FFFFFF;}

span.BOTTOM span{
display:block;
overflow: Hidden;
background-color: #0E3776;
height: 1px;}

span.TOP span{
display:block;
overflow: Hidden;
background-color:#0E3776;
height: 1px;}

span.RIGA1{margin: 0 5px;}

span.RIGA2{margin: 0 3px;}

span.RIGA3{margin: 0 2px;}

span.BOTTOM span.RIGA4{margin: 0 1px;
height: 2px;}

span.TOP span.RIGA4{margin: 0 1px;
height: 2px;}