@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:url(img/bg.jpg) #000000 repeat-x;
font-family:"Trebuchet MS", Verdana, Lucida Sans, Arial;
}  

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: -549px;
	top:0px;
	left: 50%;
	width: 1098px;
	height: 1059px;
	border:solid 0px #be9e56;
  background:url(img/background.jpg)
  z-index: 1;


}
#background {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 898px;
  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: 12px;
}

.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);

}

#language_box {
	position: absolute;
	left: 865px;
	top: 10px;
	width: 103px;
	height: 25px;
	z-index: 10;
	text-align:right;
	font-size:14px;
	font-family:"Trebuchet MS", Verdana, Lucida Sans, Arial;
	color:#111111;
	visibility:hidden;
 


}
#top_nav {
  position: absolute;
  left: 375px;
  top: 90px;
  width: 593px;
  height: 25px;
  z-index: 10;
  text-align:right;
  font-size:14px;
	font-family:"Trebuchet MS", Verdana, Lucida Sans, Arial;
	color:#111111; 
	
	
 


}
#top_nav a {
	color:#111111;
	text-decoration:none;
	}
	
#top_nav a:hover,.block li a#active {
	color:#333;
	text-decoration:underline;
	}
#header {
  position: absolute;
  left: 100px;
  top: 0px;
  width: 898px;
  height: 127px;
  z-index: 3;
   background:#fff;
}
#lower_header_bg {
  position: absolute;
  left: 100px;
  top: 127px;
  width: 898px;
  height: 448px;
  z-index: 10;
   background:#000;
}
#lower_header_bg_chip {
	position: absolute;
	left: 100px;
	top: 129px;
	width: 898px;
	height: 450px;
	z-index: 10;
	background:#fff;
}
#navigation_bar {
  position: absolute;
  left: 100px;
  top: 575px;
  width: 898px;
  height: 36px;
  z-index: 20;
   background:#000;
}
#navigation_bar_chip {
	position: absolute;
	left: 100px;
	top: 576px;
	width: 898px;
	height: 36px;
	z-index: 20;
	background:#000;
}
/* navigation */
.navigation {
	background: #DED9D0 url(img/nav.gif) repeat-x; height: 36px;
	border-top: 1px solid #555;
}
.navigation a {
	background: #FFF url(img/nav.gif) repeat-x;
	border-right: 0px solid #fff;
	color: #fff;
	float: left;
	font: bold 12px "Trebuchet MS", Verdana, Lucida Sans, Arial;;
	padding: 0 14px;
	line-height: 36px;
	text-align: center;
	text-decoration: none;
}
.navigation a:hover,.navigation a#active {background-position: left bottom; color: #eee;}
.clear,.clearer {clear: both;} 

#main_bg {
  position: absolute;
  left: 0px;
  top: 127px;
  width: 1098px;
  height: 820px;
  z-index: 3;
   background:url(img/background.jpg) ;
}
#main_bg_chip {
  position: absolute;
  left: 0px;
  top: 127px;
  width: 1098px;
  height: 820px;
  z-index: 3;
   background:url(img/background.jpg) ;
}
#inner_bg {
	position: absolute;
	left: 118px;
	top: 500px;
	width: 858px;
	height: 407px;
	z-index: 3;
	color:#FFFFFF;

}
#inner_bg_chip {
  position: absolute;
  left: 118px;
  top: 500px;
  width: 858px;
  height: 550px;
  z-index: 3;
    color:#FFFFFF;


}


#left_column {
	position: absolute;
	left: 20px;
	top: 20px;
	width: 722px;
	z-index: 3;
}
#right_column {
  position: absolute;
  left: 630px;
  top: 20px;
  width: 230px;
  height: 500px;
  z-index: 3;
   

}

