@import url("cssobject5.css");
@import url("cssobject6.css");
@import url("cssobject7.css");
@import url("cssobject8.css");
@import url("cssobject9.css");
@import url("cssobject10.css");
@import url("cssobject11.css");
@import url("cssobject12.css");
@import url("cssobject13.css");
@import url("cssobject14.css");

#wdgCodContent{display:none;}



#animazione {
	width:960px;
	margin: 0 auto;
	/*padding-right:10px;*/
}
.slideshow {
	/*display: block;
	position: relative;*/
	z-index: 0;
}
.slideshow-images {
	display: block;
	overflow: hidden;
	position: relative;
}
.slideshow-images img {
	display: block;
	position: absolute;
	z-index: 1;
}
.slideshow-thumbnails {
	overflow: hidden;
}
/**
HTML:
	<div class=\"slideshow-images\">
		<img />
		<img />
	</div>
	
Notes:
	The images div is where the slides are shown.
	Customize the visible / prev / next classes to effect the slideshow transitions: fading, wiping, etc.
*/

.slideshow-images {
	height: 120px;
	width: 980px;
}
.slideshow-images-visible {
	opacity: 1;
}
.slideshow-images-prev {
	opacity: 0;
}
.slideshow-images-next {
	opacity: 0;
}
.slideshow-images img {
	float: left;
	left: 0;
	top: 0;
}
/**
Notes:
	These are examples of user-defined styles.
	Customize these classes to your usage of Slideshow.
*/

.slideshow {
	height: 120px;
	margin: 0 auto;
	width: 980px;
}
.slideshow a img {
	border: 0;
}
/**
HTML:
	<div class=\"slideshow-captions\">
		...
	</div>
	
Notes:
	Customize the hidden / visible classes to affect the captions animation.
*/

.slideshow-captions {
	background: #000;
	bottom: 0;
	color: #FFF;
	font: normal 12px/22px Arial, sans-serif;
	left: 0;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	width: 100%;
	z-index: 10000;
}
.slideshow-captions-hidden {
	height: 0;
	opacity: 0;
}
.slideshow-captions-visible {
	height: 22px;
	opacity: .7;
}
/**
HTML:
	<div class=\"slideshow-controller\">
		<ul>
			<li class=\"first\"><a /></li>
			<li class=\"prev\"><a /></li>
			<li class=\"pause play\"><a /></li>
			<li class=\"next\"><a /></li>
			<li class=\"last\"><a /></li>
		</ul>
	</div>
	
Notes:
	Customize the hidden / visible classes to affect the controller animation.
*/

.slideshow-controller {
	background: url(controller.png) no-repeat;
	height: 42px;
	left: 50%;
	margin: -21px 0 0 -119px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	width: 238px;
	z-index: 10000;
}
.slideshow-controller * {
	margin: 0;
	padding: 0;
}
.slideshow-controller-hidden {
	opacity: 0;
}
.slideshow-controller-visible {
	opacity: 1;
}
.slideshow-controller a {
	cursor: pointer;
	display: block;
	height: 18px;
	overflow: hidden;
	position: absolute;
	top: 12px;
}
.slideshow-controller a.active {
	background-position: 0 /*18px*/;
}
.slideshow-controller li {
	list-style: none;
}
.slideshow-controller li.first a {
	background-image: url(controller-first.gif);
	left: 33px;
	width: 19px;
}
.slideshow-controller li.last a {
	background-image: url(controller-last.gif);
	left: 186px;
	width: 19px;
}
.slideshow-controller li.next a {
	background-image: url(controller-next.gif);
	left: 145px;
	width: 28px;
}
.slideshow-controller li.pause a {
	background-image: url(controller-pause.gif);
	left: 109px;
	width: 20px;
}
.slideshow-controller li.play a {
	background-position: 20px 0;
}
.slideshow-controller li.play a.active {
	background-position: 20px 18px;
}
.slideshow-controller li.prev a {
	background-image: url(controller-prev.gif);
	left: 65px;
	width: 28px;
}
/**
HTML:
	<div class=\"slideshow-loader\" />
	
Notes:
	Customize the hidden / visible classes to affect the loader animation.
*/

