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: 14px;}
a:visited {text-decoration: none; color: rgb(161,150,137); font-family: Arial; font-size: 14px;}
a:active {text-decoration: none; color: rgb(161,150,137); font-family: Arial; font-size: 14px;}
a:hover {text-decoration: none; color: black; font-family: Arial; font-size: 14px;}
#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_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 ------------------------- */ 
.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:150px;
	width: 500px;
	text-align:center;
	margin:0px;
}
.label{
	float:left;
	color: rgb(161,150,137); 
	font-family: Arial; 
	font-size: 14px;
	width:80px;
	text-align:left;
	height: 20px;
	width:100px;
}
.field{
	float:left;
	height: 20px;
}
.field input{
	color: rgb(161,150,137);
	border: 1px solid rgb(161,150,137);
	background-color: white;
	width:250px;
}
.field textarea{
	color: rgb(161,150,137);
	border: 1px solid rgb(161,150,137);
	background-color: white;
	width: 250px;
	overflow-x: hidden; 
	overflow-y: scroll;
	overflow:-moz-scrollbars-vertical;
} 
.formitem{
	float:left;
	width: 360px;
	height: 25px;
}
.formbuttons{
	float:left;
	margin-left:auto;
	margin-right: auto;
	width:360px;
}
.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;
}