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

/* struttura */

* {margin:0;padding:0;}

body{
  /* This is the background image to the entire page that you
   * get because of the layer '' that you created.
   * If you would like this layer to stay static relative to the
   * browser window (you don't want it to scroll with your content)
   * just add the word 'fixed' to the line below (before the ;). */
  background: #fff  ;
  font-family: Lucida Sans,"Trebuchet MS", Verdana, Arial; font-size:10px; color:#333;
}  

a:link { color: #333; text-decoration:none; }
a:visited { color: #333; text-decoration:none; }
a:hover {
  color: #666; text-decoration:underline;}
  
  #wrap {
  position: absolute;
  margin-left: -470px;
  top:0px;
   left: 50%;
   width: 940px;
  height: 980px;
   border:solid 0px #be9e56;
  z-index: 1;

}
#background {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 940px;
  height: 980px;
  z-index: 3;
  border:solid 1px #be9e56;

}
#right_bg {
  position: absolute;
  left: 636px;
  top: 154px;
  width: 213px;
  height: 300px;
  z-index: 2;
   background:  #fff ;
}

/* block list */
ul.block {
	border-top: 1px solid #be9e56;
	margin: 0px 0;
	padding: 0;
	width: 100%;
}
.block li {
	border-bottom: 1px solid #be9e56;
	list-style: none;
}
.block li a,.block li em {
	color: #be9e56;
	display: block;font-size: 14px;
}

.block li a {
	padding: 6px 10px;
	text-decoration: none;
	height:64px;
	
}
.block li a span {font-weight: bold;}
.block li a:hover,.block li a#active { background: #111; color: #ffffff}


#logo {
  position: absolute;
  left: 13px;
  top: 0px;
  width: 143px;
  height: 148px;
  z-index: 10;
  background:url(img/logo_pecetta.png);

}
#top_nav {
  position: absolute;
  left: 326px;
  top: 110px;
  width: 593px;
  height: 30px;
  z-index: 10;
  background:#fff;
  text-align:right;
  font-size:14px;
	font-family:"Trebuchet MS", Verdana, Lucida Sans, Arial;
	color:#8e9091; 
	
	
 


}
#top_nav a {
	color:#8e9091;
	text-decoration:none;
	}
	
#top_nav a:hover,.block li a#active {
	color:#333;
	text-decoration:underline;
	}
#header {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 940px;
  height: 160px;
  z-index: 3;
   background:#fff;
}
#lower_header_bg {
  position: absolute;
  left: 0px;
  top: 160px;
  width: 940px;
  height: 296px;
  z-index: 3;
   background:#fff;
}

#main_bg {
  position: absolute;
  left: 0px;
  top: 456px;
  width: 940px;
  height: 346px;
  z-index: 3;
   background:url(img/main_bg.png) ;
}
#var1_bg {
  position: absolute;
  left: 0px;
  top: 306px;
  width: 940px;
  height: 404px;
  z-index: 3;
   background:#555;
   background:url(img/varia1_bg.png) bottom;
}
#var2_bg {
  position: absolute;
  left: 0px;
  top: 306px;
  width: 940px;
  height: 910px;
  z-index: 3;
   background:url(img/varia2_bg.jpg) bottom no-repeat;
}


#crossslide {
 
  position: absolute;
  left: 20px;
  top: 4px;
  width: 902px;
  height: 287px;
  z-index: 10; 
  text-align:center;
}


#left_text {
 
  position: absolute;
  left: 55px;
  top: 44px;
  width: 412px;
  height: 313px;
  z-index: 25;
  text-align:left;
}



#left_text p {
 
padding:5px 5px 5px 5px;
font-size:15px;
color:#fff;
font-family:"Times New Roman", Times, serif;
text-align:justify;
color:#333;
}

#left_text h1 {font-family:"Times New Roman", Times, serif; font-size:24px;padding:5px 5px 5px 5px;}
#left_text h1 a {text-decoration: none;}
#right h1 {font-family:"Times New Roman", Times, serif; font-size:22px;padding:5px 5px 5px 10px;}

#left_text_long {
 
  position: absolute;
  left: 55px;
  top: 14px;
  width: 830px;
  height: 313px;
  z-index: 25;
  text-align:left;
}



#left_text_long p {
 
padding:5px 5px 5px 5px;
font-size:13px;
font-family:"Times New Roman", Times, serif;
font-size:16px;
text-align:justify;
color:#333;
}

#left_text_long h1 {font-family:"Times New Roman", Times, serif; font-size:24px;padding:5px 5px 5px 5px;}
#left_text_long h1 a {text-decoration: none;}

#lowerbuttons_1 {
 
  position: absolute;
   left: 570px;
  top: 265px;
 width: 150px;
  height: 59px;
  z-index: 99;
  text-align:left;
  background:#fff;
}
#lowerbuttons_2 {
 
  position: absolute;
  left: 728px;
  top: 265px;
  width: 150px;
  height: 59px;
  z-index: 99;
  text-align:left;
  background:#fff;
}
#lowerbuttons_3 {
 
  position: absolute;
  left: 635px;
  top: 605px;
  width: 250px;
  height: 36px;
  z-index: 99;
  text-align:left;
  background:#fff;
}
#lowerbuttons_4 {
 
  position: absolute;
  left: 635px;
  top: 1110px;
  width: 250px;
  height: 36px;
  z-index: 99;
  text-align:left;
  background:#fff;
}

#lowerbuttons_5 {
	position: absolute;
	left: 410px;
	top: 265px;
	width: 150px;
	height: 59px;
	z-index: 99;
	text-align:left;
	background:#fff;
}
#right {
 
  position: absolute;
  left: 500px;
  top: 44px;
  width: 378px;
  height: 299px;
  z-index: 25;
  text-align:left;
}
#right p {
 
