body { 	
	padding:0;
	margin:0;
	background-color:rgb(241,239,237);
	text-align:center;
}
p { color: rgb(161,150,137); font-family: Arial; font-size: 12px;}
table { width:100%; position:absolute; }
td {width: 20%; }
img {border:0;}
a:link {text-decoration: none;color: rgb(161,150,137); font-family: Arial; font-size: 13px;}
a:visited {text-decoration: none; color: rgb(161,150,137); font-family: Arial; font-size: 13px;}
a:active {text-decoration: none; color: rgb(161,150,137); font-family: Arial; font-size: 13px;}
a:hover {text-decoration: none; color: rgb(60,50,40); font-family: Arial; font-size: 13px;}
#main { margin:0 auto; position: relative; top: 28px; left: 0px; background-color: white; border: 1 solid black; width: 964px ; height: 596px; }
#top { position: relative; background-color: white; border: 1 solid black; width: 908px ; height: 480px; padding:28px 0px 0px 28px; float:left;}
/* Hack: solo per IE. 
   Rimedia l'errore del Box Model (Box Model Problem)
   (per IE width/height effettivo = width/height + margin + padding) */
* html #top {
	width: 936px;
	height: 568px;
	}
/* /Hack */
#top_body{ position: relative; float:right; width: 680px ; height: 480px;}
/* Hack: solo per IE. 
   Rimedia l'errore del Box Model (Box Model Problem)
   (per IE width/height effettivo = width/height + margin + padding) */
* html #top_body {
   width: 680px;
   }
/* /Hack */
#top_body_1{ position: relative; float:right; width: 680px ; height: 480px;}
/* Hack: solo per IE. 
   Rimedia l'errore del Box Model (Box Model Problem)
   (per IE width/height effettivo = width/height + margin + padding) */
* html #top_body_1 {
	width: 680px;
	}
/* /Hack */
#top_body_2{ display:none; position: relative; float:right; width: 680px ; height: 480px;}
/* Hack: solo per IE. 
   Rimedia l'errore del Box Model (Box Model Problem)
   (per IE width/height effettivo = width/height + margin + padding) */
* html #top_body_2 {
	width: 680px;
	}
	/* /Hack */
#top_body_3{ display:none; position: relative; float:right; width: 680px ; height: 480px;}
/* Hack: solo per IE. 
   Rimedia l'errore del Box Model (Box Model Problem)
   (per IE width/height effettivo = width/height + margin + padding) */
* html #top_body_3 {
   width: 680px;
   }
/* /Hack */
#top_title{ position: relative; width: 220px ; height: 56px; float:left;text-align:left;}
#top_description {position: absolute; top: 84px; left: 28px; padding:0 0 0 0; background-color: white; width: 220px; height: 424px;} 
#top_text{position: absolute; left:0px; bottom:0px; text-align:left; } 
#top_text p {position:relative;float:left; margin:0px} 

#top_navigation {position: relative;float: right;margin: 0px}
#top_navigation strong { color: rgb(161,150,137); font-family: Arial; font-size: 16px; cursor:default;}

/*
#top_text{position: absolute; top:56px; left:28px; background-color: white; width: 220px ; height: 452px; 
		  text-align:left; vertical-align:bottom;}
#top_text p {position:absolute; bottom:28px}
*/
#bottom{ border-top: 1px solid rgb(161,150,137); position: absolute; top: 520px; left: 28px; background-color: white; width: 908px ; height: 65px;}
#bottom_logo{ position:absolute; width:275px; height:30px; left:0px; z-index:10; top: 15px; text-align:left; vertical-align: middle;line-height: 30px;}
#bottom_menu{ position: relative; padding-left:290px; top: 10px; width: 600px; height: 45px; float:left;}
/* Hack: solo per IE. 
   Rimedia l'errore del Box Model (Box Model Problem)
   (per IE width/height effettivo = width/height + margin + padding) */
* html #bottom_menu {
	width: 890px;
	}
/* /Hack */

#menu_item {width: 150px;}
#menu_list {float: left; position: relative; left:28px; width: 150px;}

/* Gallery list  ---------------------------- */
#gallery_list_left {float: left;  margin-left:8px;  height: 480px; width: 224px; text-align:left; }
#gallery_item_left {float: none; width: 224px;height: 160px; }
#gallery_item_left2 {float: none; width: 224px; height: 150px; margin-top:10px; }
#gallery_item_left3 {float: none; width: 224px; height: 140px; margin-top:20px; }
* html #gallery_item_left2{height:160px;}
* html #gallery_item_left3{height:160px;}
#gallery_list {float: left; height: 480px; width: 224px; }
#gallery_item {float: none; width: 224px; height: 160px; }
#gallery_item_2 {float: none; width: 224px;  height: 150px; margin-top:10px;}
#gallery_item_3 {float: none; width: 224px;  height: 140px; margin-top:20px;}
* html #gallery_item_2{height:160px;}
* html #gallery_item_3 {height:160px;}
#gallery_list_right {float: right;height: 480px; width: 224px; text-align:right;}
#gallery_item_right {float: none; width: 221px; height: 160px; margin-right:3px; }
#gallery_item_right_2 {float: none; width: 221px; height: 150px; margin-top:10px; margin-right:3px; }
#gallery_item_right_3 {float: none; width: 221px; height: 140px; margin-top:20px; margin-right:3px; }
* html #gallery_item_right_2{height:160px;}
* html #gallery_item_right_3{height:160px;}
/* Hack: solo per IE.
  Rimedia l'errore del Box Model (Box Model Problem)
  (per IE width/height effettivo = width/height + margin + padding) */
