﻿@charset "utf-8";
/*	CSS Document	*/

/*	---------------------------------------------	*/
/*	--- "Basic Content - Responsive" ---	*/
/*	---------------------------------------------	*/

	form {
    margin-block-end: 0em;
	}

	html 			{ overflow-x: hidden; }

	body		 { margin:	0;	background-color: #FFFFFF;	background-image: none;	}

	img				{	height: auto; max-width	: 100%; max-height: 100%; }
	
	.BorderRImg			{	border-style:solid; border-width:1px; border-color:#999999;border-radius: 8px;}
	
	ul { margin:0; 							padding:0;					list-style-type: none;}
	
	li { padding: 0 0 1px 0px;	margin:	0 0 0 25px; list-style-type: disc;}

	li.footerlinks
	{
/*	background-image		: url("/images/page/punto-elenco.png");	*/
/*	background-position	: 0px 9px;															*/
/*	background-repeat		: no-repeat;	 													*/

		margin:0;
		list-style-type			: none;
		padding							: 1px;
	}
	

/*	********************	*/
/*	Definizione dei FONT	*/
/*	********************	*/


	body, input, textarea, select, button, p, b, h1, h2, h3
	{
		font-family	: "Segoe UI","SegoeUI","SF Pro Text","SF Pro Icons","Roboto","Lato","Tahoma","HelveticaNeue","Helvetica Neue","Helvetica","Arial","sans-serif";
/*	Microsoft : font-size: 15px;	font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;									*/
/*	Apple			: font-size: 17px;	font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;	*/
/*	Google		: font-size: 10pt;	font-family: Roboto,HelveticaNeue,Arial,sans-serif;																				*/
/*	sierrasoft:										font-family: Tahoma, Arial, Helvetica, sans-serif;																					*/
/*	sierrasoft body:							font-family: 'Lato', Tahoma, Arial, Helvetica, sans-serif;																	*/
		font-size				: 15px;
		line-height			: 1.4;
		color						: #535353;
		//background-color: #fff;
		font-style			: normal;
		font-weight			: 400;
	}
	
	a
	{
	 color						: #535353;
	}

	p,h1,h2,h3
	{
		margin-block-start: 0px;
		margin-block-end	: 0px;
	}
	b 
	{ 
		font-weight			: 600;
	}

	h1, h2, h3
	{
//		color						: #fff;
	}	
	
/*	ul															*/
/*	{																*/
/*		display							: block;	*/
/*		list-style-type			:	circle;	*/
/*		margin-block-start	: 0px;		*/
/*		margin-block-end		: 0px;		*/
/*		margin-inline-start	: 0px;		*/
/*		margin-inline-end		: 0px;		*/
/*		padding-inline-start: 25px;		*/
/*	}																*/
	
	
/*	.TxtMid 	 					{ font-family	: 'Lato', Tahoma, Arial, Helvetica, sans-serif; font-style	: normal;	font-weight	: 400; }	*/
	
	.TitTxt,
	.TitMax, 	.TitMid, 
	.SubMax,	.SubMid	 {	font-weight	: 600; padding:0;} 

	.LnkMid						 {	font-weight	: 600; padding:5px 0 5px 0; text-transform: uppercase;} 

/*	font-family : 'Lato', Tahoma, Arial, Helvetica, sans-serif;	font-style	: normal;	*/

 
	a:link, 
	a:focus, 
	a:hover, 
	a:active, 
	a:visited 					{	text-decoration: none; cursor:pointer;}
	p, h1, h2, h3				{ display: inline; }


	a:hover						{	color: #0067b8;}


	
/*	**********************	*/
/*	Definizione FONT-COLOR	*/
/*	**********************	*/
	.LnkMid 									{	color: #0067b8;}
	.TxtMid 									{ color: #626262;}
/*	color:#000;	*/
	.TitMax, .TitMid, .TitTxt	{	color: #000000;}
	.SubMax, .SubMid					{	color: #727272;}
	
	a:hover .LnkMid						{ font-weight:700;}


/*	*********************	*/
/*	Definizione FONT-SIZE	*/
/*	*********************	*/	

	
/*	.TxtMid,	*/
/*	.LnkMid {font-size: 14px ;	 } /* font-size: 15px; */
/*	TitMax -------	*/
	.TitMax {font-size: calc(24px + 22 * ((100vw - 250px) / 750));}
/*	SubMax -------	*/
	.SubMax	{font-size: calc(20px + 14 * ((100vw - 250px) / 750));}
/*	TitMid -------	*/
	.TitMid	{font-size: calc(20px +	 4 * ((100vw - 250px) / 750));}
/*	SubMid -------	*/
	.SubMid {font-size: calc(18px +	 2 * ((100vw - 250px) / 750));}

/*	*******************	*/
/*	Definizione dei BOX	*/
/*	*******************	*/

 	.BoxFull								{ width		:	calc(100%);				display	: block;padding	:	0;		clear	:	both;	max-width	:	1000px;	min-width	:	340px;margin:	auto;}
 	.BoxNet 								{ width		:	calc(100% - 20px);display	: block;padding	:	0px 10px 0px 10px;	clear	:	both;} 
 	.Box10, .Box12,
	.Box20, .Box22,
	.Box30, .Box32,
	.Box40, .Box42					{ width		: calc(100%);	display	: block;}
	
	.Box12Img								{ width		: 101px;										 	display	: block;float:left;}
	.Box12Txt								{ width		: calc(100% - 101px - 20px);	display	: block;float:left;}
	
	.BoxImg									{	text-align: center; position: relative; }
	
	.BoxForm								{ width:100%; max-width:600px; text-align:center; margin:auto; }


	.BoxReferences, 
	.BoxMembership					{padding:15px 0px 30px 0px; overflow:hidden; margin:auto;}
	.BoxProducts						{padding:0;}
	.BoxProductsSub					{width:100%;height:250px;padding-right:20px;text-align:left;}

/*	*****	*/
/*	Altro	*/
/*	*****	*/

	.sticky 	
	{
		position:	fixed;
		top			:	0;
		width		:	100%;
		z-index	:	4;
	}
					
	div.centerbottom	{	width	:	calc(100% - 20px); padding:	10px; position: absolute; bottom: 0px; left: 50%; transform: translate(-50%,	 0%);}

	div.centertop			{	width	:	calc(100% - 20px); padding:	10px; position: absolute; top:		0px; left: 50%; transform: translate(-50%,	 0%);}

	div.centered			{	width	:	calc(100% - 20px); padding:	10px; position: absolute; top: 		50%; left: 50%; transform: translate(-50%, -50%);}


		.FootBar 
	{
		font-size 			: 12px;
		display					: block; 
		background-color: #EEE; 
		border-width		: 1px 0px 1px 0px; 
		border-style		: solid; 
		border-color		: #B5B5B5;
	}	 

	.FootBar a, 
	a .linkSubMnuFooter				{color:	#535353;}

	.FootBar a:hover,
	a:hover .linkSubMnuFooter	{color: #0067b8; text-decoration: underline;}
	
/*	a:hover .linkSubMnuFooter	{color: #0067b8;	font-weight:600;}	*/
	
	.anchor1,.anchor2 {	display: block;	position: relative;	visibility: hidden; top: -79px; }


	@media only screen and (max-width: 340px)
	{
		.HeaderBarLogo 			{margin-left: 13px;} 
/*	*/
 		.DesktopView 				{ display	:	none;}
		.MobileView 				{ display	:	block;}
		.anchor2					{ top: -118px;}
		.BoxW1,	.BoxW2	 		{ padding	: 0px; clear:both;}
		.BoxH1, .BoxH2 			{ padding	: 5px;}
		.BoxW								{ padding	:	0px; clear:both;}
		.BoxH								{ padding	:	10px 0 10px 0;}
/*	TitMax -------	*/
		.TitMax	{font-size: calc(24px + 0px); }
/*	SubMax -------	*/
		.SubMax	{font-size: calc(20px + 0px); }
/*	TitMid -------	*/
		.TitMid	{font-size: calc(20px + 0px); }
/*	SubMid -------	*/
		.SubMid	{font-size: calc(18px + 0px); }

		.T1		{clear:both;width:100%;}
		.T1S	{clear:both;width:calc(100% - 20px);padding:10px;}
		.T2		{clear:both;width:100%;}
		.T22	{clear:both;width:100%;}
		.T3		{clear:both;width:100%;}
		.T31	{clear:both;width:100%;}
		.T32	{clear:both;width:100%;}
		.T2S	{clear:both;width:calc(100% - 20px);padding:10px;}
		.T4		{clear:both;width:100%;}
		.T4S	{clear:both;width:calc(100% - 20px);padding:10px;}
	}
	
	@media only screen and (min-width: 341px) and (max-width: 500px) 
	{
		.HeaderBarLogo 			{	margin-left: calc((100% - 198px)/ 2 - 58px);} 
/*	*/
 		.DesktopView 				{ display	:	none; }
		.MobileView 				{ display	:	block; }
		.anchor2					{ top: -118px;}
/*	*/
		.BoxW1,	.BoxW2	 		{ padding	: 0px; clear:both;}
		.BoxH1, .BoxH2 			{ padding	: 5px;}
		.BoxW								{ padding	:	0px; clear:both;}
		.BoxH								{ padding	:	10px 0 10px 0;}
		
		.T1		{clear:both;width:100%;}
		.T1S	{clear:both;width:calc(100% - 20px);padding:10px;}
		.T2		{clear:both;width:100%;}
		.T22	{float:left;width:100%;}
		.T3		{clear:both;width:100%;}
		.T31	{clear:both;width:100%;}
		.T32	{clear:both;width:100%;}
		.T2S	{clear:both;width:calc(100% - 20px);padding:10px;}
		.T4		{clear:both;width:100%;}
		.T4S	{clear:both;width:calc(100% - 20px);padding:10px;}
		.T4R	{clear:both;width:calc(100%);}
		.T4R2	{clear:both;width:calc(100%);}
		.T4R3	{clear:both;width:calc(100%);}
	}

	@media only screen and (min-width: 501px) and (max-width: 999px)
	{
		.T1		{clear:both;width:100%;}
		.T1S	{clear:both;width:calc(100% - 20px); padding:10px;}
		.T2		{clear:both;width:100%;}
		.T22	{float:left;width:100%;}
		.T3		{float:left;width:50%;}
		.T31	{clear:both;width:100%;}
		.T32	{float:left;width:50%;}
		.T2S	{float:left;width:calc(100% - 20px);padding:10px;}
		.T4		{float:left;width:50%;}
		.T4S	{float:left;width:calc(50% - 20px);padding:10px;}
		.T4R	{clear:both;width:100%;}
		/*.T4R3	{float:left;width:calc(50% - 15px);padding:0px 35px  5px 0px ;}
		*/
		.T4R2	{clear:both;width:100%;}
		.T4R3	{width:calc(50% - 20px);padding:0px 0px 0px calc(50% + 20px)  ;background-color:#FFFFFF;}
		
		.HeaderBarLogo 		{	margin-left: calc((100% - 198px)/ 2 - 58px);} 
/*	*/
 		.DesktopView				{ display	:	none; }
		.MobileView					{ display	:	block; }
		.anchor2					{ top: -118px;}
/*	*/
		.Box12,
		.Box22, 
		.Box32, 
		.Box42 							{ width		:	calc((100% + 20px)/2 - 20px); float:left;} 
/*	*/
		.BoxW1,	.BoxW2	 		{ padding	: 10px; float:left;}
		.BoxH1, .BoxH2 			{ padding	: 0px;}
		.BoxW								{ clear	 	:	both;}
		.BoxH							{ padding	:	10px 0 10px 0;}
/*	TitMax ---------------------	*/
		.Box12 .TitMax,
		.Box22 .TitMax,
		.Box32 .TitMax,
		.Box42 .TitMax	{font-size: calc(24px + 22 * ((100vw/2	- 250px) / 750)); }
/*	SubMax ---------------------	*/
		.Box12 .SubMax,
		.Box22 .SubMax,
		.Box32 .SubMax,
		.Box42 .SubMax	{font-size: calc(20px + 14 * ((100vw/2	- 250px) / 750)); }
/*	TitMid ---------------------	*/
		.Box12 .TitMid,
		.Box22 .TitMid,
		.Box32 .TitMid,
		.Box32 .TitMid	{font-size: calc(20px +	4 * ((100vw/2	- 250px) / 750)); }
/*	SubMid ---------------------	*/
		.Box12 .SubMid,
		.Box22 .SubMid,
		.Box32 .SubMid,
		.Box42 .SubMid	{font-size: calc(18px +	2 * ((100vw/2	- 250px) / 750)); }
	}
	
	@media only screen and (min-width: 1000px)
	{
		.T1		{clear:both;width:100%;}
		.T1S	{clear:both;width:calc(100% - 20px); padding:10px;}
		.T2		{float:left;width:50%;}
		.T22	{float:left;width:50%;}
		.T3		{float:left;width:33.333%;}
		.T31	{float:left;width:33.333%;}
		.T32	{float:left;width:100%;}
		.T2S	{float:left;width:calc(50% - 20px);padding:10px;}
		.T4		{float:left;width:50%;}
		.T4S	{float:left;width:calc(50% - 20px);padding:10px;}
		.T4R	{float:left;width:calc(50% - 15px);padding:0px calc(50% + 15px)  5px 0px ;}
		.T4R2	{width:calc(50% - 20px);padding:0px   0px 0px calc(50% + 20px);background-color:#FFFFFF;}
		.T4R3	{width:calc(50% - 20px);padding:0px   0px 0px calc(50% + 20px);background-color:#FFFFFF;}
		.HeaderBarLogo	{	margin-right: 7px; } /* 91 */
/*	*/
		.MobileView 		{ display	:	none; }
 		.DesktopView 		{ display	:	block; }
		.anchor2					{ top: -138px;}
/*	*/
		.Box12,
		.Box20					{ width		:	calc((100% + 20px)/2 - 20px);float:left;}
		.Box30					{ width		:	calc((100% + 20px)/3 - 20px);float:left;}
		.Box40					{ width		:	calc((100% + 20px)/4 - 20px);float:left;}
/*	*/
		.BoxW, .BoxW1		{ padding:10px; float:left;}
		.BoxH, .BoxH1		{ padding:0px;	float:left;}
		.BoxW2			 		{ padding:0px; }
		.BoxH2					{ padding:5px; }
/*	*/
/*	TitMax ---------------------	*/
		.Box12 .TitMax, 
		.Box20 .TitMax	{font-size: calc(24px + 22 * ((1000px/2 - 250px) / 750));	}
/*	*/
		.Box30 .TitMax,
		.Box40 .TitMax	{font-size: calc(24px + 0px);	}
/*	*/
		.TitMax					{font-size: calc(24px + 22px);}
/*	SubMax ---------------------	*/
		.Box12 .SubMax,	
		.Box20 .SubMax	{font-size: calc(20px + 14 * ((1000px/2 - 250px) / 750));	}
/*	*/
		.Box30 .SubMax,
		.Box40 .SubMax	{font-size: calc(20px + 0px);}
/*	*/
		.SubMax					{font-size: calc(20px + 14px);}
/*	TitMid ---------------------	*/
		.Box12 .TitMid,
		.Box20 .TitMid	{font-size: calc(20px +	4 * ((1000px/2 - 250px) / 750));}
/*	*/
		.Box30 .TitMid,
		.Box40 .TitMid	{font-size: calc(20px + 0px);}
/*	*/
		.TitMid					{font-size: calc(20px + 4px);}
/*	SubMid ---------------------	*/
		.Box12 .SubMid,
		.Box20 .SubMid	{font-size: calc(18px +	2 * ((1000px/2 - 250px) / 750));}
/*	*/
		.Box30 .SubMid,
		.Box40 .SubMid	{font-size: calc(18px + 0px);}
/*	*/
		.SubMid					{font-size: calc(18px + 2px);}

	}
	
	@media only print
	{
		.T1		{clear:both;width:100%;}
		.T1S	{clear:both;width:calc(100% - 20px); padding:10px;}
		.T2		{float:left;width:50%;}
		.T22	{float:left;width:50%;}
		.T3		{float:left;width:33.333%;}
		.T31	{float:left;width:33.333%;}
		.T2S	{float:left;width:calc(50% - 20px);padding:10px;}
		.T4		{float:left;width:50%;}
		.T4S	{float:left;width:calc(50% - 20px);padding:10px;}

		.BoxFull				{ width		:	1000px;}
		.HeaderBarLogo	{	margin-right: 91px; }
/*	*/
		.MobileView 		{ display	:	none; }
 		.DesktopView 		{ display	:	block; }
		.FootBar				{ display	:	none; }
		.navBar					{ display	:	none; }
/*	*/
		.Box12,
		.Box20					{ width		:	calc((100% + 20px)/2 - 20px);float:left;}
		.Box30					{ width		:	calc((100% + 20px)/3 - 20px);float:left;}
		.Box40					{ width		:	calc((100% + 20px)/4 - 20px);float:left;}
/*	*/
		.BoxW, .BoxW1		{ padding:10px; float:left;}
		.BoxH, .BoxH1		{ padding:0px;	float:left;}
		.BoxW2			 		{ padding:0px; }
		.BoxH2					{ padding:5px; }
/*	*/
/*	TitMax ---------------------	*/
		.Box12 .TitMax, 
		.Box20 .TitMax	{font-size: calc(24px + 22 * ((1000px/2 - 250px) / 750));	}
/*	*/
		.Box30 .TitMax,
		.Box40 .TitMax	{font-size: calc(24px + 0px);}
/*	*/
		.TitMax					{font-size: calc(24px + 22px);}
/*	SubMax ---------------------	*/
		.Box12 .SubMax,	
		.Box20 .SubMax	{font-size: calc(20px + 14 * ((1000px/2 - 250px) / 750));}
/*	*/
		.Box30 .SubMax,
		.Box40 .SubMax	{font-size: calc(20px + 0px);}
/*	*/
		.SubMax					{font-size: calc(20px + 14px);}
/*	TitMid ---------------------	*/
		.Box12 .TitMid,
		.Box20 .TitMid	{font-size: calc(20px +	4 * ((1000px/2 - 250px) / 750));}
/*	*/
		.Box30 .TitMid,
		.Box40 .TitMid	{font-size: calc(20px + 0px);}
/*	*/
		.TitMid					{font-size: calc(20px + 4px);}
/*	SubMid ---------------------	*/
		.Box12 .SubMid,
		.Box20 .SubMid	{font-size: calc(18px +	2 * ((1000px/2 - 250px) / 750));}
/*	*/
		.Box30 .SubMid,
		.Box40 .SubMid	{font-size: calc(18px + 0px);}
/*	*/
		.SubMid					{font-size: calc(18px + 2px);}
	}

DIV.scrRefLineContainterHoriz	{ position: relative; width : calc(1000%);z-index : 2;background-color: #FFFFFF; overflow:hidden;}
DIV.scrRefLineContentHoriz 		 { position: absolute; z-index : 1; display : inline;}

	
	@media only screen and (max-width: 379px)													{	.BoxReferences, .BoxMembership		{ width:180px;}	}
	@media only screen and (min-width: 380px) and (max-width: 559px)	{	.BoxReferences, .BoxMembership		{ width:360px;}	}
	@media only screen and (min-width: 560px) and (max-width: 739px)	{	.BoxReferences, .BoxMembership		{ width:540px;}	}
	@media only screen and (min-width: 740px) and (max-width: 919px)	{	.BoxReferences, .BoxMembership		{ width:720px;}	}
	@media only screen and (min-width: 920px) 												{	.BoxReferences, .BoxMembership		{ width:900px;}	}

	@media only screen and (max-width: 659px)													{	.BoxProducts	{ 100%;}}
	@media only screen and (min-width: 660px) and (max-width: 999px)	{	.BoxProducts { 100%;}} 
/*	{width:640px;}	*/
	@media only screen and (min-width: 1000px) 												{	.BoxProducts { 100%;}}
	 
/*	Box With Border	*/
.BoxWB
{
		padding			: 15px;
		width				: calc(100% - 32px);
		border-style: solid;
		border-width: 1px;
		border-radius: 8px;
		background-color: #FFFFFF;
		border-color: #C0C0C0;
}
 
/*	------------------------------------------------	*/

	.PopUpMenuItems
	{
		margin				:	0;
		padding				:	0;
		height				: 0px; 
		width	 			: 100%;
		overflow-y		:	hidden;
	}
	
/*	------------------------------------------------	*/


	li.linkMnu
	{
		list-style-type			: none; 
		margin		 					: 0;
		padding							: 8px 8px 8px 8px;
		color								: #000000;
		border-bottom				: 1px solid #d6d6d6;
		font-weight					: 600;
		overflow						:	hidden;
		background-repeat	 : no-repeat;
		background-Image 		: url("/es/bars/images/ArrowDown.png");
		background-position : right center;
	}

	a:hover .linkMnu 
	{	
		color: #0067b8; 
		background-color:#e6e6e6;
		
/*	background-color:#CCCCCC!important;	*/
	}

/*	------------------------------------------------	*/

	li.linkSubMnu 
	{
		list-style-type			: none; 
		margin							:	0;
		padding							:	8px 8px 8px 16px;
		color								: #535353;
		border-bottom				: 1px solid #d6d6d6;
	}
	
	a:hover .linkSubMnu
	{	
/*	background-color:#CCCCCC!important;	*/
		color: #0067b8; 
		background-color:#e6e6e6;
	}
	
/*	------------------------------------------------	*/
	 
	li.linkMnuFooter
	{
		list-style-type			: none;
		margin		 					: 0;
		padding							: 10px 8px 0px 0px;
		color								: #000000;
		font-weight					: 600;
		overflow						:	hidden;
	}

/*	------------------------------------------------	*/
	
	li.linkSubMnuFooter 
	{
		list-style-type	: none;
		margin					:	0;
		padding					:	2px 8px 2px 8px;
		color						: #535353;
		font-weight			: 400;
	}

/*	------------------------------------------------	*/

	li.linkMnuSocial 
	{
		list-style-type			: none;
		margin							: 0;	
		padding							: 5px 0 5px 29px;
		color								: #535353;
		font-size 					: 12px;
		background-position	: 8px 4px;
		background-repeat		: no-repeat;
	}	 

	div.clear 
	{
		clear	 				: both;
	}


	div.spSections1
	{
		width						: 100%;
		height						: 0px;
		padding						: 1px 0px 0px 0px;
		overflow					: hidden;
		color						: #fff;
	}
	
	div.spSections2
	{
		width						: 100%;
		height						: 0px;
		padding						: 5px 0px 0px 0px;
		overflow					: hidden;
		color						: #fff;
	}
	
	div.spSections3
	{
		width						: 100%;
		height						: 0px;
		padding						: 10px 0px 0px 0px;
		overflow					: hidden;
		color						: #fff;
	}

	div.spLinks
	{
		width						: 100%;
		margin					:	10px 0px 0px 0px;
	}

	div.spElements
	{
		width		: 100%;
		height	: 0px;
		padding	: 20px 0px 0px 0px;
		overflow					: hidden;
		color						: #fff;
	}

	div.spGroups
	{
		width		: 100%;
		height	: 0px;
		padding	: 40px 0px 0px 0px;
		overflow: hidden;
		color						: #fff;
	}

	
	div.hrElements 
	{
		width						: 100%;
		height					:	0;
		border-width		:	0;
		margin					: 20px 0px 20px 0px;
		padding					:	1px 0px 0px 0px;
		background-size	: contain;
		background-image: url("https://www.sierrasoft.com/images/page/greyLine.png");
		color						: #fff;
	}

	div.hrGroups
	{
		width						: 100%;
		height					:	0;
		border-width		:	0;
		margin					: 20px 0px 40px 0px;
		padding					:	2px 0px 0px 0px;
		background-size	: contain;
		background-image: url("https://www.sierrasoft.com/images/page/greyLine.png");
		color						: #fff;
	}
	div.hrGroupsCart
	{
		width						: 100%;
		height					:	0;
		border-width		:	0;
		margin					: 10px 0px 10px 0px;
		padding					:	2px 0px 0px 0px;
		background-size	: contain;
		background-image: url("https://www.sierrasoft.com/images/page/greyLine.png");
		color						: #fff;
	}	

div.hrGreyLine {
	width: 100%;
	height:1px;
	border-color: #fff;
	border-style:solid;
	border-width:0;
	margin: 0;
	padding:0;
	background-size: contain;
	background-image: url("https://www.sierrasoft.com/images/page/greyLine.png");
}

.DataTextInput
{
/*	width				 : calc(100% - 10px);	*/
	width					 : calc(100% - 10px);
	border					: 1px solid #b5b5b5;
	padding				 : 2px 4px 2px 4px;
	font-weight			: 600;
	text-align			: left;
}	

.DataTextInputVIESCode
{
	width				: 40px;
	border				: 1px solid #b5b5b5;
	padding				: 2px 4px 2px 4px;

	font-weight			: 600;
	text-align			: left;
}	

.DataTextInputVIES
{
	width				: calc(100% - 60px);
	border				: 1px solid #b5b5b5;
	padding				: 2px 4px 2px 4px;
	font-weight			: 600;
	text-align			: left;
}	


.DataSelect {
	width					 : calc(100%); 
	border					: 1px solid #b5b5b5;
	padding				 : 2px 4px 2px 4px;
	font-weight			: 600;
	text-align			: left;
}

.DataTextArea {
	width					 : calc(100% - 10px);
	border					: 1px solid #b5b5b5;
	padding				 : 2px 4px 2px 4px;
	font-weight			: 600;
	text-align			: left;
}

.DataTextInput:disabled,
.DataSelect:disabled,
.DataTextArea:disabled
{
	background-color:#E6E6E6;
}

.DataTextLabel 
{
	text-align			: left;
	width					 : calc(100% - 10px);
	padding				 : 2px 5px 2px 5px;
}	

.DataSubmit 
{
	width						: auto;
	font-size				: 18px;
	font-weight			: 600;
	padding					:	5px 10px 5px 10px;
	background-color: #EEE;

	border-style		: solid;
	border-color		: #666666;
	border-width		: 1px;
	border-radius		: 4px;
}

input[type="submit"]:disabled,
input[type="button"]:disabled
 {
	color:#BBB;
}

.button {
  			cursor: pointer;
		}

input[type="button"]:hover:enabled
{
  color:white;
  background-color:#666666;
  cursor: pointer;
}

input[type="checkbox"]:hover:enabled
{
  cursor: pointer;
}

input[type="checkbox"]::before {
  content: "";
  width: 1.4rem;
  height: 1.4rem;
  clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
  transform: scale(0);
  background-color: green;
}

input[type="submit"]:,
input[type="button"]: {
	color:#000000;
	cursor: pointer;
}


/*	**************************************Inizio stili prova scroll orizzontale - Nicoletta********************** */
/*	*************************************************************************************************************	*/
/*	table.tabMenuScrollHoriz {	*/
/*		width: 930px; 						*/
/*		padding: 0; 							*/
/*		margin: 0 0 10px 0; 			*/
/*		white-space: normal; 			*/
/*	} 													*/
/*	td.tabMenuTopScrollHoriz{ 	*/
/*		height: 5px; 							*/
/*		width: 930px; 						*/
/*		margin: 0; 								*/
/*		padding: 0; 							*/
/*		background-image: url(/images/bgdMenuTopScrollHoriz.gif); */
/*		background-repeat: no-repeat; 														*/
/*		background-position: center top; 													*/
/*	} 																													*/
/*	td.tabMenuCenterScrollHoriz{	*/
/*		width: 930px;								*/
/*		margin: 0;									*/
/*		padding: 0 9px 0 9px;				*/
/*		border-top-width: 0;				*/
/*		border-right-width: 1px;		*/
/*		border-bottom-width: 0;			*/
/*		border-left-width: 1px;			*/
/*		border-style: solid;				*/
/*		border-color: #B5B5B5;			*/
/*	}															*/
/*	td.tabMenutBottomScrollHoriz{	*/
/*		height: 5px;								*/
/*		width: 930px;								*/
/*		margin: 0;									*/
/*		padding: 0;									*/
/*		/*background-image: url(/images/bgdMenuBottomScrollHoriz.gif);	*/
/*		background-repeat: no-repeat;																		*/
/*		background-position: center top;																*/
/*	}	*/

/*	*****************************************Fine stili prova scroll orizzontale - Nicoletta**************************************	*/

/*	STORE	*/

.cartHeaders div, .cartHeadersSummary div
{
display:none;
}


.itemContainer div, .itemSummaryContainer	div
{
	text-align				:center;
	float							:left;
	border-width			:0;
	padding						:0;
	margin						:0;
	
	font-family				:"Segoe UI","SegoeUI","SF Pro Text","SF Pro Icons","Roboto","Lato","Tahoma","HelveticaNeue","Helvetica Neue","Helvetica","Arial","sans-serif";
	font-size					:15px;
	color							:#535353;

}
.itemContainer .itemDescription	{	font-weight:600;width:calc(100% - 64px); text-align:left;padding:0; margin:0;padding-bottom:10px;padding-top:10px;}
.itemContainer .itemremove			{	font-weight:600;;width: 40px;	margin:0;padding:0;padding-bottom:10px;padding-top:10px;padding-left:20px;}

.itemContainer .itemCode				{	font-weight:600;width: 100px;	margin:0;padding:0;padding-bottom:10px;padding-right:calc(50% - 140px);text-align:left;border-width: 0;}
.itemContainer .itemdecrement		{	font-weight:600;width:	20px;	margin:0;padding:0;padding-bottom:10px;border-width: 0;}
.itemContainer .itemQuantity		{	font-weight:600;width:	40px;	margin:0;padding:0;padding-bottom:10px;border-width: 0;}
.itemContainer .itemincrement		{	font-weight:600;width:	20px;	margin:0;padding:0;padding-bottom:10px;border-width: 0;}
.itemContainer .itemPrice				{	font-weight:600;width: 100px;	margin:0;padding:0;padding-bottom:10px;padding-left:calc(50% - 140px);text-align:right;border-width: 0p;color							:#535353;}

.itemContainer .itemTotal				{	display:none;}

.itemContainer .hitemDescription	{	display:none;}
.itemContainer .hitemremove				{	display:none;}

.itemContainer .hitemCode				{	width: 100px;	padding:0;margin:0;padding-right:calc(50% - 140px);text-align:left;border-width: 0; font-size:13px;}
.itemContainer .hitemdecrement	{	width:	0px;	padding:0;margin:0;border-width: 0;}
.itemContainer .hitemQuantity		{	width:	80px;	padding:0;margin:0;border-width: 0; font-size:13px;}
.itemContainer .hitemincrement	{	width:	0px;	padding:0;margin:0;border-width: 0;}
.itemContainer .hitemPrice			{	width: 100px;	padding:0;margin:0;padding-left:calc(50% - 140px);text-align:right;border-width: 0; font-size:13px;}


.itemContainer .hitemTotal				{	display:none;}


/*	-------------	*/
.itemSummaryContainer .itemSummaryDescription	{	font-weight:600;width:calc(100% - 124px); text-align:left;padding:0; margin:0;padding-bottom:10px;padding-top:10px;}
.itemSummaryContainer .itemSummaryremove			{	font-weight:600;;width: 40px;	margin:0;padding:0;padding-bottom:10px;padding-top:10px;padding-left:20px;}

.itemSummaryContainer .itemSummaryCode				{	font-weight:600;width: 120px;	margin:0;padding:0;padding-bottom:10px;padding-right:calc(50% - 140px);text-align:left;border-width: 0;}
.itemSummaryContainer .itemSummarydecrement		{	font-weight:600;width:	20px;	margin:0;padding:0;padding-bottom:10px;border-width: 0;}
.itemSummaryContainer .itemSummaryQuantity		{	font-weight:600;width:	40px;	margin:0;padding:0;padding-bottom:10px;border-width: 0;}
.itemSummaryContainer .itemSummaryincrement		{	font-weight:600;width:	20px;	margin:0;padding:0;padding-bottom:10px;border-width: 0;}
.itemSummaryContainer .itemSummaryPrice				{	font-weight:600;width: 120px;	margin:0;padding:0;padding-bottom:10px;padding-left:calc(50% - 140px);text-align:right;border-width: 0p;color							:#535353;}

.itemSummaryContainer .itemSummaryTotal				{	display:none;}

.itemSummaryContainer .hitemSummaryDescription	{	display:none;}
.itemSummaryContainer .hitemSummaryremove				{	display:none;}

.itemSummaryContainer .hitemSummaryCode				{	width: 120px;	padding:0;margin:0;padding-right:calc(50% - 140px);text-align:left;border-width: 0; font-size:13px;}
.itemSummaryContainer .hitemSummarydecrement	{	width:	0px;	padding:0;margin:0;border-width: 0;}
.itemSummaryContainer .hitemSummaryQuantity		{	width:	40px;	padding:0;margin:0;border-width: 0; font-size:13px;}
.itemSummaryContainer .hitemSummaryincrement	{	width:	0px;	padding:0;margin:0;border-width: 0;}
.itemSummaryContainer .hitemSummaryPrice			{	width: 120px;	padding:0;margin:0;padding-left:calc(50% - 140px);text-align:right;border-width: 0; font-size:13px;}


.itemSummaryContainer .hitemSummaryTotal				{	display:none;}
/*	-------------	*/

.simpleCart_total {
	color				: #000;
	font-family	: "Segoe UI","SegoeUI","SF Pro Text","SF Pro Icons","Roboto","Lato","Tahoma","HelveticaNeue","Helvetica Neue","Helvetica","Arial","sans-serif";
	font-size		: 15px;
	padding-left: 5px;
}

.Cart {
	width:100%;
	}
/*	------------------------	*/
/*	---	Altri contenuti ---	*/
/*	------------------------	*/
	
/*	.navBarWorldWide {																				*/
/*			height		 	: 25px;																		*/
/*			margin		 	: 0;																			*/
/*			padding			: 0 10px 0 10px;													*/
/*			/*font-family	: Tahoma, Arial, Helvetica, sans-serif;	*/
/*			font-size	 	: 8pt;																		*/
/*			float:left;																						*/
/*		}																												*/

	a.navCart:link {
		color: #535353;
		text-decoration: none;
	}
	a.navCart:visited {
		color: #535353; 
	}
	a.navCart:hover {
		color: #535353;
		text-decoration: none;
	}
	
	.HeaderBarLogo 
	{
		display						 : block; 
		height						 : 58px;
		width							 : 200px;
		text-align				 : left;
		background-repeat	: no-repeat;
		overflow					 : hidden;
		float							 : left;
	}

	.HeaderBarButton, .HeaderBarButtonText
	{
		color:#000000;
		font-weight:400;
		display						 : block;
		height						 : 58px; 
		width							 : 58px;
		text-align				 : center;
		background-repeat	: no-repeat;
		margin						 : 0;
		padding						: 0;
		overflow					 : hidden;
		float:left;
		
		font-size:13px;
/*	font-family:"Segoe UI", SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;	*/
	}

	a:hover .HeaderBarButton 
	{
/*	background-color:#CCCCCC;	*/
		font-weight:600;
	}
	
		a:hover .HeaderBarButtonText 
	{
/*	background-color:#CCCCCC;	*/
		color: #0067b8; 
		text-decoration: underline;
/*	font-weight:600;	*/
		height		 :35px; 
	}


	.navBarButton 
	{
		margin: 0;
		padding: 23px 0 0 0;
	}

/*	.navBar, .navBar a, .navBar a:link, .navBar a:visited	*/
/*	{																											*/
/*		color					: #535353;														*/
/*		font-family		: Arial, Helvetica, sans-serif;			*/
/*		font-size			: 9pt;																*/
/*		font-style		 : normal;														*/
/*		font-weight		 : bold;															*/
/*		text-decoration: none;															*/
/*	}																											*/
/*	.navBar a:hover																				*/
/*	{																											*/
/*		color: #000;																				*/
/*	}																											*/

	div.navBarWorldWide 
	{
		display: block;
		height: 20px;
/*	margin: 0;																					*/
/*	font-family: Tahoma, Arial, Helvetica, sans-serif;	*/
		font-size: 8pt;
		vertical-align:bottom;
		width: calc(50% - 20px);
		padding: 5px 10px 0px 10px;
	}


	
	

/*	FOOTER	*/
/*	FOOTER	*/
/*	FOOTER	*/



	div.TxtFooter,
	a.navUtil:link,
	a.navUtil:visited,
	a.navUtil:hover 
	{
/*	font-family : Tahoma, Arial, Helvetica, sans-serif;	*/
		font-size	 : 8pt;
		font-style	: normal;
		font-weight	: normal;
	}

	a.navUtil:link		{ color	: #535353; text-decoration	: none; }
	a.navUtil:visited {	color	: #535353; }
	a.navUtil:hover 	{	color	: #000000; text-decoration: underline; }


	


	
	div.TFooterMnu, div.TFooterMnu a
{
	margin		 			: 0;
/*	font-family		: Tahoma, Arial, Helvetica, sans-serif;	*/

	font-size				: 11px;
	font-weight			: 600;
	color						: #535353;
	overflow				:	hidden;
	list-style-type	: none;
	padding-bottom	: 9px;
	cursor					:	auto;
}

div.TFooterMnu:hover{
	font-weight			: 900;
}

div.TFooterItemsGroup
{
	display:none; padding:5px 0px 16px 0px;
}

div.TFooterItems, div.TFooterItems a
{
	margin					:	0;
	padding-bottom	: 9px;
/*	font-family		: Tahoma, Arial, Helvetica, sans-serif;	*/


	font-size				: 12px;
/*	font-weight			: 400;			*/
/*	color						: #535353;	*/
}

div.TFooterItems:hover{
	font-weight			: 600;
}
	
/*	GENERALI	*/
	

div.divTitleYellow300 {
	text-transform: uppercase;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 4px;
	border-left-width: 0;
	border-style: solid;
	border-color: #F6C900;
	margin: 3px 0px 8px 0px;
	padding: 0 0 1px 0;
	width: 100%;
}


div.divTitleGrey300 {
	text-transform: uppercase;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 3px;
	border-left-width: 0;
	border-style: solid;
	border-color:#666666;
	margin: 5px 0px 5px 0px;
	padding: 0 0 1px 0;
	width: 100%;
}

div.hr 
{
	margin	:	10px 0px 0px 0px;
	padding	:	0px 0px 0px 0px;
	border	:	1px 0px 0px 0px solid #B5B5B5;
	height	:	1px;
}


	@media only screen and (min-width: 501px)
	{
		IMG.CropCenter	{ object-fit: none;  object-position: center;  height:270px;}
		IMG.CropRight	{ object-fit: none;  object-position: right;  height:270px;}
		IMG.CropLeft	{ object-fit: none;  object-position: left;  height:270px;}
	}	
		
	@media only screen and (min-width: 597px)
	{
		IMG.Crop2Center	{ object-fit: none;  object-position: center;  height:276px;}
	}	



