body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #a9cde8;
	margin:0;
	padding:35px 0 0 0;
	background-image: url(../images/bg-body.gif);
	background-repeat: repeat-x;
	background-position: center top;
}

#map {
	width: 415px; 
	height: 250px;
	color: black;
	/*font-weight: bold;*/
	background-color: white;
	white-space: nowrap;
	margin: 0;
	padding: 2px 4px;
	border: 1px solid black;
}

#main {
	width:804px;
	margin:auto;
	background-image: url(../images/bg-main-top-bottom_big.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	border:0;
	padding:0 0 6px 0;
}
#top {
	background-image: url(../images/bg-main-top-bottom_big.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding:6px 15px 0 14px
}
#logo {
	display:block;
	float:left;
	width:187px;
	border-bottom:1px solid #FFFFFF;
	margin-left:0px;
}
#slogan {
	background-image: url(../images/slogan.gif);
	height:122px;
	display:block;
	float:right;
	width:566px;
	border-bottom:1px solid #FFFFFF;
}
#interior {
	
	background-image: url(../images/bg-interior_big.gif);
	background-repeat: repeat-y;
	background-position: center center;
	width:804px;
	/*height:300px;*/
}
#mid {
	padding:0 15px 0 14px
}
#left {
	display:block;
	float:left;
	width:188px;
}
#right {
	display:block;
	float:right;
	width:566px;
}
#maintext {
	display:block;
	float:right;
	width:526px;
	border-top:1px solid #FFFFFF;
	padding:15px 20px 10px 20px;
	line-height:18px;
}
div#navbar {
	font-family: Arial, Helvetica, sans-serif;
	width: 187px;
	display:block;
	float:left;
	font-size: 12px;
	font-weight:bold;
	line-height:35px;
	
	
	
}
div#navbar ul {
	margin:0;
	padding:0;
}
div#navbar li {
	list-style-type:none;
	display:block;
	float:right;
	width:188px;
	height:35px;
	text-align:right;
	border-bottom:1px solid #FFFFFF;
}

div#navbar li.current {
	background-image: url(../images/bg-button-current.gif);
	background-repeat: no-repeat;
}
div#navbar li.button1 {
	background-image: url(../images/bg-button-1.gif);
	background-repeat: no-repeat;
}
div#navbar li.button2 {
	background-image: url(../images/bg-button-2.gif);
	background-repeat: no-repeat;
}
div#navbar li.button3 {
	background-image: url(../images/bg-button-3.gif);
	background-repeat: no-repeat;
}
div#navbar li.button4 {
	background-image: url(../images/bg-button-4.gif);
	background-repeat: no-repeat;
}
div#navbar li.buttonlast {
	background-image: url(../images/bg-button-last.gif);
	background-repeat: no-repeat;
}
div#navbar li a {
	display:block;
	float:left;
	width:140px;
	height:35px;
	text-decoration: none;
	margin:0;
	padding:0;
	color: #FFFFFF;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	line-height:35px;
	padding-right:45px;
	background-image: url(../images/arrow-button.gif);
	background-repeat: no-repeat;
}
div#navbar li a:link {
	color: #FFFFFF:
}
div#navbar li a:visited {
	color: #FFFFFF;
}
div#navbar li a:hover {
	color: #FFFFFF;
	text-decoration:underline;
	background-image: url(../images/arrow-button-over.gif);
	background-repeat: no-repeat;
}
h1, h2, h3, h4, h5, h6 { 
	margin: 15px 0;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight:bold;
}
p { 
	margin: 10px 0;
}
ul, ol { 
	margin: 15px 0 0 15px;
}
.clear {
	clear:both;
}
a, a:visited {
	color:#FFFFFF;
	text-decoration:underline;
	font-weight:bold;
}
a:hover {
	color:#8ac1fa;
	text-decoration:none;
}
#footer {
	font-size: 11px;
	color:#747474;
	text-align:center;
	padding:20px;
	line-height:18px;
}
#footer a:link, #footer a:visited {
	color:#747474;
	text-decoration:none;
	font-weight:normal;
}
#footer a:hover {
	color:#747474;
	text-decoration:underline;
}

img.dx {
	float:left;
}

img.sx {
	float:right;
}


/* stile per galleria fotografica */