* html #gallery_item_right {
   width: 224px;
   }
/* /Hack */

/* END Gallery List ------------------------- */

/* SCROLL ----------------------------------- */
.Container {
  position: absolute;
  top: 0px; left: 0px;
  width: 655px;
  height: 480px;
  background-color: #FFFFFF;
  text-align: left;
}
#Scroller-1 { 
  position: absolute; 
  overflow: hidden;
  width: 655px;
  height: 480px;
}
.Scroller-Container {
  position: absolute;
  top: 0px; left: 0px;
  text-align: left;
}
.Scrollbar-Track {
  width: 8px; height: 480px;
  position: absolute;
  top: opx; right: 0px;
  background-color: #F1EFED;
}
.Scrollbar-Handle {
  position: absolute;
  top: 0px; left: 0px;
  width: 8px; height: 70px;
  background-color: #A19689;
}

/* END scroll ------------------------------- */

 /* Dicono List  ---------------------------- */
#news_top_full {margin: 0; padding: 0; /* ATTENZIONE rompe l'esecuzuine di scroll.js ---> height: 480px; */ float: none; text-decoration: none; clear: both;  /* overflow: auto; */}
#news_full {font-family: arial; font-size:0; font-style: normal; text-align: left; line-height: normal; float: none; width: 655px; }
#news_full_title {font-size: 18px; font-weight: bold; float:none;}
#news_full_dist_line {clear: both; height: 4px; margin:0; padding:0; line-height:0; font-size:0; float:none;}
#news_full_line {clear: both; height: 6px; margin: 0; padding: 0; line-height: 0; font-size: 0; float: none; border-top: 1px dotted #A19689;}
#news_full_summary {color: #A19689; font-family: arial; font-size: 11px; font-style: italic; font-weight: bold; text-align: left; margin: 0; padding: 0; float: none;}
#news_full_dist_content {clear: both; height: 14px; margin: 0; padding: 0; line-height: 0; font-size: 0; float: none;}
#news_full_content {color: #A19689; font-family: arial; font-size: 12px; font-style: normal; text-align: left; line-height: normal; margin: 0; padding: 0; float: none;}
#news_full_image {float: left;}
#news_full_imgtag {padding-right: 14px; padding-bottom: 0px; padding-top: 0px;}
#news_full_caption {color: #A19689; font-family: arial; font-size: 10px; font-weight: normal; font-style: italic; text-align: left; padding-bottom: 3px; padding-right: 14px;}
#news_full_dist_back {clear: both; height: 10px; margin: 0; padding: 0; line-height: 0; font-size: 0; float: none;}
#news_full_dist_bottom {clear: both; height: 10px; margin: 0; padding: 0; line-height: 0; font-size: 0; float: none;}
#news_top_list {margin: 0; padding: 0; /* ATTENZIONE rompe l'esecuzuine di scroll.js ---> height: 480px; */ float: none; clear: both; /* overflow:auto; */ }
#news_list_box {margin: 0; padding: 0; font-size: 0; float: none; text-align: left;}
#news_list_image {float: left;  margin-left:8px;  height: 130px; width: 180px; text-align:left; }
#news_list_imgtag {padding-right: 0px; padding-top: 0px;border: 0;}
#news_list {float: left; height: 130px; width: 465px; }
#news_list_title {clear: both; margin: 0; padding: 0; height: 32px; float: none;}
#news_list_dist_line {clear: both; height: 2px; margin: 0; padding: 0; line-height: 0; font-size: 0; float: none;}
#news_list_line {clear: both; height: 4px; margin: 0; padding: 0; line-height: 0; font-size: 0; float: none; border-top: 1px dotted #A19689;}
#news_list_summary {color: #A19689; font-family: arial; font-size: 11px; font-style: italic; font-weight: bold; text-align: left; margin: 0; padding: 0; float: none;}
#news_list_dist_content {clear: both; height: 5px;margin: 0; padding: 0; line-height: 0; font-size: 0; float: none;}
#news_list_content {color: #A19689; font-family: arial; font-size: 12px; font-style: normal; text-align: left; line-height: normal; margin: 0; padding: 0; float: none;}
#news_list_dist_read {clear: both; height: 12px; margin: 0; padding: 0; line-height: 0; font-size: 0; float: none;}
#news_list_dist_bottom {clear: both; height: 5px; margin: 0; padding: 0; float: none;}
#news_read {clear: both; margin:0; padding:0; background-color:#A19689; float:none; text-align:left;}
#news_read a:link {text-decoration: none;color: rgb(230,230,230); font-family: Arial; font-size: 12px;}
#news_read a:visited {text-decoration: none;color: rgb(230,230,230); font-family: Arial; font-size: 12px; }
#news_read a:active {text-decoration: none;color: rgb(230,230,230); font-family: Arial; font-size: 12px; }
#news_read a:hover {text-decoration: none; color: rgb(255,255,255); font-family: Arial; font-size: 12px;}

