html 
	{ 
	font-size:1em;
	} 
body
	{
	background:#a9c1f1 url(../images/sfo.jpg) repeat-x; 
	color:#000;
	font:100% Tahoma,Century Gothic,verdana,arial,helvetica;
	text-align:center; 
	margin:0;
	}

hr,.alt,.navigazione
	{
	display:none;
	}

#centrato
	{ 
	width:860px;
	margin:0 auto; 
	text-align:left; 
	background:#fff;  
	}
	


#logo, #logo_storia, #logo_societa, #logo_link, #logo_photo, #logo_attivita, #logo_contatti, #logo_news, #logo_mercatino, #logo_archivio
	{	
	width:100%; 
	color:#000;
	position:relative; 
	height:270px;
	}



#logo
	{	background:#DED499 url(../images/bg_logo.jpg) no-repeat;	}
	
#logo_storia
	{	background:#DED499 url(../images/bg_logo_societa.jpg) no-repeat;	}
#logo_societa
	{	background:#DED499 url(../images/bg_logo_storia.jpg) no-repeat;	}
#logo_link
	{	background:#DED499 url(../images/bg_logo_link.jpg) no-repeat;	}
#logo_photo
	{	background:#DED499 url(../images/bg_logo_photo.jpg) no-repeat;	}
#logo_attivita
	{	background:#DED499 url(../images/bg_logo_attivita.jpg) no-repeat;	}
#logo_contatti
	{	background:#DED499 url(../images/bg_logo_contatti.jpg) no-repeat;	}
#logo_news
	{	background:#DED499 url(../images/bg_logo_news.jpg) no-repeat;	}
#logo_mercatino
	{	background:#DED499 url(../images/bg_logo_news.jpg) no-repeat;	}
#logo_archivio
	{	background:#DED499 url(../images/bg_logo_archivio.jpg) no-repeat;	}
  	
h1
		{	

	font-size:1.2em;
	color:#000;
	padding-left: 20px;
	}

h2
		{	
	font-size:1.3em;
	color:#F3A318;
	margin-left: 20px;
	text-align:center;
	}
	
h3
		{	
	font-size:1.3em;
	color:#F3A318;
	margin-left: 20px;
	text-align:left;
	}
  	
/* INIZIO link di navigazione   */

  #navigazione
 	{ 

	position:absolute; 
	top:227px;
	left:300px;
	width:750px;
	height:30px;
	background:transparent;

	}
	
  #navigazione p
	{ 
	margin:0px;	
	font-size:0.8em;
	font-weight:bold;
	margin-left: 10px;
	}

  #navigazione p a:link
	{
	color:#000;
	text-decoration:none;
	} 


  #navigazione p a:hover, p a:active, p a:visited
		{
	color:#000;
	text-decoration:underline;
	} 
	

              	
/* FINE link di navigazione   */  


#contenitore_area
	{
	font-size:.8em;
  margin-top: -25px;
	text-align:justify; 
	background:#fff; 
	border-left:13px solid #FBB329;
	border-right:13px solid #FBB329;
	}



#content
	{	
	background:#fff; 
	color:#000;
	text-align:left; 

	width:834px;
	}


#content p
	{	
	text-align:left;
	margin: 15px 15px 15px 15px;
	}


#content_area h1
	{ 
	margin:0px 5px 10px 5px;
	padding:15px 15px 5px 18px;
	background:transparent; 
	color:#000;
	font-size:2em;
	}

.float_right
	{ 
	float:right;
	margin:10px;
	border:none;
        }


.arancio
	{
        font-weight:bold; 
	color:#F5A00B;
        font-size:14px;
	}

.float_left
	{ 
	float:left;
	margin:5px;
	border:none;
	}
	
.mid
	{ 
	vertical-align:middle;
	border:none;
	margin:0px;
	padding:0px;
	}
.mid2
	{ 
	vertical-align:middle;
	border:none;
	margin-right:20px;
	padding-right:20px;
	}
	

p.foto_news
	{
	vertical-align:middle;
	margin:5px 3px 0px 3px;
	padding:0px;	
	float:left;
	text-align:center;
	}



	
.foto
	{	
	border:2px solid #F3F3F3;
	margin-left:5px;
	padding:0;
	float:left;
	width:120px;
	}
	
.table
	{
	border:none;
	margin:0 auto;
	width:80%;
	border:1px dotted #000;
	}

.table caption
	{
	border:none;
	text-align:center;
	color:#000;
	font-size:1.2em;
	background-color:#FBB32B;
	padding:10px 10px 10px 10px;
	font-weight:bold;
	}

.table th
	{
	padding:3px;
	text-align:center;
	background-color:#DADADA;
	color:#000;
	font-weight:bold;
	}

.table td
	{
	padding:3px;
	text-align:center;
	border:1px dotted #000;
	}
	


	
#footer
	{
	clear:both;
	background:#fff url(../images/footer.jpg) no-repeat; 
	color:#fff;
	height: 50px;
	border-left:13px solid #FBB329;
	border-right:13px solid #FBB329;
  	padding-left:20px;
  padding-right:20px; 
  	}

#footer p
	{
	color:#fff;
	font-size:0.6em;
	text-align:center;

  width: 820px;	
  }
	
#footer a
	{
	color:#fff;
	font-weight:bold;
	}

#credits
	{
	clear:both;
	text-align:center;
	background:#FBB329;
	color:#000;
	position:relative;
	font-size:.5em;
		}

	
.clear {
	width:100%; clear:both; height:1px; 
	line-height:.1em; font-size:.1em;
	background-color:transparent;
}




.float_right
	{ 
	float:right;
  margin:7px;
	}



a img
	{
	border:none;
	} 

a:link,a:visited
	{
	color:#000;
	text-decoration:underline;
	} 

a:hover,a:active
	{
	color:#000;
	text-decoration:none;
	} 
	



#formmail{ 
	padding-left:15px;
}

#formmail .required{ 
	background-color:#FBB329;
}





/*********** scrollable ***********/




/* this makes it possible to add next button beside scrollable */
div.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:18px;
	height:18px;
	background:url(../images/scrollable/left.png) no-repeat;
	float:left;
	margin:43px 10px;
	cursor:pointer;
	font-size:1px;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(../images/scrollable/right.png);
	clear:right;	
}



/* position and dimensions of the navigator */
div.navi {
	margin-left:-18px;
	width:400px;
	height:20px;
}


/* items inside navigator */
div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../images/scrollable/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;     
} 	


/* main vertical scroll */
#main {
	position:relative;
	overflow:hidden;
	height: 600px;
}

/* root element for pages */
#pages {
	position:absolute;
	height:20000em;
}

/* single page */
.page {
	padding:10px;
	height: 550px;
	background:#222 url(../images/scrollable/h600.png) 0 0 repeat-x;
	width:550px;
}

/* root element for horizontal scrollables */
.scrollable {
	position:relative;
	overflow:hidden;
	width: 520px;
	height: 550px;
}

/* root element for scrollable items */
.scrollable .items {
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.item {
	float:left;
	cursor:pointer;
	width:550px;
	height:550px;
	padding:10px;
	color:#ffffff;
	text-align:center;
}

/* main navigator */
#main_navi {
	float:left;
	padding:0px !important;
	margin:0px !important;
}

#main_navi li {
	background-color:#333;
	border-top:1px solid #666;
	clear:both;
	color:#FFFFFF;
	font-size:12px;
	height:120px;
	list-style-type:none;
	padding:10px;
	width:190px;
	cursor:pointer;
}

#main_navi li:hover {
	background-color:#444;
}

#main_navi li.active {
	background-color:#555;
}

#main_navi img {
	float:left;
	margin-right:10px;
}

#main_navi strong {
	display:block;
}

#main div.navi {
	margin-left:250px;
	cursor:pointer;
}