/********** BODY  *****************************/

* { /* removes defaults from all elements */
	margin: 0;
	padding: 0;
	}
body {
	/*font-size: 62.5%; /* sets the stage for using ems */
	text-align: center;
	background: #fff url(../img/sf_body_home.gif) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	}

a {
	text-decoration: none;
	}
.clearHack {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	}
/************** HEADERS H1, H2 etc etc **************/

h1 {
	height: 99px;
	}
	h1 a {
	display: block;
	position: absolute;
	top: 40px;
	width: 250px;
	height: 44px;
	text-indent: -5000px;
	overflow: hidden;
	background: url(../img/logogc.gif) no-repeat;
	left: 0px;
		}
		


h2{
 margin: 0px;
 padding: 0px;
}

h2 a {
	/*float:right;*/
	position:absolute;
	display:block;
	width:213px;
	height:53px;
	background: url(../img/top.gif) no-repeat;
	left: 566px;
	top: 32px;
	text-indent: -5000px;

}

h3{
 font: bold 100% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h4{
 font: 100% Arial,sans-serif;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font: 100% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}


/*************** list tag styles ***************/

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

/********* form and related tag styles *********/

form {
	padding: 0;
}

label{
	color: #666666;
	padding-bottom: 2px;
}
				
input{
	font-family: 'lucida grande', tahoma, sans-serif;
	font-size: 8.5pt;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#privacy{
	margin: auto;
	padding: 120px;


}


#flashContent{
	margin: 5px;

}
#flashcontent{
	margin: 5px;

}


#container {
	position: relative;
	margin: 0 auto;
	width: 780px;
	height:auto;
	text-align:left;
	}

#containerb{
	position: relative;
	clear:both;
	margin: 0 auto;
	text-align:left;
	background: #51473d /*url(../img/bg-footer.jpg) repeat-x*/;
	padding: 20px 0;
	background-image: url(../img/bg-footer.jpg);
	background-repeat: repeat-x;
	}

#wrapper {
	position: relative;
	margin: 0 auto;
	width: 780px;
	height: 200px;
	}
#navUtilities {
	position: absolute;
	top: 5px;
	right: 0px;
	font-weight: normal;
	font-size: 8pt;
	font-family: 'lucida grande',tahoma,sans-serif;
	color: #796f65;
	height: 30px;
	background-image: url(../img/pointer.gif);
	background-repeat: no-repeat;
	background-position: 40px 8px;
	}
	#navUtilities a {
		text-decoration: none;
		color: #ff9300;
		}
	#navUtilities a:hover {
		color: #eae7d2;
		}

#webcam{
	width: 244px;
	background-color: #FFFFFF;
	height: 190px;
	top: 0px;
	float: right;
}

#webcam h2 {
	position: relative;
	top: 181px;
	width: 90px;

}


#homepage{
	width:525px;
	height: 190px;
	background-color: #FFFFFF;
	float: left;
}

#meteonav{
	float: left;
}

#tabnav{
	width: 780px;
	clear: both;

}





#page{
	position: relative;
	top: 15px;
	float: left;
	width: 780px;

}

#bottom{
	left: 0px;
	width: 100%;
	border: 1px;
	background-color: #CCCCCC;

}

/* sidebar
==============================================================================*/


#sideBar {
	float: left;
	margin: 0px;
	width: 190px;
	height: 300px;
	background:url(../img/sf_menu_int.gif) no-repeat;
	margin-top: 15px;
	}
	
#SideBar hr {
	display: block;
	height: 1px;
	color: #E2E2E2;
	
	}
	
#sideBarTop {
		display: block;
		margin-bottom: -10px;
		height: 10px;
		background: url(../img/bg-sidebar_top.gif) center top no-repeat;
		}
#sideBarBottom {
		display: block;
		margin-top: -10px;
		height: 10px;
		background: url(../img/bg-sidebar_bottom.gif) center top no-repeat;
		}
#sideBar a {
	color: #777;
	font-size: 8.5pt;
	padding-left: 22px;
	}

#sideBar h2, #sideBar p{
	font-family: 'lucida grande',tahoma,sans-serif;
	}
#sideBar h2 {
	margin-bottom: 5px;
	font-size: 12pt;
	font-weight: bold;
	text-transform: uppercase;
	color: #555;
	}