/* END Dicono List  ---------------------------- */

/* Info List  ---------------------------- */

#info_clear {margin: 0; padding: 0; float: none; text-decoration: none; clear: both;}
#info_subpage {float: left; width: 335px;}

/* END Info List  ---------------------------- */

/* Eventi List  ---------------------------- */
#event_clear {margin: 0; padding: 0; /* ATTENZIONE rompe l'esecuzuine di scroll.js ---> height: 480px; */ float: none; clear: both; /* overflow: auto; */}
#event_full {float: none; width: 655px; }
#event_banner {float: left; height: 240px; }
#event_dist {clear: both; height: 20px; margin: 0; padding: 0; line-height: 0; font-size: 0; float: none;}
#event_list {float: left; /* ATTENZIONE limita il contenuto e quindi evita l'apparizione dello scroll handle ---> height: 200px; */ width: 325px; }
#event_text {font-family: arial; font-size: 12px; font-style: normal; font-weight: bold; text-align: left; line-height: normal; color: #A19689; margin: 0; padding: 0; float: none;}

/* END Eventi List  ---------------------------- */

.imagesmall{ cursor: pointer; }
.imagebig { cursor: pointer;  display:block;}
.containerImgBig{
    position: absolute;
    color: black;
    text-decoration: none;
    width:680px;
    height:480px;
    top:0px;
    left:0px;
    
}
/*#gallery_item div img{
     border-width: 0;
     padding: 2px;
}*/

.imageContainer { 
	    
	z-index:2;
	    
	    
        /*filter: alpha(opacity=100);-moz-opacity:1;opacity:1;*/ 
        position:relative;
        top: 0px; left:0px;
}
.imageContainer img {
        display:block;
        height:480px;
}

#footer{
	width:964px;
	top:595px;
	height:28px;
	position:absolute;
	background-color:rgb(241,239,237);
	text-align:center;
	float:left;
	left:0px;
	
}
#footer p a{
	font-size:10px;
	line-height:28px;
	vertical-align:middle;
	margin:0px;
}
#intro_top{
	float: left; 
	width: 100%; 
	vertical-align: bottom; 
	height: 400px;
}
#intro_bottom{
	padding: 80px 0px 0px; 
	float: left; 
	height: 200px; 
	width: 100%;
}
#intro_bottom p{
	font-size: 20px;
}
#footer p {
       font-size:11px;
       line-height:28px;
       vertical-align:middle;
       margin:0px;
}
#footer b{
	cursor:pointer;
	}
#footer p a:link{
color: rgb(161,150,137);
text-decoration:none;        
}
#prodotti_top_menu{
	text-align:left;
	float:left;	
	
}
.response{
	position:relative;
	top:200px;
	width:680px;
	text-align:center;
}
.responsebutton{
        float:left;
	margin-left:auto;
	margin-right: auto;
	width:680px;

}
.responsebutton input{
	color: rgb(161,150,137);
	border: 1px solid rgb(161,150,137);
	background-color: white;
}
#formacquista{
	position: relative;
	
	top: 100px;
	left:170px;
	width: 330px;
	text-align:center;
	margin:0px;
}
.label{
	float:left;
	color: rgb(161,150,137); 
	font-family: Arial; 
	font-size: 14px;
	text-align:left;
	height: 20px;
	width:92px;
}
.field{
	float:left;
	height: 20px;
}
.field input{
	color: rgb(161,150,137);
	border: 1px solid rgb(161,150,137);
	background-color: white;
	width:230px;
}
.field textarea{
	color: rgb(161,150,137);
	border: 1px solid rgb(161,150,137);
	background-color: white;
	width: 230px;
	resize: none;
	overflow-x: hidden; 
	overflow-y: scroll;
	overflow:-moz-scrollbars-vertical;
} 
.formitem{
	float:left;
	width: 330px;
	height: 25px;
}
.formbuttons{
	float:left;
	margin-left:92px;
	
	
}

.formbuttons input{
	color: rgb(161,150,137);
	border: 1px solid rgb(161,150,137);
	background-color: white;
}

#credits{
	top: -310px;
	left:600px;
	width:310px;
	height: 280px;
	border: 1px solid rgb(161,150,137);
	font-size:11px;
	text-align:left;
	background-color: white;
	color: rgb(161,150,137);
	position:relative;
	
}

#credits ul>li>ul>li{
	list-style: none;
	height: 15px;
	} 

#credits ul>li{
	list-style: none;
	height: 120px;
}
#credits p{
	text-align:right;
	padding-right: 10px;
	line-height: 20px;
	cursor: pointer;
}