@charset "utf-8";
/* CSS Document */
body {
	margin:0;
	padding:0;
	font-family:Verdana, Geneva, sans-serif;
	background-color:#000;


}
#contenuto {
	width:990px;
	height:570px;
	border:0px;
position:absolute;top:50%;left:50%;
margin:-281px 0 0 -500px;
}


#logo {
	width:320px;
	height:40px;
	float:left;
}
#logo h1 {
	text-decoration:none;
	border:0;
	width : 320px;
	height : 40px;
	margin : 0;
	padding : 0;
	background : url(../images/logo.jpg) no-repeat 0 0;

}
#logo h1 a {
	display : block;
	height : 40px;
	text-indent : -9999px; 
}


h2 {
	margin:0;
	padding:0;
	margin-top:8px;
	font: 18px 'Times'; color: #D7D7D7; margin-left:11px;
	text-align:left;
}
h2 a { color:#FFFFFF; }
h3 {
	clear:left;
	margin:0;
	padding:0;
	font: 1.4em 'Times'; color: #858585; margin-left:11px;
	text-align:left;
	
}
h4 {
	clear:left;
	margin:0;
	padding:0;
	font: 1.4em 'Times'; color: #858585; margin-left:11px;
	text-align:left;
	
}
p {
	color:#CCC;
	margin:0;
	padding:0;
	text-align:justify;
	line-height:150%;
	font-size:11px;
	margin:15px;
}
p a {
	color:#FFFFFF;
}
#header {
	float:left;
	width:990px;
	height:40px;
}
#footer {
	float:left;
	width:990px;
	height:30px;
}
#footer_sx {
	width:305px;
	height:30px;
	margin-left:5px;
	float:right;
	margin-top:10px;
}
#footer_sx h5 {
	font-size:10px; margin:0;
	padding:0; color:#333333;
	text-align:right;
	font-weight:normal;
}
#footer_sx h6 {
	font-size:10px; margin:0;
	padding:0; color:#999999;
	color:#333333;
}
#footer_dx {
	width:900px;
	height:30px;
	float:right;
}
#contenuto_menu {
	width:170px;
	height:500px;
	float:left;
	margin-left:0px;
}
#contenuto_menu a h2 { text-align:center; }
#contenuto_menu  p a { margin-left:22px; text-decoration:none; font-size:12px; }
#pozzo {
	width:180px;
	height:59px;
	margin-top:15px;
	margin-bottom:15px;
	text-align:center;
}
#contenuto_sezione {
	width:550px;
	height:500px;
	float:left;
	margin:0;
	padding:0;
}
#contenuto_testo {
	width:260px;
	height:500px;
	float:right;
	margin:0;
	padding:0;
}
#contenuto_testo h3 { color:#FFFFFF; margin-top:15px; font-size:24px; text-align:left; }
#contenuto_testo h4 { margin-top:5px; font-size:18px; text-align:left; color:#F3F3F3  }

div#background {width:745px;z-index:1;min-height:550px;border:0;position:relative;}
#background IMG {position:absolute;top:0;left:0;z-index:1;}
#background IMG.active {z-index:3;}
#background IMG.last-active {z-index:2;}


#contenuto_home {
	width:1000px;
	height:420px;
	float:left;
	background:#000;
	text-align:center;
}
ul.menu, ul.menu ul {

  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 220px;
  font-size:10px;
  background:#000;
}

ul.menu a {
  display: block;
  text-decoration: none;	
}

ul.menu li {
  margin-top: 0px;
}

ul.menu li a {
  background: #000;
  color: #fff;	
  padding:3px;
  border-bottom:1px solid #333;

}

ul.menu li a:hover {
  background: #000;
}

ul.menu li ul li a {
  background: #000;
  color: #FFF;
  padding-left: 20px;
  border:0px;
  color:#999;

}

ul.menu li ul li a:hover {
  color: #FFF;
  padding-left: 20px;
  border:0px;
  color:#FFF;
}
ul.menu li ul li a.subselected  {
	font-weight:bold;
	color:#FFF;
}

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }
.indent3 { padding-left: 3em; }
.indent4 { padding-left: 4em; }
.indent5 { padding-left: 5em; }

.btn_galleria {
width: 150px;
height: 155px;
margin-top:20px;
}

.btn_galleria a {
display: block;
width: 196px;
height: 32px;
background: url(../images/galleria_off.jpg) no-repeat top left;
}

.btn_galleria a:hover {
background: url(../images/galleria_on.jpg) no-repeat top left;
}
.btn_galleria a span { display:none; }

.modulo { color:#CCCCCC; font-size:12px; }

div#intestazioneVino {
	float:left;
	width:702px;
	height:100px;
	position:absolute;
	left: 0px;
	top: 8px;
	background:url(../images/menubg.png);
}
div#testoVino {
	float:left;
	width:372px;
	height:386px;
	position:absolute;
	left: 0px;
	top: 118px;
	background:url(../images/menubg.png);
}
	#screen {
	position: absolute;
	left: 373px;
	top: 135px;
	width: 351px;
	height: 389px;
	background: #000;
	overflow: hidden;
	}
	.panel {
		position: relative;
		float: left;
		width: 165px;
		height: 165px;
		margin: 1%;
		overflow: hidden;
	}
	.imgPanel {
		position: absolute;
		border: none;
		text-decoration: none;
	}