#findbox 				{display: block;background-color: lightgrey;width: 275px;padding: 10px 0px 10px 0px;margin: 5px;font-size: 14px;}
#findbox .titolo 		{background-color: #db2b5b; color: white; width: 200px;font-size: 14px;font-weight: bold; padding-left:10px;
							-moz-box-shadow:0 0 6px black; -webkit-box-shadow:0 0 6px black;
							filter: progid:DXImageTransform.Microsoft.Shadow(color='black', Direction=180, Strength=6);
							box-shadow: 0px 0px 6px black;
						}
#findbox .area-free 		{background-color: white;margin: 10px;margin-left: 20px;width: 240px;height: 30px;border: none;padding: 2px;}
#findbox .area-free img 	{float:left; padding: 5px 0px 0px 5px}
/* #findbox .free 			{background-color: white;width: 210px;height: 28px;font-size: 14px;border: none;float:right;} */
#findbox .free 			{background-color: white;width: 190px;height: 26px;font-size: 14px;border: none;float:right; padding-top:0px}
#findbox .free:focus 	{outline: none;}

#findbox .head-filter 	{font-weight: bold; background-color: lightsteelblue; border: 1px solid silver; width: 200px; text-align: left; 
							margin: 10px; margin-bottom: 5px; padding: 2px 5px 2px 7px;}
#findbox .item 			{display: block; border: 1px solid silver; width: 200px; height: 20px; text-align: left; 
							margin: 5px; margin-left: 20px; padding: 7px 7px 7px 40px; }

#findbox .famiglie-0		{ background: url(../images/view-famiglie-0.png) no-repeat WhiteSmoke; font-weight:normal}
#findbox .famiglie-1		{ background: url(../images/view-famiglie-1.png) no-repeat White; font-weight:bold}
#findbox .gruppi-0		{ background: url(../images/view-gruppi-0.png) no-repeat WhiteSmoke; font-weight:normal}
#findbox .gruppi-1		{ background: url(../images/view-gruppi-1.png) no-repeat White; font-weight:bold}
#findbox .categorie-0	{ background: url(../images/view-categorie-0.png) no-repeat WhiteSmoke; font-weight:normal}
#findbox .categorie-1	{ background: url(../images/view-categorie-1.png) no-repeat White; font-weight:bold}
#findbox .marche-0		{ background: url(../images/view-marche-0.png) no-repeat WhiteSmoke; font-weight:normal}
#findbox .marche-1		{ background: url(../images/view-marche-1.png) no-repeat White; font-weight:bold}
#findbox .specifiche-0	{ background: url(../images/view-specifiche-0.png) no-repeat WhiteSmoke; font-weight:normal}
#findbox .specifiche-1	{ background: url(../images/view-specifiche-1.png) no-repeat White; font-weight:bold}
#findbox .articoli-0		{ background: url(../images/view-0.png) no-repeat WhiteSmoke; font-weight:normal}
#findbox .articoli-1		{ background: url(../images/view-1.png) no-repeat White; font-weight:bold}

#findbox .item:hover		{border: 1px solid yellow; -moz-box-shadow:0 0 6px black; -webkit-box-shadow:0 0 6px black;
							filter: progid:DXImageTransform.Microsoft.Shadow(color='black', Direction=180, Strength=6);
							box-shadow: 0px 0px 6px black;
						}
#findbox .itemCurrent	{margin-left: 10px; border:1px solid orange}

#findbox .add 			{display: block; border: 1px solid silver; width: 100px; height: 20px; text-align: left; 
							margin: 5px; margin-left: 20px; padding: 7px 7px 7px 40px; background: url(../../images/add.gif) no-repeat #ffffaa; color: steelblue}

#findbox .filters 		{margin-left:25px; margin-right:15px; padding:2px}

