body{
	background-image: url(../img/bg.gif);
}
#nav .prodotti {

}

#nav .prodottiselected {
	width: 190px;
	height: 35px;
	float: left;
	background-image: url(../img/prodotti-selected.gif);
	color: #2d266a;
}

#nav .prodotti p, #nav .prodotti a {
color: #6299d2;
}

#nav .prodottiselected a:hover {
	text-decoration: none;
} 

#nav .prodottiselected a {
 color: #2d266a;
}

#promo {
	height: 37px;
	background-color: #ebebeb;
}

#subnav{
	position: absolute;
	top: 250px;
	left: 50%;
	margin-left: -485px;
	
	width: 214px;
	height: 214px;
	background-image: url(../img/submenu-bg.gif);
	text-align: left;
	z-index: 210
}

#subnav ul{
	position: absolute;
	top: 45px;
	left: 37px;
}

#subnav li{
	background-image: url(../img/left-arrow.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 7px;
	padding-top: 5px;
	background-color: #fff;
	}

#subnav a {
	display: block;
	width: 160px;
	height: 13px;
	text-transform: uppercase;
}

#subnav a:hover, #subnav a.selected{
	color: #2d266a;
}

/*IMG*/

#contain {
	width: 970px;
		
	position: absolute;
	
	top: 250px;
	left: 50%;
	margin-left: -485px;
}

.pannello {
	position: static;
	float: none;
	clear: both;
	
	width: 724px;
	min-height: 360px;
	
	margin-left: 246px;
	margin-right: 0px;
	
	
	background-image: url(../img/panel-bg.gif);
	background-position: top right;
	background-repeat: no-repeat;
	
	text-align: left;
}

.pannello p{
	padding-left: 25px;/**/
}

.pannello p.beef{
	padding-left: 0px;
}

.pannello img {
	border: 0px;
	width: 150px;
	height: 75px;
	position: absolute;
	
	z-index: 200;
}

.pannello p span {
	text-align: center;
	width: 150px;
	height: 25px;	
	display: block;
	position: absolute;
	padding-top: 30px;
	
	text-transform: uppercase;
	font-weight: bold;
	
	z-index: 190;
}

.pannello a {
	margin-right: 0px;
	display: block;
	width: 150px;
	height: 75px;
	float: left;
	
	margin-right: 25px;
	margin-bottom: 25px;
}

.pannello a:hover{
	color: #333;
}

span.spacer{
	width: 724px;
	height: 50px;
	display: block;
	position: static;
	float: none;
	clear: both;
}

.pannello h3{
	width: 678px;
	position: static;
	float: none;
	clear: both;
	
	text-transform: uppercase;
	color: #2d266a;
	font-weight:  bold;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	font-size: 14px;
	padding-top: 18px;
	
	margin-bottom: 25px;
}

.pannello h3 em{
	color: #666;
	font-weight:  normal;
	text-align: left;
	font-size: 12px;
	text-transform: none;
	margin-left: 15px;
}

/*scheda prodotto*/
#gallery, #gallery .crop, #gallery .gall-element{
	width: 724px;
	height: 430px;
	background-color: #f0f0f0;
	background-image: none;
}

#gallery {
	overflow: hidden;
}

#gallery .gall-element{
 	float: left;
 	
 	background-position: center center;
 	background-repeat: no-repeat;
}

#gallery .gall-element p{
display: none;
}

#gallery #controls{
	position: absolute;
	top: 200px;
	left: 246px;
	width: 724px;
	height: 33px;
}

#gallery #controls img{
	width: 27px;
	height: 33px;
}

#gallery #controls .left{
}
#gallery #controls .right{
	right: 0px;
}

#page-title {
	position: absolute;
	width: 724px;
	height: 25px;
	
	top: 200px;
	left: 50%;
	margin-left: -430px;
	text-align: left;
}

#page-title h3 {
	font-size: 14px;
	color: #2d266a;
}

#page-title h3 em{
 display: none;
}

#testo{
	background-image: none;
	margin-top: 50px;
}

#testo img{
	width: auto;
	height: auto;
	position: relative;
	display: inline;
	margin: 0px;
}


#testo p {
	padding-left: 0px;
	color: #666;
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 20px;
}

#testo h3{
	font-size: 18px;
	width: 724px
}