.slideshow-loader {
	height: 28px;
	right: 0;
	position: absolute;
	top: 0;
	width: 28px;
	z-index: 10001;
}
.slideshow-loader-hidden {
	opacity: 0;
}
.slideshow-loader-visible {
	opacity: 1;
}
/**
HTML:
	<div class=\"slideshow-thumbnails\">
		<ul>
			<li><a class=\"slideshow-thumbnails-active\" /></li>
			<li><a class=\"slideshow-thumbnails-inactive\" /></li>
			...
			<li><a class=\"slideshow-thumbnails-inactive\" /></li>
		</ul>
	</div>
	
Notes:
	Customize the active / inactive classes to affect the thumbnails animation.
	Use the !important keyword to override FX without affecting performance.
*/

.slideshow-thumbnails {
	bottom: -65px;
	height: 65px;
	left: 0;
	position: absolute;
	width: 100%;
}
.slideshow-thumbnails * {
	margin: 0;
	padding: 0;
}
.slideshow-thumbnails ul {
	height: 65px;
	left: 0;
	position: absolute;
	top: 0;
	width: 10000px;
}
.slideshow-thumbnails li {
	float: left;
	list-style: none;
	/*margin: 5px 5px 5px 0;*/
	position: relative;
}
.slideshow-thumbnails a {
	display: block;
	float: left;
	padding: 0px;
	position: relative;
}
.slideshow-thumbnails a:hover {
	background-color: #FF9 !important;
	opacity: 1 !important;
}
.slideshow-thumbnails img {
	display: block;
}
.slideshow-thumbnails-active {
	background-color: #9FF;
	opacity: 1;
}
.slideshow-thumbnails-inactive {
	background-color: #FFF;
	opacity: .5;
}
#SIXwdglogoheader {
	width:250px;
	float:left;
}
/*---CARRELLO---*/
#wdgECCarrello {
	width:250px;
	height:70px;
	padding:5px;
	padding-right:10px;
	float:right;
	margin-right:15px;
	font-size:10px;
	background: url(../Images/sf_carrello-1414.png) no-repeat top right;
}
.RiepilogoCarrello_Titolo {
	clear:both;
	float:right;
	text-transform:uppercase;
	width:180px;
	height:16px;
	line-height:16px;
	vertical-align:middle;
	font-weight:bold;
}
.RiepilogoCarrello_Prodotti {
	clear:both;
	float:right;
	width:180px;
	height:16px;
}
.RiepilogoCarrello_ProdottiTitle {
	float:left;
}
.RiepilogoCarrello_ProdottiNum {
	float:right;
	font-weight:bold;
}
.RiepilogoCarrello_Importo {
	clear:both;
	float:right;
	width:180px;
	height:16px;
	line-height:16px;
	vertical-align:middle;
	background-color:#FFFBD8;
	border-top: 1px #CCCCCC solid;
	border-bottom: 1px #FF8C00 solid;
}
.RiepilogoCarrello_ImportoTitle {
	float:left;
}
.RiepilogoCarrello_ImportoNum {
	float:right;
	font-weight:bold;
}
.RiepilogoCarrello_Link {
	clear:both;
	float:right;
	width:180px;
	line-height:16px;
	height:16px;
	vertical-align:middle;
	font-weight:bold;
	color:#FF8C00;
	/*text-transform:uppercase;*/
	vertical-align:top;
	font-size:10px;
}
.RiepilogoCarrello_Link a:visited {
	color:#FF8C00;
}
.RiepilogoCarrello_Link a:hover {
	color:#FF8C00;
	text-decoration:underline;
}
/*--- FINE CARRELLO---*/

#wdgVetrina_3{float:left; width:425px; background:#fff url(../Images/sf_vetrina-1422.jpg) no-repeat; padding:10px;/*background-color:#0099CC; margin-right:7px;*/}
.VetrinaBox { width:425px;	
	
	height:250px;
	
	
	
}

.VetrinaTitle{
	text-transform:uppercase;
	color:#FFFFFF;
	font-weight:bold;
	margin-bottom:20px;
	float:left;
}

.VetrinaTitle2{
	
	color:#FFFFFF;
	font-weight:bold;
	margin-bottom:20px;
	float:left;
	margin-left:5px;
}

.VetrinaIntro{ font-size:10px; margin-bottom:10px;  color:#333333;
clear:both;}



.VetrinaList{/*margin-left:10px;*/}

/*--catalogoProdottoObject --*/


dl.EC_ProdottoObject {
	margin:5px;
	padding:3px;
	float:left;
	width:100px;
	margin-right:25px;
	/*background-color:#CCCCCC;*/
	text-align:center;
	color:#333;
	/*border: solid 1px #fff;*/
}
.EC_ProdottoObject dd {
	margin: 0;
	padding: 0;
	width:80px;
	margin: 0 auto;
	text-align:center;
}
/*---hover---*/