#findresult .titolo 		{float: left;padding-left: 10px; width: 150px; color: SteelBlue}
#findresult .resbox-famiglie		{display: block; border: 3px solid green; cursor:pointer}
#findresult .resbox-gruppi		{display: block; border: 3px solid blue; cursor:pointer}
#findresult .resbox-categorie	{display: block; border: 3px solid purple; cursor:pointer}
#findresult .resbox-marche		{display: block; border: 3px solid yellow; cursor:pointer}
#findresult .resbox-specifiche	{display: block; border: 3px solid red; cursor:pointer}
#findresult .resbox-articoli		{display: block; border: none; width:100%; min-height: 60px; height: 60px; text-align: left;}
#findresult .resbox-articoli img	{float:left; width:55px; height:55px}
/* #findresult .resbox-articoli .des {float:left; min-height:58px} */
#findresult .resbox-articoli .des {min-height:58px; margin-left: 5px}
#findresult .resbox-articoli .art {font-weight:bold; font-size:120%}
#findresult .resbox-articoli .qta {float:right; margin-right: 5px; margin-top: 5px;}
#findresult .resbox-articoli .qta input {float: left; width: 40px; margin-top:1px;margin-left:1px;padding:0px;text-align:center; border:1px solid silver; height:18px}
#findresult .resbox-articoli .qta img {float: left; width: 23px; height: 21px; margin: 0px; padding:0px}
/* #findresult .resbox-articoli .dispon	{margin-left:5px;} */
#findresult .resbox-articoli .prezzo	{text-align:center; font-size: 10pt; font-weight:bold}
#findresult .resbox-articoli .sconto	{text-align:center}
.f120	{font-size: 120%; font-weight:bold}

#findresult .chkbox		{-moz-box-shadow:0 0 12px red; -webkit-box-shadow:0 0 12px red;}
#findresult .chkimg		{position:absolute; top:5px; right: 5px; width:35px; height:35px;}
#findresult .chkimg		{position:relative;}

#findresult li 			{display: block; width: 160px; min-height: 200px; margin: 6px; float: left; border: 1px solid silver; text-align:center; background-color: White;
							-moz-box-shadow:0 0 6px black; 
							-webkit-box-shadow:0 0 6px black;
							filter: progid:DXImageTransform.Microsoft.Shadow(color='black', Direction=180, Strength=6);
							box-shadow: 0px 0px 6px black;
						}
#findresult img 			{max-width:140px; height:120px; border: none; padding: 3px}

#findresult a,
#findresult a:link,
#findresult a:visited,
#findresult a:hover		{border:none}
#findresult button	{
	float: right;
	display: block;
	height: 40px;
	width: 90px;
	font-size: 1em;
	font-weight: bold;
	color: SteelBlue;
	background-color:#d6d6d6;
	border:1px solid #dedede; border-top:1px solid #eee; border-left:1px solid #eee;
	line-height:130%; text-decoration:none;
	cursor:pointer; 
	padding:5px 10px 6px 7px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius: 6px;
}
#findresult .specTitle	{background-color: #707070; color: white; font-size: 14px; padding: 3px; margin-bottom: 5px}
#findresult .specValue	{display:block; text-align:left; padding-left:10px}
#findresult .card-prodotto {padding: 5px 10px 5px 0px}
#findresult .card-prodotto img {max-width:none; width:100%; height:auto}
#findresult .card-prodotto ul li {width: auto; height: auto; float:none; border:none; text-align:left}
#findresult .card-visible  {height: auto; border: 1px solid Orange;}
#findresult  img.imgSospeso		{width:32px; height:32px; margin-top:10px; cursor:pointer}

.segnaposto	{background-color: lightYellow; border: 1px dotted orange; width: 100%; height: 400px}

#findresult #source {margin-left: 0px}
#findbox .help {margin-left: 20px; margin-right: 10px; color: black}
#findbox button {margin-left: 20px;}

#findbox a,
#findbox a:link,
#findbox a:visited,
#findbox a:hover		{color:blue}
#findresult a,
#findresult a:link,
#findresult a:visited,
#findresult a:hover		{color:gray}
.dpContainer	{min-width:none}
@media (max-width: 767px) {
	#findbox 			{width: 200px;}
	#findbox .help 		{display:none}
	#findbox .filters 	{font-size: 12px}
	#findbox .item		{width: 120px}
	#findbox .area-free 	{width: 170px}
	#findbox .free 		{width: 130px}	
	#findresult .resbox-articoli		{height:auto; width:calc(100% - 10px)}
	#findresult .resbox-articoli img	{float:none; width: auto; max-width: 230px;}
}
	