/* CSS Document */

html {
margin:0px;
padding:0px;}
body {
margin:0px;
font-family:Arial, sans-serif;
font-size:11px;
color:#000;
background-color:#155a8b;
background-image:url(../img/bghomepage.jpg);
background-repeat:repeat-x;
background-position:top;}

#contenitore {
margin-left:auto;
margin-right:auto;
text-align:center;
width:771px;
background-color:#fff;}

#header {
margin:0px;
padding:0px;
text-align:center;}
.barra{
margin:0px;
padding:0px;
text-align:center;}

#Content{
border-top:5px solid #FFFFFF;
margin-left:auto;
margin-right:auto;
overflow:hidden;
text-align:center;
width:762px;
background-color:#fff;}

#colonnaSX{
float:left;
text-align:left;
background-color:#fff;
width:129px;
padding:0px;
margin:0px 5px 0px 0px;}

#menu{
background-image:url(../img/ombra.gif);
background-position:bottom;
background-repeat:no-repeat;
float:left;
width:129px;
font-weight:bold;}
#menu ul{
list-style-type:none;
font-weight:bold;
margin:0px;
padding:0px 0px 20px 0px;}
#menu ul li{
width: 119px;
height:19px;
padding:0px;
color:#0f5ea8;
margin-bottom:1px;
font-weight:bold;}
#menu ul li a{
width:119px;
height:19px;
margin:0px;
display:block;
padding:0px 0px 0px 10px;
background-image:url(../img/BTmenu_off.gif);
color:#0f5ea8;
text-decoration:none;}
#menu ul li a:hover{
display:block;
padding:0px 0px 0px 10px;
width:119px;
height:19px;
margin:0px;
background-image:url(../img/BTmenu_on.gif);
color:#000;
text-decoration:none;}

#Slide{
	float:left;
	text-align:left;
	background-color:#fff;
	width:428x;
	height:339px;
	margin:0px;}
	
#calendario{
	float:right;
	text-align:left;
	background-color:#000000;
	width:198px;
	margin:0px;}
#calendario h3{
font-size:17px;
padding:7px 0px 7px 10px;
margin:0px;
background-color:#262626;
color:#FFFFFF;}
#calendario h4{
	font-size:16px;
	padding:5px 0px 5px 10px;
	margin:0px;
	color:#ffc600;}
#calendario ul{
float:left;
text-align:left;
width:198px;
margin:0px;
border-bottom:1px solid #515151;
color:#FFFFFF;
font-weight:bold;
padding:10px 0 0 0;}
#calendario ul li{
text-align:left;
list-style:none;
float:left;
display:block;
width:198px;
clear:both;
padding:0px;
background-color:#262626;
border-top:1px solid #515151;
margin:0px;}
#calendario ul li a{
display:block;
margin:0px;
padding:2px 0px 2px 10px;
background-position:right;
background-color:#262626;
background-repeat:no-repeat;
background-image:url(../img/arrow.jpg);
text-decoration:none;
color:#FFFFFF;}
#calendario ul li a:hover{
display:block;
margin:0px;
padding:2px 0px 2px 10px;
background-position:right;
background-color:#ffc600;
background-repeat:no-repeat;
background-image:url(../img/arrow_on.jpg);
text-decoration:none;
color:#FFFFFF;}
.squadra{
float:left;
line-height:13px;
font-size:12px;
font-weight:bold;
width:76px;
text-align:center;
margin:0px;
color:#fff;}
.vs{
	font-size:12px;
	font-weight:bold;
	float:left;
	width:15px;
	text-align:center;
	padding:7px 0px 7px 0px;
	margin:0px;
	color:#00aeff;}

.risultato{
	float:left;
	font-size:28px;
	font-weight:bold;
	width:37px;
	text-align:center;
	margin:0px;
	color:#00aeff;
	padding: 0px 30px 0px 32px;
}
	
.cronaca{
	float:right;
	font-size:11px;
	text-align:center;
	margin:0px;
	color:#fff;
	font-style:italic;
	padding: 0px 15px 0px 0px;
}
.cronaca a{
	color:#fff;
	text-decoration:none;}
.cronaca a:hover{
	color:#00aeff;
	text-decoration:underline;}
	
hr {
	display: block;
	margin: 0 10px 0 10px;
	padding:5px 0 5px 0;
	width:175px;
	height:0px;
	border-top:0;
	border-bottom: dashed 1px #bdde54;
	clear: both;}
	
.prox {
	float:left;
	font-size:11px;
	text-align:left;
	margin:0px;
	width:170px;
	color:#00aeff;
	padding: 5px 0px 0px 12px;
	line-height: 12px;}
.banner{
float:left;
text-align:left;
margin:0px;
padding:2px 0px 2px 0px;}	
.comunicazione {
	float:left;
	text-align:left;
	margin:8px 0 0 0;
	background-color:#cbdeee;
	width:412px;
	color:#000;
	font-size:12px;
	padding: 0px 0px 5px 0;
}
	
.comunicazione h4{
	float:left;
	text-align:left;
	margin:0px;
	background-color:#004683;
	width:402px;
	color:#fff;
	font-size:12px;
	padding: 5px 0px 5px 10px;}
	
.comunicazione h5{
	float:left;
	text-align:left;
	margin:0px;
	width:390px;
	color:#004683;
	font-size:14px;
	padding: 8px 0px 0px 10px;}
.comunicazione p.comunicazionediservizio{
	float:left;
	text-align:left;
	margin:0px;
	color:#000;
	font-size:12px;
	padding: 2px 10px 5px 10px;
}

.blog {
	float:left;
	text-align:left;
	padding:8px 0 10px 10px;
	width:160px;
	color:#000;
	font-size:12px;
	margin: 0px;
}
	
.datablog {
	float:left;
	text-align:left;
	padding:8px 0 0 30px;
	width:210px;
	color:#000;
	font-weight:bold;
	font-size:11px;
	margin: 0px;
}
.comunicazione h6{
	float:left;
	text-align:left;
	margin:0px;
	width:210px;
	color:#004683;
	font-size:14px;
	padding: 2px 0 0 30px;}
	
.comunicazione h6 a{
	color:#004683;
	text-decoration:none;}
.comunicazione h6 a:hover{
	color:#004683;
	text-decoration:underline;}
	
#colonnaDX{
	float:right;
	margin:0px;
	width:198px;
	padding: 6px 0 0 0;}
	
address{
overflow:hidden;
background-color:#000000;
color:#FFFFFF;
font-style:normal;
font-size:11px;
text-align:left;
margin:0px;
padding: 7px 0 7px 10px;}

address a{
text-decoration:none;
color:#FFFFFF;}


#bannersotto{
float:left;
width:627px;
padding:0px;
margin:0px;
text-align: left;}
.new_banner{
float:left;
border:8px solid #01488a;
margin:15px 0 0 0;
padding:0px;}
a.new_banner:{
border:8px solid #01488a;}
a.new_banner:hover{
border:8px solid #ffb400;}