#sideBar p {
	font-size: 1.1em;
	line-height: 1.8em;
	color: #777;
	}
	#sideBar p.fineprint {
		font-size: 1.0em;
		line-height: 1.2em;
		color: #ccc;
		}
#sideBar ul{
margin-left:0px;
	
	}
#sideBar li {
	font-family: 'lucida grande',tahoma,sans-serif;
	line-height: 28pt;
	list-style: none;
	background-image: url(../img/sf_menu.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin-left: 5px;
	/*border-bottom: 1px dotted #efefef;*/
	
	}
#sideBar li a {
	text-align:left;
	list-style: none;
	display: block;
	width: 155px;
	background-image: url(../img/icon_go.gif);
	background-repeat: no-repeat;
	background-position: center left;

	
		/*background: url(../img/arrow-miniorange.gif) 0 .45em no-repeat;*/
	}

#sideBar li a:hover {
	text-decoration: underline;
	list-style: none;
	display: block;
	width: 155px;
	background-image: url(../img/icon_go_h.gif);
	background-repeat: no-repeat;
	background-position: center left;
	}
	
	
#sideBar a.currentPage {
	background-image: url(../img/spacer.gif);
	background-image: url(../img/icon_go.gif);
	background-repeat: no-repeat;
	background-position: center left;
	color: #FF9300;


}
#sideBar a:hover.currentPage {
	background-image: url(../img/spacer.gif);
	background-image: url(../img/icon_go.gif);
	background-repeat: no-repeat;
	background-position: center left;
	color: #FF9300;
	text-decoration:none;


}
	
	
	
#sideBar .noStyle img {
	margin: 10px 0;
	}
	#sideBar .right img {
		position: relative;
		right: 15px;
		}
	#sideBar .left img {
		position: relative;
		left: 15px;
		}
		
		
/*FS-SCROLLER - TIKER ------------------------------------------*/

#fscroller
{
	/*border:1px #ccc solid;*/
	width: 480px;
	height: 35px;
	padding:10px;
	font-family: 'lucida grande',tahoma,sans-serif;
	font-size:8.5pt;
	color:#666;
	float:left;
	margin-top:10px;
	
}

#fscroller .msg{
	width: 480px;
	height: 35px;
}

#fscroller .msg .titoloticker
{
	font-weight: bold;
	/*color:#63312E;*/
}

#fscroller .msg .testoticker{
/*color:#666;*/
}


/* MAILING LIST -------------------------------------*/

#mailList
{
	height: 24px;
	text-align: right;
	font-family: 'lucida grande', tahoma, sans-serif;
	color: #666666;
	width: 224px;
	padding: 30px 10px 10px 10px;
	margin: 10px 0px 0px 0px;
	font-size: 7pt;
	background-image: url(../img/news_sf.jpg);
	float: right;
}

#mailList ul{
	list-style-type: none;
}

#mailList li{
	float: right;
	font-size: 7pt;
	padding: 2px;
	line-height: 20px;

}

#mailList input
{
	
}
		
		
/* content
==============================================================================*/






#content{
	clear:right;
	float: right;
	width: 555px;
	min-height: 350px;
	background-image: url(../img/bg-news.jpg);
	background-repeat: no-repeat;
	padding: 10px 10px 10px 25px;
	margin-bottom: 20px;
	margin-top: 15px;
		}
#content h2 {
	clear: both;
	margin: 0;
	padding-bottom: 4px;
	font: normal 24px 'lucida grande',tahoma,sans-serif;
	color: #ff9300;
	text-transform: none;
	border-bottom: 1px solid #efefef;
	text-indent: 0px;
	display: block;
	margin-bottom: 3px;
	}
#content h3 {
	margin: 25px 0 3px 0;
	font: bolder 20px'lucida grande',tahoma,sans-serif;
	color: #555;
	clear: left;
	display: block;
	padding-bottom: 4px;
	}
#content h4 {
	margin: 0 0 -1em 0;
	font: bold 8pt 'lucida grande',tahoma,sans-serif;
	color: #555;
	}
#content li {
	margin: 1.3em 0;
	font: normal 8pt 'lucida grande',tahoma,sans-serif;
	color: #777;
	}
	
