html, body, div, span, applet, object, iframe,
h1, h2, h2, h3, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* FINE DELETE */

@font-face {
	font-family: 'LucidaGrandeRegular';
	src: url('Lucida_Grande.eot');
	src: local('Lucida Grande Regular'), local('LucidaGrande'), url('Lucida_Grande.ttf') format('truetype');
}

html {overflow-y: scroll;}


h1	{ color: #101010; font-size: 2em; margin: .67em 0 }
h2	{ color: #101010; font-size: 1.5em; margin: .75em 0 }
h2	{ color: #101010; font-size: 1.17em; margin: .83em 0 }
h3	{ color: #101010; font-size: 1em; margin: .75em 0 }

p {	font-size: 0.9em;}

a:link {color: #2e1313;}
a:visited {color: #2e1313;}
a:hover {color: #929d71;}
a:active {color: #929d71;}
#selected {color: #929d71;
cursor: default;}


body {
	font-size: 16px;
	min-width: 960px;
	background-image: url(../img/bg2.jpg);
	background-color: #201111;
	background-repeat: repeat-x;
	border-color: #201111;
	border-width: 19px;
	border-style: solid;
	padding: 0px;
	margin: 0px;
	font-family: "Lucida Grande", "LucidaGrandeRegular", Verdana, Arial, sans-serif;
	line-height: 1.16;
		color: #666;


}

#white_panel {
	height: auto !important;
	height: 600px;
	border-right-style: solid;
	border-right-color: #20231e;
	border-left-width: 0px;
	border-bottom-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	text-align: left;
	margin-bottom: 0px;
	margin-right: auto;
	padding: 0px;
	margin-left: auto;
	margin-top: 20px;
	min-height: 600px;
	width: 908px;
}

#header {
	width: 100%;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

#logo {
	float: left;
	
}
#logo a {
display:block;
	width: 185px;
	height: 232px;
	background-repeat: no-repeat;
	background-image: url(../img/logo.png);}
	
#logo a:link {background-position: left;}
#logo a:visited {background-position: left;}
#logo a:hover {background-position: right;}
#logo a:active {background-position: right;}

/*#logo_main {
	float: left;
	width: 252px;
	height: 343px;
	background-repeat: no-repeat;
	background-image: url(../img/logo.png);
}*/

#spacer {
	width: 411px;
	height: 114px;
	background-color: #f7f5f7;
	float: left;
}
/*
#spacer_main{
	width: 244px;
	height: 153px;
	background-color: #f7f5f7;
	float: left;
}

#beans {
	float: left;
	background-repeat: no-repeat;
	height: 153px;
	width: 412px;
	background-image: url(../img/beans.png);
}*/

#beansmall{
float:left;
	background-repeat: no-repeat;
	background-image: url(../img/beansmall.png);
	height: 114px;
	width: 312px;
}

.menu {
	padding-top: 45px;
	padding-left: 58px;
	padding-right: 20px;
	float: left;
	background-color: #f7f5f7;
	height: 73px;
	width: 637px;
	position: relative;
}


.menu ul {
	list-style-type: none;
	//overflow: hidden;

}

.menu li {

	text-align: center;
	width: auto;
	/*height: 76px;*/
	display: block;

}

.navi {
	padding-left: 15px;
	padding-right: 15px;
	float: left;
	border: 0px solid #d3d2d3;
	border-bottom-width: 1px;

	}
	

.menu a {text-decoration: none;}

.flag {
text-decoration: none;
border: none;
overflow: hidden;
border: none;
padding-left: 5px;
padding-right: 5px;
float: right;
position: relative;
top: -6px;

}

.flag a {
display: block;
height: 31px;
width: 30px;
line-height: 5em;
}

.de, .en, .it, .en_dead {background-image: url(../img/bandiere.png);}
a.de:link {background-position: top right;}
a.de:visited {background-position: top right;}
a.de:hover {background-position: bottom right;}
a.de:active {background-position: bottom right;}

a.en:link {background-position: top left;}
a.en:visited {background-position: top left;}
a.en:hover {background-position: bottom left;}
a.en:active {background-position: bottom left;}
a.en_dead {background-position: center left;}

a.it:link {background-position: top center;}
a.it:visited {background-position: top center;}
a.it:hover {background-position: bottom center;}
a.it:active {background-position: bottom center;}


#lang_sel {
background-position-y: bottom;}


#shadow{
width: 8px;
height: 118px;
background-image: url(../img/shadow.png);
float:right;
}

.shadowbox{
background-image: url(../img/shadow.png);
background-position: top right;
background-repeat: repeat-y;
width: 100%
height: 100%
overflow: hidden;
position:relative;
float:left;
padding-right: 8px;
}





#content {
	border-color: #d3d2d3;
	border-bottom-style: solid;
	border-top-style: solid;
	padding: 0px;
	margin: 0px;
	width: 900px;
	background-color: #f7f5f7;
	overflow: hidden;
}

#content h2, .menu a {
	text-transform: uppercase;
}

#middle_container {
	width: 900px;
	position: relative;

	/*background-color: aqua;*/
}



/*----------------------- js scroll BEGIN ---------------------------------*/

.scrollButtons {
  position: absolute;
  bottom: 0px;

  margin: auto 0;
  cursor: pointer;
  display: block;
  height: 180px;
  width: 20px;
}

.scrollButtons.left { left: -20px;}
.scrollButtons.right { right: -20px;}

a.scrollButtons {background-image: url(../img/scroll.png);}


