@import url('menudropup.css');
/* COMUNI */

body{
	 background-color:	#382720;
	 margin:			0px;
	 background:		url(../images/sfondo_full.jpg) no-repeat fixed top center;
}

#logoup{
	  display:     		block;
	  width:       		200px;
	  height:      		20px;
	
	  position:    		absolute;
	  top:         		50%;
	  left:       		50%;
	
	  margin:      		-278px 0 0 -485px;
	  text-align:		left;
	  vertical-align:	middle;
	  padding-top:		10px;
	  
	  font-family: 		'PT Serif', serif;
	  font-size:		11px;
	  color:			#bbbbbb;
		z-index:10;
}

#shop{
	display:     		block;
	width:       		200px;
	height:      		20px;
  
	position:    		absolute;
	top:         		50%;
	left:       		50%;
  
	margin: -269px 0 0 469px;
	text-align:		left;
	vertical-align:	middle;
	padding-top:		10px;
	
	font-family: 		'PT Serif', serif;
	font-size:		16px;
	color:			#bbbbbb;
	  z-index:10;
}

#shop a{
	text-decoration: none;
	color: #FFFFFF;
}

#overlay{
	background-color: rgba(255,255,255,0.7);
	width: 100%;
	height: 100%;
	top: 0px;
	position: absolute;
	z-index: 998;
	-webkit-transition: all 100ms ease-in-out; 
	-moz-transition: all 100ms ease-in-out; 
	-o-transition: all 100ms ease-in-out; 
	transition: all 100ms ease-in-out;
}

#overlay .close{
	top:2%;
	right: 1%;
	position: absolute;
	z-index: 998;
	cursor: pointer;
}
#overlay .close img{
	width:100px
}

#overlay .img{
	position: absolute;
	z-index: 999;
	top:         		50%;
	left:       		50%;
  
	margin: -300px 0 0 -220px;
}

#homepage_text {
	  display:     		block;
	  width:       		1056px;
	  height:      		50px;
	
	  position:    		absolute;
	  top:         		50%;
	  left:       		50%;
	
	  margin:      		222px 0 0 -528px;
	  text-align:		center;
	  vertical-align:	middle;
	  padding-top:		10px;
	  
	  /*font-family:		Arial, Helvetica, sans-serif;*/
	  font-family: 		'PT Serif', serif;
	  font-size:		16px;
	  color:			#bab5b2;

}

#homepage_piva {
	  display:     		block;
	  width:       		1056px;
	  height:      		50px;
	
	  position:    		absolute;
	  top:         		50%;
	  left:       		50%;
	
	  margin:      		242px 0 0 -528px;
	  text-align:		left;
	  vertical-align:	middle;
	  padding-top:		10px;
	  
	  font-family:		Arial, Helvetica, sans-serif;
	  font-size:		10px;
	  color:			#635650;

}


#fondo_centrato {
	  display:     		block;
	  width:       		1056px;
	  height:      		446px;
	
	  position:    		absolute;
	  top:         		50%;
	  left:        		50%;
	
	  margin:      		-222px 0 0 -528px;
	  border:			1px;
	  border-color:		#fff;
	  border-style:		solid;
	  vertical-align:	middle;	
}

#contenuto{
	  float:			left;
	  margin:			0px;
	  /*background-color:	white;*/
	  margin:			18px;
	  width:			1020px;
	  height:			410px;
}

/* HOME PAGE */

#homepagemenu a {
	text-decoration:none;
	color:white;
}

#homepagemenu {
	padding-top:130px;
	color:white;
}

#homepagequad-dx{
	width:500px;
	height:410px;
	float:left;
	text-align:center;
	/*background-color:#a29292;*/
}



/* MENU FOOTER */


#menufooter {
	  display:     		block;
	  width:       		1036px;
	  height:      		25px;
	
	  position:    		absolute;
	  top:         		50%;
	  left:       		50%;
	
	  margin:      		222px 0 0 -508px;
	  text-align:		left;
	  vertical-align:	middle;
	  padding-top:		20px;
	  
	  font-family: 		'PT Serif', serif;
	  font-size:		16px;
	  color:			white;
	  
	  border-bottom:1px white solid;

}

#menufootervoci{
	float:left;
	margin-right:40px;
}

#menufooterpiva {
	  display:     		block;
	  width:       		1056px;
	  height:      		20px;
	
	  position:    		absolute;
	  top:         		50%;
	  left:       		50%;
	
	  margin:      		265px 0 0 -528px;
	  text-align:		right;
	  vertical-align:	middle;
	  padding-top:		10px;
	  
	  font-family: 		'PT Serif', serif;
	  font-size:		12px;
	  color:			#bbbbbb;

}


/* */

#quad-dx{
	float: right; 
	width: 510px; 
	height: 410px; 
	color: white;
}

#quad-dx-titolo {
	width: 490px; 
	height: 30px; 
	border-bottom: 1px solid white; 
	margin-left: 20px; 
	margin-right: 30px; 
	font-size: 18px;
}

#quad-dx-testo {
	width: 490px; 
	height: 30px; 
	margin-left: 20px; 
	margin-right: 30px; 
	font-size: 14px; 
	padding-top: 20px;
	text-align:justify;
}

#quad-dx-contenitoretitolo{
	width: 490px; 
	height: 30px;
	border-bottom: 1px solid white; 
	margin-left: 20px; 
	margin-right: 30px; 
	font-size: 18px;	
}

#quad-dx-titolo-storia {
	width: 350px; 
	float:left;
}


#quad-dx-frecce {
	float:right;
	width:90px;
	text-align:right;
	padding-right:5px;
	font-family: 'Pinyon Script';
	font-size:20px;	
}


#quad-dx-frecce-gallery {
	float:right;
	width:90px;
	text-align:right;
	padding-right:5px;
	font-family: 'Pinyon Script';
	font-size:20px;	
}


#quad-dx-negozi{
	float: right; 
	width: 310px; 
	height: 390px; 
	color: white;
	position:relative;
}


#quad-dx_negozi-indirizzi {
	height: 140px; 
	font-size: 18px;
	position:absolute;
	bottom:0px;
	right:10px;
	text-align:center;
}



/* GALLERY */


#quad-gallery{
	width:1030px;
	padding-top:20px;
}

.imggallery{
	width: 145px;
	height: 145px;
	padding-right:22px;
	padding-top:21px;
	border:0px;
}

.imggallery-last{
	width: 145px;
	height: 145px;
	padding-top:21px;
	padding-right:8px;
	border:0px;
}

.imggallery-first{
	width: 145px;
	height: 145px;
	padding-top:21px;
	padding-left:8px;
	padding-right:22px;
	border:0px;
}