#content dl {
	font: normal 8pt 'lucida grande',tahoma,sans-serif;
	color: #777;
	}
	#content dt {
		margin: 1.5em 0 0;
		font-weight: bold;
		color: #ff9300;
		}
	#content dd {
		margin: 0 15px 1em 15px;
		font-size: .91em;
		}
		#content label{
	font-size: 70%;
	padding-left: 0px;
		}
/*
#content a {
	color: #2388ff;
	font-weight: bold;
	}
#content a:hover {
	color: #333;
	text-decoration: underline;
	background: #ffc;
	}
*/
#content .divisione{
	display: block;
	height: 5px;
	background-position: center;
	background-repeat: repeat-x;
	margin: 5px 0 5px 0;
	background-image: url(../img/bordo.gif);
	clear: both;

}
	

#content p.gara {
	font-family: 'lucida grande', tahoma, sans-serif;
	font-size: 13pt;
	color: #003366;
	margin: 18px 0px 0px 0px;
	padding: 0;
	display: block;
	float: left;
	width: 350px;
	letter-spacing: -1px;

}	
#content p.tipogara{
	font-family: 'lucida grande', tahoma, sans-serif;
	font-size: 9pt;
	color: #666666;
	font-weight: bold;
	margin: 0px;
	padding: 0;
	border: none;
	display: block;
	width: 370px;
	clear: left;

}	
		
#content p.data {
	display: block;
	width: 180px;
	text-align: right;
	float: right;
	font-family: 'lucida grande', tahoma, sans-serif;
	color: #666666;
	font-size: 8pt;
	margin: 15px 0 0 0;
	font-weight: bold;

}

#content p.premi {
	width: 250px;
	text-align: left;
	float: left;
	font-family: 'lucida grande', tahoma, sans-serif;
	font-size: 8pt;
	color: #666666;
	padding-top: 5px;

}

#content p.note {
	clear:both;
	text-align: left;
	font-family: 'lucida grande', tahoma, sans-serif;
	font-size: 8pt;
	color: #666666;
	display: block;
	padding: 5px 0 5px 0;
}

#content p.partenzagare {
	font-family: 'lucida grande', tahoma, sans-serif;
	font-size: 8pt;
	padding: 5px 5px 5px 0px;
	
	

}
#content p.partenzagare a{
	height: 30px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:18px;
	background-image:url(../img/button-notes_pdf.gif);
	background-position:-2px;
	background-repeat: no-repeat;	
	color:#666;
}
#content p.partenzagare a:link{
		
color:#666;
}
#content p.partenzagare a:hover{
color:#666;		

}
#content p.partenzagare a:visited{
	color:#666;	

}
/*------------Paginatore---------------------------*/

#paginatore {
	display: block;
	height: 20px;

}

#paginatore li{
	float: right;
	margin: 3px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	list-style: none;

}

#paginatore .prev{
 display:block;
 text-indent:-5000px;
 background-image:url(../img/arrow-miniorange-b.gif);
 background-position:0px 5px;
 background-repeat:no-repeat; 
 width:10px;

}
#paginatore .next{
display:block;
 text-indent:-5000px;
 background-image:url(../img/arrow-miniorange.gif);
 background-position:0px 5px;
 background-repeat:no-repeat; 
 width:10px;
 margin-left:5px;
 

}
#paginatore a {
	color:#003366;
	font-family: Arial, Helvetica, sans-serif;
}

#paginatore  li a:hover {
text-decoration:underline;

}
#paginatore li a.current{
text-decoration:none;
color:#FF9933;


}
#paginatore li a.current:hover{
text-decoration:none;

}



/*-------Footer--------------------------*/

#siteMap,
#copyright {
	margin-top: 0;
	}
#siteMap {
	float: left;
	width: 497px;
	}
#siteMap .column {
	float: left;
	width: 160px;
	}
#siteMap li {
	list-style: none;
	font: normal 8pt 'lucida grande',tahoma,sans-serif;
	line-height:0.8em;
	padding: 0.30em;
		}
#siteMap li a {
	display: block;
	font-weight: bold;
	color: #ff9300;
	
	}
#siteMap li li {
	/*padding-left: 10px;*/
	line-height:0.65em;
	padding:0.4em;
	
	background: url(../img/arrow-miniorange.gif) left center no-repeat;	
		}