#right_column_contact {
	position: absolute;
	left: 320px;
	top: 75px;
	width: 420px;
	height: 312px;
	z-index: 99;
	background:#000;
	border-left:1px solid;
	border-color:#ffffff;
}
#right_column_contact p {
padding:0px 10px 50px 30px;
line-height:23px;
border-top: 0px solid #BE0101;
font: "Trebuchet MS", Verdana, Arial;
	font-size:14px;

}

p {
font: "Trebuchet MS", arial, Geneva;
font-size:13px;
text-align:left;
line-height:16px;
color:#efefef;
text-align:justify; 

   

}


#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;
  
}



#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;}







#footer_home {
	position: absolute;
	left: 100px;
	top:910px;
	width: 898px;
	height: 113px;
	z-index: 100;
	text-align:center;
	background:url(img/footer.png) center no-repeat;
	color:#999999;
	font-size:10px;
}

#footer_contatti {
	position: absolute;
	left: 100px;
	top:1040px;
	width: 898px;
	height: 113px;
	z-index: 100;
	text-align:center;
	background:url(img/footer.png) center no-repeat;
	color:#999999;
	font-size:10px;
}
#footer_gate {
	position: absolute;
	left: 100px;
	top:910px;
	width: 898px;
	height: 113px;
	z-index: 100;
	text-align:center;
	background:url(img/footer.png) center no-repeat;
	color:#999999;
	font-size:10px;
}
#footer_gate {
	position: absolute;
	left: 100px;
	top: 1040px;
	width: 940px;
	height: 113px;
	z-index: 55;
	text-align:center;
	background:url(img/footer.png) center no-repeat;
	color:#FFFFFF;
}
  
  #footer_2 {
  position: absolute;
  left: 100px;
  top:1250px;
  width: 898px;
  height: 113px;
  z-index: 100;
  text-align:center;
  background:url(img/footer.png) center no-repeat;
  color:#999999;
  font-size:10px;
  
  
}
  #footer_3 {
  position: absolute;
  left: 100px;
  top:1900px;
  width: 898px;
  height: 113px;
  z-index: 100;
  text-align:center;
  background:url(img/footer.png) center no-repeat;
  color:#999999;
  font-size:10px;
  
  
}

#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 ;
}




h1 {font: normal 2.4em Arial;}
h1 a {text-decoration: none;}
h1 a:hover {text-decoration: underline;}

h2 {font: normal 15px "Trebuchet MS",Arial; text-align:left; color:#df1e19}
h3 {font: normal 11px Arial; text-align:left; color:#df1e19;
		}
		h4 {font:  Arial, "Trebuchet MS", Verdana,;
	font-size:10px;}
	
.fade {
  position: absolute;
  top: 0px;
  left: 0px;
 ;
}

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

img { border: none; } 
 


/*Form Styles*/

.text {
	width:250px;
	height:18px;
	margin:0px;
	background-color:#000000;
	border:1px solid;
	border-color:#ffffff;
	padding-left:3px;
	padding-top:3px;
	color:#ffffff;
	font-size:14px;
	
	}
	.text_2 {
	width:250px;
	height:100px;
	margin:0px;
	background-color:#000000;
	border:1px solid;
	border-color:#ffffff;
	padding-left:3px;
	padding-top:3px;
	color:#ffffff;
	font-size:14px;
	
	}
	
.posText {
	width:250px;
	height:250px;
	background-color:#000000;
	border:1px solid;
	border-color:#ffffff;
	padding-left:5px;
	padding-top:5px;
	color:#ffffff;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	}	

input.text:focus	{
		border: 1px solid #ffffff;
}

textarea.posText:focus	{
	background: #000000;
	border: 1px solid #ffffff;
}

fieldset {
	border:none;
	}

 #text_container_form /* form*/{
padding:65px 50px 50px 75px;
line-height:23px;
border-top: 0px solid #BE0101;
font: "Trebuchet MS", Verdana, Arial;
	font-size:10px;
	



}
td {
padding:2px 2px 2px 2px;
font:"Trebuchet MS", arial, Geneva;
font-size:12px;
}