/* General classe */
/* Remove default margins and padding. */
* { margin: 0; padding: 0; }
.clear { clear: both; }
.hidden { display: none; }

h1, h2, h3 { font-family: Times, Helvetica, serif; }

/* Column classes - used in header and content. */
.col1, .col2, .col3 { float: left; }
.col1, .col3 { width: 33%; }
.col2 { width: 33%; text-align: center; /* in IE6 it does not work with 34% */} 

body {
	text-align: center; /* for IE6 compatibility */
	background: #101010; font-family: Arial, Helvetica, sans-serif;
}

/* Menu */
#menu {	width: 790px; margin: 0 auto; padding-top: 1em; position: relative; }
#menu ul { list-style-type: none; }
#menu ul li { background: url(../i/bullet.gif) no-repeat; margin: 1em 0; }
#menu a { text-decoration: none; color: #dadada; font-size: 0.85em; }
#menu a:hover { text-decoration: none; color: #FF0099; font-size: 0.85em; }

#menu .col1 ul { margin-right: 40px; }
#menu .col1 ul li { 
	background-position: 100% 50%;
	padding-right: 30px; /* bullet.jpg is 19px - add some extra space */
	text-align: right; 
	}
#menu .col2 img { border: 0; margin-top: 1em; }
#menu .col3 ul { margin-left: 30px; }
#menu .col3 ul li { 
	background-position: 0% 50%;
	padding-left: 30px; /* bullet.jpg is 19px - add some extra space */
	text-align: left; 
	}
#links { 
	position: absolute; width: 100px; right: -110px; bottom: -16px; color: #fff; 
	text-align: left;  
	}
#links a { text-decoration: none; }
#links a img { border: none; height: 18px; }

div.rent { color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight:bold; width:680px; padding-left: 100px; padding-bottom: 10px; margin-top: 150px; text-align: right; }
.rent span { color: #FF0099; }


/* Banner */
#bannerWrap { height: 195px; background: url(../i/bannerBg.jpg) repeat-x; }
#banner { 
	width: 790px; height: 195px; margin: 0 auto; 
	position: relative; 
	}
#ornament { 
	width: 144px; height: 147px; 
	background: url(../i/ornament.jpg) no-repeat;
	position: absolute; top: -48px; left: -70px; 
	}
#flashContainer {
	position: absolute; top: 0; left: 0; /* flashContainer must overlap ornament */
}	

/* Main */
.main { background: #000; }
#content { width: 790px; margin: 0 auto; color: #dadada; font-size: 0.84em; }
#content .padder { padding: 1em; }
#content h1 { color: #fff; font-size: 1.2em; }
#content a.more { 
	color: #e2017b; background: url(../i/bullet.gif) no-repeat 0 50%; 
	padding-left: 26px; /* bullet.jpg is 19px - add some extra space */
	margin: 1em 0; display: inline-block;
	}

#content .col1 { text-align: left; }
#content .col3 { text-align: right; } 
#content .col2 .padder { padding: 1em 0; }
#content .col2 .bordered { 
	border-left: 1px solid #111; border-right: 1px solid #111;
	padding: 0 1em; 
	}

/* Details */
#details { text-align: left; padding: 1em;}
#details h2 { color: #fff; font-size: 1.1em; }
#details h3 { color: #e2017b; font-size: 1em; margin: 2em 0 0 0; }
#details p { margin: 1em 0; }
#details ul { margin-left: 2em; }

/* Footer */	
#footer { 
	background: #101010; color:#e2017b; 
	text-align: center; font-size: 0.80em;
	padding: 1.5em 0;
	}
	
/* Index Page */
#index .more { padding: 0 0 0 26px; }	
#index #content h1 { margin-bottom: 1em; }

/* About-Style Pages */
#about { background: #101010 url(../i/aboutBg.jpg) repeat-x; color: #dadada; font-size: 0.9em; }
#about h1 { font-size: 1.2em; margin-bottom: 1em; }
#about h2 { font-size: 1em; margin-bottom: 1em; }
#aboutContent { 
	width: 790px; margin: 0 auto; text-align: left; 
	position: relative; padding-top: 56px; /* Banda neagra e de  36px */
	font-size: 0.84em; 
	}
		
.frame { 
	background: #9f9f9f; border: 5px solid #1f1f1f;
	width: 320px; float: right; 
	margin: -50px 0 0 5px; color: #000;
	}
.frame .padder { padding: 1em; }
.frame h2 { font-size: 1.1em; margin-top: 1em; }
.frame h3 { font-size: 1em; margin-top: 1em; color: #e2017b; font-weight: normal; }
.frame a { color: #e2017b; }
.frame a:hover { color: #333333; }

#aboutContent .item { padding: 1em 0; }
#aboutContent .item p { margin-bottom: 1em; }
#aboutContent .item img { float: left; margin: 0 1em 0 0; border: 2px solid #999999;}

#aboutFooter { 
	width: 790px; margin: 0 auto; padding-top: 1em;  
	text-align: left; border-top: 1px solid #777; 
	}
#rightFooter { width: 15em; float: right; text-align: right; }

/* Colaboratori */
.colaborator { display: inline-block; height: 100px; padding: 15px; text-align: center; }
.colaborator img { height: 80px; border: 2px solid #999999; }
.colaborator a { text-decoration: none; color: #e2017b; }
.colaborator a:hover { text-decoration: underline; color: #999; } 

/* Galerie */
.galleryWrap { border-bottom: 1px solid #888; padding: 10px 0; }
.gallery img { margin: 5px; border: 2px solid #999; width: 95px; }