#siteMap li li a {
	/*padding-left: 10px;*/
	font-size: 7pt;
	font-weight: normal;
	color: #eae7d2;
	margin-left:0.3em;
		}
#siteMap li a:hover {
		text-decoration: underline;
		color: white;
	/*background: #3e362f;*/
	}
#siteMap li li a:hover {
		text-decoration: underline;
		/*background: #3e362f url(../img/arrow-miniorange.gif) left center no-repeat;*/
		}
		
		
#copyright {
	float: right;
	width: 256px;
	text-align: left;
	background-color: #332F2B;
	border: 1px solid #797066;
	}
	
#copyright h1 {
	top: -8px;
	text-indent: -5000px;
	overflow: hidden;
	background: url(../img/logo.gif) no-repeat;
	background-position: center;
	position: relative;
	height: 25px;

}
#copyright h2  {
	height: 50px;
	text-indent: -5000px;
	overflow: hidden;
	background: url(../img/stemma.gif) no-repeat;
	background-position: left;
	position: relative;
	margin: 7px;

}

#copyright p {
	font: normal 8pt 'lucida grande',tahoma,sans-serif;
	color: #eae7d2;
	display: block;
	margin: 8px;
	;
	}
#copyright strong {
	font-size: 7pt;
	font-weight: normal;
	color: white;
	}
#copyright a {
	font-weight: bold;
	color: #60bffb;
	}
#copyright a:hover {
	text-decoration: underline;
	color: white;
	}

/* meteonav navigation-----------------------------------------------------*/

#meteonav {
	height: 20px;
	margin-bottom: 7px;
	list-style: none;
	}
#meteonav li {
	height: 20px;
	overflow: hidden; /* if text-resize, this'll keep the nav the same size */
	float: left;
	}
#meteonav li a {
	display: block;
	line-height: 20px;
	text-indent: -5000px;
	overflow: visible;
	background-position: 50% -40px;
	
	}
	#meteonav1 {
		width: 90px;
		background: url(../img/home_btn.gif) no-repeat;
	
		}
	#meteonav2 {
	width: 90px;
	background: url(../img/meteo_btn.gif) no-repeat;
	
	margin-left: 1px;
		
		}
		
			#meteonav3 {
	width: 90px;
	background: url(../img/corsi_btn.gif) no-repeat;
	
	margin-left: 1px;
		
		}
		
		
#meteonav li a:hover {
	background-position: 50% -20px;
	}
		#meteonav li a.Selected,
		#meteonav li a.Selected:hover {
		background-position: 50% 0px;
		}
	

/* webcam navigation --------------------------------------------------*/


#webcamnav {
	height: 20px;
	margin-bottom: 7px;
	list-style: none;
	}
#webcamnav li {
	float:right;
	margin-left: 1px;
	height: 20px;
	overflow: hidden; /* if text-resize, this'll keep the nav the same size */
	}
#webcamnav li a {
	display: block;
	line-height: 20px;
	text-indent: -5000px;
	overflow: visible;
	background-position: 50% -40px;
	
	}
	#webcam1 {
		width: 90px;
		background: url(../img/webcamI_btn.gif) no-repeat;
		}
	#webcam2 {
		width: 90px;
		background: url(../img/webcamII_btn.gif) no-repeat;
		
		}
		
#webcamnav li a:hover {
	background-position: 50% -20px;
	}
		#webcamnav li a.Selected,
		#webcamnav li a.Selected:hover {
		background-position: 50% 0px;
		}		
		

	
/*#webcamnav li a:hover {
	background-position: 50% -28px;
	}
	
	#webcamnav li a.currentSection,
	#webcamnav li a.currentSection:hover {
		background-position: 50% -56px;
		}




/* top-level navigation--------------------------------------------------------------*/

#nav {
	height: 28px;
	margin-bottom: 7px;
	list-style: none;
	}
#nav li {
	float: left;
	margin-right: 1px;
	height: 28px;
	overflow: hidden;
	}
