@charset "utf-8";
/* CSS Document */

.intro{
	position: relative;
	margin: 0;
	padding: 0 10px 10px 10px;
}

.intro h1{
	margin: 0;
	padding: 0 0 8px 0;
	font-size: 24px;
	line-height: 26px;
	font-weight: normal;
}

.intro h2{
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 18px;
	font-weight: normal;
	color: #399EC8;
}

.right h2{
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 22px;
	line-height: 24px;
	font-weight: normal;
}

.storia{
	position: relative;
	padding: 0 0 20px 20px;
}

.storia img{
	display: block;
	margin: 0 0 20px 0;
}

.right h3{
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 14px;
	line-height: 16px;
	font-weight: normal;
	color: #399EC8;
}

.right p{
	padding: 0 0 10px 0;
	text-align: justify;
}

.riga{
	position: relative;
	margin: 0;
	padding: 20px 10px;
	border-top: 1px solid #EDEEF0;
	clear: both;	
	text-align: justify;
}

.cl_sx{
	position: relative;
	padding: 0 441px 0 1px;
	width: 200px;
}
.cl_cx{
	position: absolute;
	top: 20px;
	left: 221px;
	width: 200px;
}
.cl_dx{
	position: absolute;
	top: 20px;
	left: 431px;
	width: 200px;
}

.cl_sx img,
.cl_cx img,
.cl_dx img{
	width: 200px;
	height: 150px;
}

.riga a{
	padding: 10px 0 0 0;
	text-decoration: none;
	color: #399EC8;
	display: block;
}

.riga h2{
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 16px;
	line-height: 18px;
	font-weight: normal;
	color: #399EC8;
}

.riga h2 a{
	background: url(../image/zoom.png) 180px 11px no-repeat;
}

.indice{
	position: absolute;
	top: 3px;
	right: 0;
	width: 276px;
	height: 51px;
	overflow: hidden;
}

.indice ul{
	position: relative;
	margin: 0;
	padding: 0;
	height: 51px;
	display: block;
	list-style: none;
}

.indice li{
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
	height: 51px;
	display: inline;
}

.indice .l1{
	left: 0px;
	width: 30px;
}
.indice .l2{
	left: 30px;
	width: 34px;
}
.indice .l3{
	left: 64px;
	width: 36px;
}
.indice .l4{
	left: 100px;
	width: 38px;
}
.indice .l5{
	left: 138px;
	width: 44px;
}
.indice .l6{
	left: 182px;
	width: 46px;
}
.indice .l7{
	left: 228px;
	width: 48px;
}

.indice a{
	padding: 50px 0 0 0;
	margin: 0;
	height: 1px;
	line-height: 51px;
	vertical-align: middle;
	text-decoration: none;
	color: #399EC8;
	background-image:url(../image/menu_bicchieri.png);
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
}

.indice .l1 a{
	width: 30px;
	background-position: 0 0; 
}
.indice .l2 a{
	width: 34px;
	background-position: -30px 0; 
}
.indice .l3 a{
	width: 36px;
	background-position: -64px 0; 
}
.indice .l4 a{
	width: 38px;
	background-position: -100px 0; 
}
.indice .l5 a{
	width: 44px;
	background-position: -138px 0; 
}
.indice .l6 a{
	width: 46px;
	background-position: -182px 0; 
}
.indice .l7 a{
	width: 48px;
	background-position: -228px 0; 
}

.indice .l1 a.active,
.indice .l1 a:hover{
	background-position: 0 -51px; 
}
.indice .l2 a.active,
.indice .l2 a:hover{
	background-position: -30px -51px; 
}
.indice .l3 a.active,
.indice .l3 a:hover{
	background-position: -64px -51px; 
}
.indice .l4 a.active,
.indice .l4 a:hover{
	background-position: -100px -51px; 
}
.indice .l5 a.active,
.indice .l5 a:hover{
	background-position: -138px -51px; 
}
.indice .l6 a.active,
.indice .l6 a:hover{
	background-position: -182px -51px; 
}
.indice .l7 a.active,
.indice .l7 a:hover{
	background-position: -228px -51px; 
}

.prodotti{
	position: relative;
	padding: 0 0 20px 20px;
}

.prodotti ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

.prodotti li{
	padding: 0 0 10px 0;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
}


.prodotti li a{
	padding: 0 0 0 26px;
	height: 20px;
	line-height: 20px;
	text-decoration: none;
	color: #399EC8;
	background-image:url(../image/li.png);
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
}


.right li.l1 a{ background-position: 0 0; }
.right li.l2 a{ background-position: 0 -20px; }
.right li.l3 a{ background-position: 0 -40px; }
.right li.l4 a{ background-position: 0 -60px; }
.right li.l5 a{ background-position: 0 -80px; }
.right li.l6 a{ background-position: 0 -100px; }
.right li.l7 a{ background-position: 0 -120px; }
.right li.l8 a{ background-position: 0 -140px; }
.right li.l9 a{ background-position: 0 -160px; }
.right li.l10 a{ background-position: 0 -180px; }

.right li.l1 a:hover{ background-position: 0 -200px; }
.right li.l2 a:hover{ background-position: 0 -220px; }
.right li.l3 a:hover{ background-position: 0 -240px; }
.right li.l4 a:hover{ background-position: 0 -260px; }
.right li.l5 a:hover{ background-position: 0 -280px; }
.right li.l6 a:hover{ background-position: 0 -300px; }
.right li.l7 a:hover{ background-position: 0 -320px; }
.right li.l8 a:hover{ background-position: 0 -340px; }
.right li.l9 a:hover{ background-position: 0 -360px; }
.right li.l10 a:hover{ background-position: 0 -380px; }