padding:5px 5px 5px 5px;
font-size:15px;
color:#fff;
font-family:"Times New Roman", Times, serif;
text-align:justify;
color:#333;
}
#right_marchi_profumi {
 
  position: absolute;
  left: 365px;
  top: 80px;
  width: 525px;
  height: 200px;
  z-index: 25;
  text-align:left;
}

#footer {
  position: absolute;
  left: 0px;
  top: 880px;
  width: 940px;
  height: 113px;
  z-index: 4;
  text-align:center;
  background:url(img/footer.png) center no-repeat;
  
  
}
  
  #footer_2 {
  position: absolute;
  left: 0px;
  top: 800px;
  width: 940px;
  height: 113px;
  z-index: 4;
  text-align:center;
  background:url(img/footer.png) center no-repeat;
  
  
}
  #footer_lungo {
  position: absolute;
  left: 0px;
  top: 950px;
  width: 940px;
  height: 113px;
  z-index: 4;
  text-align:center;
  background:url(img/footer.png) center no-repeat;
  
  
}

#line {
  position: absolute;
  left: 0px;
  top: 451px;
  width: 850px;
  height: 3px;
  z-index: 1fff;
   background:  #fff url(img/linea.png);
}
#top_block {
  position: absolute;
  left: 15px;
  top: 474px;
  width: 902px;
  height: 145px;
  z-index: 5;

}
#bot_block {
  position: absolute;
  left: 15px;
  top: 624px;
  width: 902px;
  height: 145px;
  z-index: 5;


}
#left_block {
  position: absolute;
  left: 20px;
  top: 0px;
  width: 209px;
  height: 140px;
  z-index: 5;
   background: #fff ;
}
#left_left_block {
  position: absolute;
  left: 242px;
  top: 0px;
  width: 209px;
  height: 140px;
  z-index: 5;
   background: #fff ;
}
#right_right_block {
  position: absolute;
  left: 464px;
  top: 0px;
  width: 209px;
  height: 140px;
  z-index: 5;
   background: #fff ;
}
#right_block {
  position: absolute;
  left: 685px;
  top: 0px;
  width: 209px;
  height: 140px;
  z-index: 102;
   background: #fff ;
}

/* navigation */
.navigation {
	background: url(img/nav.png) repeat-x; height: 52px; width:100px;
	}
.navigation a {
	background: #FFF url(img/nav.png) repeat-x;
	border-right: 0px solid #C9C6B3;
	color: #fff;
	float: left;
	font: 14px Lucida Sans,"Trebuchet MS", Verdana, Arial;
	padding: 0 14px;
	line-height: 52px;
	text-align: center;
	text-decoration: none;
	width:100px
}
.navigation a:hover,.navigation a#active {background-position: left bottom; color: #fff;}
/* tabs */
#news {
  position: absolute;
  left: 750px;
  top: 663px;
  width: 130px;
  height: 52px;
  z-index: 4;
 
}
#home {
  position: absolute;
  left: 25px;
  top: 105px;
  width: 85px;
  height: 32px;
  z-index: 12;
  background-color:#fff;
 
}
#chiusura {
  position: absolute;
  left: 590px;
  top: 105px;
  width: 230px;
  height: 64px;
  z-index: 12;
  background-color:#fff;
  padding:5px;
  font-size:11px;
  text-align:center;
     border:solid 1px #be9e56;
 
}

/* lingue */
#ita-link {
  position: absolute;
  left: 898px;
  top: 60px;
  width: 52px;
  height: 52px;
  z-index: 4;
}

#ita-over {
  position: absolute;
  left: 898px;
  top: 60px;
  width: 52px;
  height: 52px;
  z-index: 6;
}

#eng-link {
  position: absolute;
  left: 898px;
  top: 112px;
  width: 52px;
  height: 52px;
  z-index: 5;
}


#eng-over {
  position: absolute;
  left: 898px;
  top: 112px;
  width: 52px;
  height: 52px;
  z-index: 7;
}

h1 {font: normal 2.4em "Times New Roman", Times, serif;}
h1 a {text-decoration: none;}
h1 a:hover {text-decoration: underline;}

h2 {font: normal 1.6em "Times New Roman", Times, serif; text-align:center;}
h3 {font: Lucida Sans,"Times New Roman", Times, serif;
	font-size:15px;}
	
.fade {
  position: absolute;
  top: 0px;
  left: 0px;
 ;
}

.fade div {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

img { border: none; } 
 
 .text {
font-size:12px;
color:#000;
font-family:"Times New Roman", Times, serif;

padding-left:5px;
	
	
	}
	 .text_marchi {
font-size:14px;
color:#000;
font-family:"Times New Roman", Times, serif;

padding-left:25px;
margin-left:10px;
	
	
	}  
	 .text_contact {
font-size:12px;
color:#000;
font-family:"Times New Roman", Times, serif;
padding-left:5px;
border: 1px solid #f3f3f3;	
	
	} 

 .posText {
	width:312px;
	height:100px;
	background-color:#fff;
	border:1px solid ;
	border-color:#000;
	padding-left:5px;
	padding-top:5px;
	
	font-family:"Times New Roman", Times, serif;
	font-size:10px;
	
	border: 1px solid #f3f3f3;
	}	

input.text:focus	{
	background: #fff;
	border: 1px solid #f3f3f3;
	
}

textarea.posText:focus	{
	background: #fff;
	border: 1px solid #f3f3f3;
}

fieldset {
	border:none;
	}
	
#emailSuccess {
padding-bottom:14px;
}

#loadBar {
padding-bottom:14px;
}