dl.EC_ProdottoObjectHover {
	margin:5px;
	padding:3px;
	float:left;
	width:100px;
	margin-right:25px;
	/*background-color:#f5f5f5;*/
	text-align:center;
	color:#333;
	/*border: solid 1px #F99D32;*/
}
.EC_ProdottoObjectHover dd {
	margin: 0;
	padding: 0;
	width:80px;
	margin: 0 auto;
	text-align:center;
}
/*---fine hover---*/

dt.EC_ProdottoImg   /*a .EC_ProdottoObject dt img a:active .EC_ProdottoObject dt img a:visited*/ {
	text-align:center;
	width:80px;
	height:80px;
	margin: 0 auto;
}
 dl.EC_ProdottoObject, .EC_ProdottoObject a, {
color:#333;
text-decoration:none;
}
.catalogoProdottoLink a:hover, {
color:#333;
text-decoration:none;
}
.catalogoProdottoImg, .catalogoProdottoImg a, {
}
.catalogoProdottoImg a:hover, {
}
.EC_ProdottoPrezzo {
	font-weight:bold;
	color:orange;
	font-size:12px;
}
.EC_ProdottoAdd {
	font-size:10px;
}
.EC_ProdottoImg {
	width:80px;
	height:80px;
	background-repeat:no-repeat;
}
.EC_ProdottoAdd ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
.EC_ProdottoAdd li {
	list-style: none;
	text-align: left;
}
.EC_ProdottoAdd li a:link {
	color:#333;
}
.EC_ProdottoAdd li a {
	color:#333;
	display: block;
	background-image:url(../Images/cart_put-1403.png);
	background-repeat:no-repeat;
	padding:3px;
	padding-left:20px;
	text-transform:uppercase;
	font-size:10px;
}
.EC_ProdottoAdd li a:visited {
	color:#333;
}
.EC_ProdottoAdd li a:hover {
	text-decoration:underline;
}
.EC_ProdottoAdding ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
.EC_ProdottoAdding li {
	list-style: none;
}
.EC_ProdottoAdding li a {
	color:#333;
	display: block;
	background-image:url(../Images/accept-1402.png);
	background-repeat:no-repeat;
	padding:3px;
	padding-left:20px;
	text-transform:uppercase;
	font-size:10px;
}
/*-- END catalogoProdottoObject --*/	





#wdgMDR {
	width:280px;
	margin-right:10px;
	padding:10px;
	height:230px;
	float:left;
	background:#fff url(../Images/sf_mdr-1421.jpg) no-repeat;
}
.MDR_Form form div {
	margin-bottom:10px;
}
.MDR_Text input {
	border-style: inset;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding:2px;
	/*float:left;*/
	background-color: #FFFFFF
}
.MDR_Title {
	text-transform:uppercase;
	color:#FFFFFF;
	font-weight:bold;
	margin-bottom:20px;
}

.MDR_Intro{font-size:10px; margin-bottom:10px;  color:#333333;
clear:both;}

.MDR_Text {
}
.MDR_Categorie label, .MDR_Text label {
	width:100px;
	color:#333333;
}
.MDR_Categorie select {
	width:150px;
	border-style: inset;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding:2px;
	/*float:left;*/
	background-color: #FFFFFF
}
.MDR_BtnSearch {FONT-SIZE: 10px;
	BACKGROUND-IMAGE: url(../Images/btn-login-1418.png);
	MARGIN-BOTTOM: 25px;
	MARGIN-LEFT: 4px;
	VERTICAL-ALIGN: middle;
	TEXT-TRANSFORM: uppercase;
	LINE-HEIGHT: 37px;
	BACKGROUND-REPEAT: no-repeat;
	HEIGHT: 37px;
	clear:both;
	padding-left:10px;
}

.MDR_BtnSearch A:link {
	FONT-WEIGHT: bold;
	CURSOR: pointer;
	COLOR: #ffffff;
	TEXT-DECORATION: none
}

.MDR_BtnSearch A:visited {
	FONT-WEIGHT: bold;
	CURSOR: pointer;
	COLOR: #ffffff;
	TEXT-DECORATION: none
}

.MDR_BtnSearch A:hover {
	FONT-WEIGHT: bold;
	CURSOR: pointer;
	COLOR: #ffffff;
	TEXT-DECORATION: underline
}