@charset "utf-8";
/* CSS Document */

body { padding:30px 0; margin: 0; background-color: #8C828E; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; line-height: 20px;  }
img { border: none; }
.clear { height: 0; clear:both; overflow: hidden; visibility:hidden; }
h1 {color: #8A7FA1; padding: 0; margin: 0; font-size: 15px; font-weight: normal;}
	h1.design {text-align:center;}
	h2 {color: #8A7FA1; font-size: 13px; font-weight:normal; margin-left:10px; margin-bottom:10px;}

.contenuto h1{font-size:12px; font-weight:normal; display:block; margin:0 0 10px 0;}

.globale {width: 940px; padding:20px; margin:auto; background-color:#FFF;
height:auto;
/*display:table; /*l’elemento contenitore viene visualizzato come una tabella*/}

.centrato{
	height:554px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-294px 0 0 -490px;
}

.contenitore { width: 940px; border: 1px solid #8A7FA1; margin: auto; padding: 25px 0 0 0; background:url(../img/bg.jpg) #FFF top left no-repeat;
/*display:table-cell; /*l’elemento è visualizzato come una cella della tabella*/
/*vertical-align:middle; /*proprietà vertical-align con valore centrato*/}
.header { height: 70px; padding: 0 40px;    }
.header .logo { float: left; width: 300px; text-align:left }
.header .claim { float: right; width: 300px; text-align:right; padding-top: 30px;}

.contenuto { padding: 0 40px 20px 40px; color: #58595B; }
	.contenuto p{text-align:center;}
		.contenuto p a.touch{color:#615973; font-size:18px;}
			.contenuto p a.touch:hover{text-decoration:none;}	
.contenuto .fotobig { padding-bottom: 15px; }

.nav { border-top: 1px solid #D8D7DE; padding: 0 0 0 50px; color: #404042; font-family: Georgia, "Times New Roman", Times, serif; font-style:italic; font-size: 12px; text-align:left; width:890px;}
	.nav span{vertical-align: 50%;}
.nav a { color: #404042; display:inline-block; text-decoration: none; padding:5px 5px 5px 5px; border-top: 2px solid #FFF; margin:0;}
.nav a:hover { color: #404042; text-decoration: none; border-top: 2px solid #615973;  }
.nav a.active { color: #404042; text-decoration: none; border-top: 2px solid #615973;  }

.nav-sup { border-top: 1px solid #D8D7DE; border-bottom: 1px solid #D8D7DE; padding: 0 0 0 0; margin:10px 0; color: #404042; font-family: Georgia, "Times New Roman", Times, serif; font-style:italic; font-size: 12px; text-align:left; width:860px;}
.nav-sup a { color: #404042; display:inline-block; text-decoration: none; padding: 5px; border-top: 2px solid #FFF }
	.nav-sup span{vertical-align: 50%;}
.nav-sup a:hover { color: #404042; text-decoration: none; border-top: 2px solid #615973;  }
.nav-sup a.active { color: #404042; text-decoration: none; border-top: 2px solid #615973;  }

.footer { border-top: 1px solid #D8D7DE; background: #615973; color: #FFF; padding: 10px 0 10px 50px; font-family: Georgia, "Times New Roman", Times, serif; font-style:italic; font-size: 12px; margin:0;}
.footer a { color: #FFF; text-decoration:none; padding: 5px }
.footer a:hover { color: #FFF; text-decoration:none; border-bottom: 2px solid #D8D7DE; }
.footer a.active { color: #FFF; text-decoration:none; border-bottom: 2px solid #D8D7DE; }
.footer .farfalla-footer { position: absolute; margin-left: -35px; margin-top: -2px;  }

.footer2 { border-top: 1px solid #D8D7DE; font-variant:small-caps; text-align:center; background: #fff; color: #615973; padding: 10px 0 10px 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; margin:0;}
.footer2 a { color: #615973; text-decoration:none; padding: 5px }
.footer2 a:hover { color: #615973; text-decoration:none; border-bottom: 2px solid #D8D7DE; }
.footer2 a.active { color: #615973; text-decoration:none; border-bottom: 2px solid #D8D7DE; }
.footer2 .farfalla-footer { position: absolute; margin-left: -35px; margin-top: -2px;  }

.testo-left { float: left; width: 310px; line-height:20px;}
	.testo-left ul li{margin-bottom:5px;list-style-image: url(../img/list.gif);}
	.testo-left a{color: #8A7FA1; text-decoration:none;}
		.testo-left a:hover{text-decoration:underline;}
.foto-right { float: right; width: 500px; }
	.foto-right img{display:block; margin:0 auto; padding:2px; border:1px solid #D8D7DE;}
	.foto-right span{text-align:center; display:block;}
	.foto-right span a{color:#615973;}
			.foto-right span a:hover{text-decoration:none;}

.left{width:398px; padding:0 40px 0 0; float:left;}
	.left p{text-align:left;}
		.left p a{color:#615973;}
			.left p a:hover{text-decoration:none;}	
	.left h2{font-size:16px; text-align:center; margin-top:40px;}
	.left ul{list-style-type:none;}
		.left ul li{margin-bottom:10px; padding-left:60px;}
			.left ul li a{color:#615973;}	
				.left ul li a:hover{text-decoration:none;}
.right{width:420px; float:left;}
	.right img{display:block; margin:0 auto; padding:2px; border:1px solid #D8D7DE;;}
	.right span{font-size:13px; color:#615973;text-align:center; display:block;}
	
.riga{width:100%; padding:10px 0; border-bottom:#999 1px solid;}
	.riga .cella{width:25%; float:left;}
		.riga .cella img{display:block; margin:0 auto;}
		

/* GALLERY */

.gallery { padding: 5px 0;  }
	.gallery img { float: left; margin: 0; }
	
.gallery-glam{width:608px; margin:0 auto;}
	.gallery-glam img{margin:3px; padding:2px; float:left; border:1px solid #D8D7DE;}
		.gallery-glam img:hover{border:1px solid #615973;}
.gallery-glam p{text-align:left; margin-top:10px; clear:both; padding-top:10px;}

.gallery-our{width:608px; margin:0 auto;}
	.gallery-our img{margin:3px; padding:2px; float:left; border:1px solid #D8D7DE;}
		.gallery-our img:hover{border:1px solid #615973;}
.gallery-our p{text-align:left; margin-top:10px;}

.photo-details{width:418px; height:285px; margin:0 auto 10px auto; padding:2px; border:1px solid #D8D7DE;}

#info{width:940px; margin:10px auto; color:#e6e7e8; font-size:11px; position:absolute; margin-top:25px;}
	#info a { color: #FFF; text-decoration:none; padding: 5px }
	#info a:hover { color: #FFF; text-decoration:none; border-bottom: 2px solid #D8D7DE; }
	#info a.active { color: #FFF; text-decoration:none; border-bottom: 2px solid #D8D7DE; }

	#info span{float:left; display:block;}
	#info strong{text-align:right; float:right;}
		#info strong a{color:#e6e7e8; text-decoration:none;}
			#info strong a:hover{text-decoration:underline;}
			
.iniziale {
color:#BDA8D0;
font-family:"Edwardian Script ITC",Georgia,"Trebuchet MS",Tahoma,"Lucida Grande","Lucida Sans";
font-size:34px;
line-height:26px;
font-style:italic;
font-weight:bold;
}