#container {
/*position:relative;
width:425px; 
height:auto; /*480px;

border:1px solid #4a679f;
margin:0 auto;*/
background:#fff; 
}

#head{
margin:0;
padding:0;
background:#000;
height:50px;
}

#head h1{
margin:0;
padding:0;
font-size: 1.3em;
color:#fff;
line-height:50px;
}


/*a.galleria span {
display:block; 
position:absolute;
width:1px; 
height:1px; 
top: 5px; 
left: 5px;
overflow:hidden; 
background:#000;
}
*/

a.galleria, a.galleria:visited {
display:block; 
color:#4a679f;
font-weight:bold;
text-decoration:none;
border:1px solid #fff; 
width:150px; 
height:112px; 
float:left; 
margin:9px;
z-index:100;
}



a.galleria:hover {
border:1px solid #ddd;
}

a.galleria:hover img {
border:1px solid #ddd; 
position:relative; 
z-index:100;
}

a.galleria:active img, a.galleria:focus img {
border:1px solid #ddd; 
position:relative; 
z-index:50;
}

a.galleria:hover span {
display:block; 
position:absolute; 
width:502px; 
height:300px; 
top:170px;
left: 5px;
padding:5px;
background:transparent; 
z-index:100;
}


a.galleria:active span, a.galleria:focus span {
display:block; 
position:absolute; 
width:502px; 
height:300px; 
top:170px;
left:5px; 
padding:5px; 
color:#4a679f;
font-weight:bold;
background:#fff;
z-index:200;
}

#calendario{
	color:#fff;
	border-color:#000;
	border:1px;
	width:200px;
}

div#calendario a:link {
	color: #fff:
}
div#calendario a:visited {
	color: #fff;
}
div#calendario a:hover {
	color: #fff;
		
}

div#maintext table.calendario{
	background:#fff;
	border:1px;
	border-color:#aeb4b8;
	color:#000;
	font-size:11px;
	/*line-height:15px;*/
	
}

div#maintext th.giorno{
	background:#77a2c4;
	color:#fff;
}

<!--
/**************************************************************
********* Formatting For Month Table and Text *****************
**************************************************************/

A		{ font-family:arial, helvetica; color:#00F; text-decoration:underline }
SPAN	{ font-family:arial, helvetica }
TD     	{ font-family:arial, helvetica }


/**** month and year header at top of calendar ****/
.date_header			{ font-size:16px; font-family:arial, helvetica; font-weight:bold }

/**** color and size of calendar cells.  ****/
.day_cell				{ background-color:#EDECD8;  height:20; width:80; }
.empty_day_cell			{ background-color:#EEEEEE;  height:20; width:80; }
.today_cell				{ background-color:#F5F4ED;  height:20; width:80; }
.bassa_stagione_cell	{ background-color:#f8fbc1;  height:20; width:80; } 
.media_stagione_cell	{ background-color:#a1e1fb;  height:20; width:80; }
.alta_stagione_cell		{ background-color:#e7b6b6;  height:20; width:80; }
.prenotato_cell			{ background-color:#339900; height:20; width:80; }
.speciale_cell		{ background-color:#95dc89; height:20; width: 45; }

/**** day number in upper left corner of each cell ****/
.day_number				{ font-size:10px; font-family:verdana, arial, helvetica; color:#000 }

/**** title_txt is the text for each post on main page ****/
.title_txt				{ font-size:10px; font-family:verdana, arial, helvetica; color:#000 }
.title_txt A:link		{ color:#00F; text-decoration:underline }
.title_txt A:active		{ color:#00F; text-decoration:underline }
.title_txt A:visited	{ color:#00F; text-decoration:underline }
.title_txt A:hover		{ color:#00F; text-decoration:underline }

/**** time line under title text when event time given ****/
.time_str				{ font-size:9px; font-family:arial, helvetica }

/**** column headers or days of the week ****/
.column_header			{ background-color:#4879aa; font-size:14px; font-family:arial, helvetica; color:#FFFFFF; font-weight:bold; height:20; width:100; }

/**** footprint text ****/
.footprint				{ font-size:10px; font-family:verdana, arial, helvetica; color:#000; font-weight:bold; }
.footprint A			{ font-size:10px; font-family:verdana, arial, helvetica; color:#00F; font-weight:bold; }
// end hiding -->