#testo h3 em{
	font-size: 14px;
}

#testo ul{
margin-bottom: 50px;
}

#testo ul p{
	font-size: 12px;
	color: #365475;
	line-height: 16px;
	margin-bottom: 0px;
}

#testo ul strong{
	font-size: 14px;
	color: #666;
	text-transform: uppercase;
}

#testo li {
	margin-bottom: 10px;
	background-image: url(../img/left-arrow-list.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 7px;
	padding-top: 0px;
	background-color: #fff;
}

#testo .titolo{
	padding-left: 0px;
	padding-top: 0px;
	background-image: none;
}

#testo .getpdf{
	background-color: aqua;
}

.getpdf a {
	display: block;
	height: 34px;
	width: 300px;
	background-color: transparent;
	background-image: url(../img/pdf.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 45px;
	margin-left: 25px;
}

.getpdf a:hover {
	background-position: bottom left;
}

/*tabella*/
.table-container{
	background-color: #f1f1f1;
	margin-bottom: 100px;
}

table {
	width: 670px;
	background-color: #f1f1f1;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 20px;
	color: #6299d2;
	
}

th {
	width: 166px;
	height: 40px;
	border-bottom-color: #f1f1f1;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	
		border-right-color: #f1f1f1;
	border-right-width: 1px;
	border-right-style: solid;
	background-color: #ccc;
	
	color:#2d266a;
	
	padding: 10px;
}

td {
	width: 166px;
	height: 40px;
	border-bottom-color: #f1f1f1;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	
		border-right-color: #f1f1f1;
	border-right-width: 1px;
	border-right-style: solid;
	
	padding: 10px;
}

.td-pari{
	background-color: #f5f5f5;
}

.td-dispari{
	background-color: #f9f9f9;
}

caption {
	height:25px;
	font-size: 14px;
	color: #666;
	text-transform: uppercase;
	vertical-align: middle;
	font-weight: bold;
	text-align: left;
	
	background-color: #f1f1f1;
}	
/*fine prodotto*/


/*list*/
.lista-elemento {
	width: 970px;
	height: 150px;
	float: none;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	background-color: #f5f5f5;
	margin-bottom: 25px;
	
}
.lista-elemento .preview {
	width: 300px;
	height: 150px;
	float:left;
	overflow: hidden;
	background-position: center center;
}

.lista-elemento .preview p{
	display: none;
}

.lista-elemento .preview p, .lista-elemento .preview a{
	display: block;
	width: 300px;
	height: 150px;
	background-image: none; 
	background-position: center center;
	margin: 0px;
	padding: 0px;
	float:left;
}

.lista-elemento .inner {
	width: 600px;
	height: 150px;
	float:left;
	margin-left: 25px;
}

.lista-elemento .inner h3{
	font-size: 14px;
	width: 600px;
	color: #2d266a;
	text-align: left;
	padding-top: 20px;
}

.lista-elemento h3 em{
	font-size: 12px;
	color: #666;
	text-transform: uppercase;
	font-weight: normal;
}

.inner h3 a{
color: #2d266a;
text-decoration: none;
}

.inner h3 a:hover{
text-decoration: underline;
}

.lista-elemento .inner p{
	font-size: 12px;
	line-height: 16px;
	text-align: left;
}

.lista-elemento .inner .beef{
	font-size: 12px;
	line-height: 16px;
	width: 600px;
	height: 50px;
	color: #666;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 10px;
	overflow: hidden;
}

#contain .primo, #contain .primo .inner {
	height: 50px;
}

#contain .primo p, #contain .primo .preview {
	display: none;
}

#contain .primo h3 {
	font-size: 18px;
	width: 600px;
	margin-left: 300px;
	}

/*list*/

#maskera-gradiente {
	position: absolute;
	top: 157px;
	left: 50%;
	margin-left: -290px;
	width: 775px;
	height: 92px;
	
	background-image: url(../img/gradient.jpg);
	background-position: top right;
	background-repeat: no-repeat;
}

#foot {
	position: absolute;
	width: 100%;
	top: 300px;
	left: 0px;
}

#testo a.linknews, .pannello a.linknews{
	position: relative;
	width: auto;
	height: auto;
	float: none;
	clear: none;
	margin: auto;
	padding: auto;
	display: inline;
}