#nav li a {
	display: block;
	line-height: 28px;
	text-indent: -5000px;
	overflow: visible;
	background-position: center top; /* horizontally centers the background image */
	}
	#navHome {
		width: 76px;
		background: url(../img/nav_home_de.gif) no-repeat;
		}
	#navCampo {
		width: 97px;
		background: url(../img/nav_campo_de.gif) no-repeat;
		}
	#navCircolo {
		width: 149px;
		background: url(../img/nav_circolo_de.gif) no-repeat;
		}
	#navGare {
		width: 192px;
		background: url(../img/nav_gare_de.gif) no-repeat;
		}
	#navDove {
		width: 157px;
		background: url(../img/nav_dove_de.gif) no-repeat;
		}
	#navContatti {
	width: 103px;
	background: url(../img/nav_Contatti_de.gif) no-repeat;
		}

#nav li a:hover {
	background-position: 50% -28px;
	}
	#nav li a.currentSection,
	#nav li a.currentSection:hover {
		background-position: 50% -56px;
		}

/************************BOX*******************************/

.box{
	float:left;
	width:146px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7.5pt;
	color: #666666;
	padding: 10px;
	margin: 0px 10px 10px 0px;
	background-color: #FFFFF4;
	border: solid #cccccc 1px;
	height: 100px;
}


/************************Meteo*******************************/

#meteo{
	font-family: 'lucida grande', tahoma, sans-serif;
	font-size: 8.5pt;
	background-color: #F3F3F3;
	width: 475px;
	height: 162px;
	padding-left: 40px;
	padding-top: 18px;
	color: #666666;
	background-image: url(../img/sf_meteo.jpg);
}

#meteo ul {
	display: block;
}

#meteo li{
	float: left;
	display: block;
	border: solid #ccc 1px;
	list-style: none;
	background-color: #FFFFFF;
	width: 125px;
	margin-left: 25px;
}

.giorno{
	color: #666666;
	background-color: #F4F2E8;
	padding: 6px 4px 6px 4px;
	font-weight: bold;
}

.yahoo{
	color: #666666;
	background-color: #F4F2E8;
	padding: 4px;
	
}

.tempo{
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	border-top: solid #ccc 1px;
	padding: 4px;
	height: 30px;
	clear: left;
}

.icon{
	margin-left: 34px;


}

.temperatura{
	padding: 4px 2px 4px 4px;
	display: block;
	border-right: solid #ccc 1px;
	border-top: solid #ccc 1px;
	width: 80px;
	font-size: 90%;


}
.tmin{
	padding: 4px 2px 4px 4px;
	display: block;
	border-top: solid #ccc 1px;
	width: 55px;
	float: left;
	border-right: solid #ccc 1px;
	font-size: 90%;


}
.tmax{
float:left;
	padding: 4px 3px 4px 6px;
	display: block;
	border-top: solid #ccc 1px;
	width: 53px;
	position: relative;
	border-left: solid #ccc 1px;
	left: 1px;
	font-size: 90%;


}

.parInt {
	font-size: 8.5pt;
	font-family: 'lucida grande', tahoma, sans-serif;
	color: #666666;
	width: 350px;
	display: block;
	padding-top: 10px;
	float: left;

}
.parIntL{
	font-size: 8.5pt;
	font-family: 'lucida grande', tahoma, sans-serif;
	color: #666666;
	
	display: block;
	padding-top: 10px;
	

}
.descBuca {
	font-size: 8.5pt;
	font-family: 'lucida grande', tahoma, sans-serif;
	color: #666666;
	width: 290px;
	display: block;
	padding-top: 15px;
	float: right;
	margin-top: 10px;

}
.imgdx {
	float: right;
	padding: 25px;
	background-color: #F8F8F8;
	margin-top: 10px;
	border: solid #efefef 1px;


}

.imgsin {
background-image:url(../img/asso.gif);
	float: left;
	padding: 10px;
	background-color: #F8F8F8;
	margin-top: 10px;
	border: solid #efefef 1px;
	margin-bottom: 10px;


}


/********************* stili immagini  **********************/

.webcam{
	margin: 5px;
	border:none;

}


.logo {
	padding-top: 50px;
	padding-bottom: 20px;
}
.stemma {
	position:absolute;
	top: 35px;
	left: 734px;
}

.buche{
	border: solid #ccc 1px;
	margin: 5px;


}
/********************************************* classi ---------------------------------*/


.none {
	color: #666666;
	font-weight: bold;


}

.odd {
 background-color:#EFEFEF;

}