a.scrollButtons.left:link {background-position: -20px 0;}
a.scrollButtons.left:visited {background-position: -20px 0;}
a.scrollButtons.left:hover {background-position: 0px 0;}
a.scrollButtons.left:active {background-position-x: 0;}

a.scrollButtons.right:link {background-position: -40px 0;}
a.scrollButtons.right:visited {background-position: -40px 0;}
a.scrollButtons.right:hover {background-position: -60px 0;}
a.scrollButtons.right:active {background-position: -60px 0;}

#slider { 
  margin-left: 20px;             
  margin-bottom: 0;             
  margin-right: 0px;             
  margin-top: 0;             
  width: 523px;
  position: relative;
  text-align: left;
 /* //background-color: fuchsia;*/
}

#slider h2 {
	margin-bottom: 0;
	padding-bottom:0;
}

.scroll {
  min-height: 180px;
  height: auto !important;
  height: 180px;
  
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  /*background:  url(images/content_pane-gradient.gif) repeat-x scroll left bottom;*/
 /* //background-color: green;*/
}

.scrollContainer div.panel {
  padding: 20px;
  height: auto; /*210*/
  width: 483px; /* change to 560px if not using JS to remove rh.scroll */
  /*//background-color: navy;*/
}

.scrollContainer h3 {margin-top: 0px;}



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



#linecutu {
	position:relative;
	top:16px;
	left:-20px;
	background-image:url(../img/linecut_small4u.png);
	width:564px;
	height:15px;
}

#linecutd {
	position:relative;
	top:-15px;
	background-image:url(../img/linecut_small4d.png);
	width:564px;
	height:15px;
}

#slider p {
font-size: 0.8em;
text-align: justify;
color: #666
}

.navigation {
margin-right:0px;
margin-top: 5px;
float:right;}

.navigation li {
font-size: 0.7em;
float: left;
margin: 0 5px;}

ul.navigation a.selected {
    color: #929d71;
}

#show_pic {
	width: 336px;
	height: 200px;
	margin: 0px;
	float: right;
	position: absolute;
	bottom: 0;
	right: 0;
}

#main {
	height: auto !important;
	height: 190px;
	margin: 0px;
	margin-top: 10px;
	min-height: 200px;
	
	background-color: #f7f5f7;
	width: 900px;
	color: #666;
	text-align: left;
	position:relative;
}
#main h2 {margin-top: 0;
margin-bottom: 20px;}

#main_left {
	
	float: left;
	width: 543px; /*was369*/
	overflow:hidden;

	padding-left: 20px;
	
}

#main_left img {
margin-left: auto;
margin-right:auto;
}


.about {
padding-right: 20px;
padding-bottom: 20px;
}

#main_right {	
	float: left;
	width: 316px; /*was410*/
	overflow:auto;
	padding-left: 20px;
	border-left-color: #d3d2d3;
	border-left-width: 1px;
	border-left-style: solid;
	margin-bottom:70px;

}

.prod {

	height: auto;
	width: 250px;
	overflow: auto;
	float:left;
	margin-right: 10px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	padding-left: 0;
	padding-right: 0;
	border-bottom: 1px solid #ccc;
	
}
.prod img {

	float: left;
	height: 140px;
	width: 77px;
}
.prod h3 {
	margin-top: 0;
	text-transform: uppercase;

	}
.prod p {


	font-size: 0.8em;
}

.prod ul {
	list-style: disc;
	list-style-position: inside;
	padding-left: 35px;
}
.prod li {

font-size: 0.8em;
	
}

.prod.simple {
width:140px;

	
}

.prod.simple p {
	clear: both;
	font-weight: bold

}

.prod.simple img {
width:140px;
height: 125px;
margin: 0;
padding: 0;
margin-bottom: 15px;
margin-right:4px;
}


#footy {
	position: relative;
	font-size: 0.9em;
	padding-left: 20px;
	text-align: left;
	background-image: url(../img/footy.png);
	background-repeat: no-repeat;
	height: 189px;
	width: 888px;
	clear: both;
}

#contatti h2 {
	padding-top: 0px;
	margin-top: 0px;
}

#contatti {
	margin-left: 20px;
	margin-top: 20px;
	margin-right: 20px;
	padding-right: 10px;
	float: left;
	height: 142px;
	//width: 297px;
	color: #666;
}

#contatti a{
	font-variant: small-caps;}
#contatti h1 {
font-weight: bold;
font-size: 1em;}
#contatti small{
	font-size: 0.7em;
	margin-left: 15px;
}

.mappa {
position: relative;
top: -4.7em;
}


#footpic_index2 {
	position: absolute;
right: 8px;
	float: right;
	bottom: 9px;
	background-image: url(../img/footpic_index3.jpg);
	z-index: 20;
	height: 333px;
	width: 504px;
}

#footpic {
	position: absolute;
	left: 601px;
	float: right;
	top: -71px;
	background-image: url(../img/footpic.png);
	z-index: 0;
	height: 251px;
	width: 299px;
}


#disclaimer p {
	font-size: 0.75em;
	padding: 0px;
	margin: 0px;
	clear: both;
	font-style: italic;
	text-align: center;
	color: #929d71;
	font-variant: small-caps;
}
#disclaimer a {
	text-decoration: none;}

#disclaimer a:link {color: #929d71;}
#disclaimer a:visited {color: #929d71;}
#disclaimer a:hover {color: #8d0000 ;}
#disclaimer a:active {color: #8d0000;}

/*------------------------NEWS POPUP-------------------------*/

#fancynews {
	padding: 10px 40px 20px 40px;
}

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