@import url('https://fonts.googleapis.com/css?family=Montserrat:400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Open+Sans:400,400i,600,600i,700,700i,800,800i');
body		
						{  margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
*{box-sizing:border-box}
#misura, #misurafra			{min-width: 1020px; }
#nomisura, #nomisurafra			{width: auto; background: #FFFFFF; min-width: 1020px;}


#headerX{width:100%;height:100px;display:block;z-index:10;outline:0;text-align:center}
#header1 {width: 100%; height: 100px; margin:auto;display:block; position: fixed; left: 0; top: 0; background:#FFF; z-index: 7000; box-shadow: 1px 2px 4px rgb(0 0 0 / 10%); }
#header1mis {max-width: 1480px; min-width: 640px; margin: auto; text-align: center; position: relative; padding-top: 10PX}
#header1 #headerA {width: 20%; height: 100%; min-width: 150px; text-align: right }
#header1 #headerA #logo {max-width: 100%; max-height: 80PX; height: 100%; margin:auto; display:block; min-width: 200px;}
#header1 #headerA a { text-decoration:none;}
#header1 #headerA #logo img{max-height:100%;max-width:100%;vertical-align:middle;padding-right:20px}

#header1 #headerC {height:auto; display:block; margin: auto; position: absolute; left: 20%; top: 40px; z-index: 7000; vertical-align: bottom;}
#header1 #headerC.fran {width:calc(80% - 200px); max-width: 950px;}
#header1 #headerC.ital {width:calc(96% - 20px); max-width:1100px; text-align: left}
#header1 #headerC #nav1 {width: calc(100% - 152px); margin: auto; min-height: 36px; display:inline-block; vertical-align: bottom; background:inherit}
#header1 #headerC.fran #nav1 {text-align: center;}
#header1 #headerC.ital #nav1 {max-width: 800px; text-align: left;}
#header1 #headerC .soc {margin: auto; height: 36px; display:inline-block; float: right; vertical-align: bottom; background:inherit; position: relative; z-index: 1000}
#header1 #headerC .soc a {padding: 5px 0px 5px 10px; display: inline-block}
#header1 #headerC .soc img {max-width: 100%; float: left; max-height: 100%; display: block; max-height: 22px; }


/*--------------------------------------------------------------*/
#ricercahome {position: absolute;left: 0;top: -38px; display: block; width: 100%;}



@media only screen and (min-width:1080px and max-width: 1240px) {
	#header1 #headerA #logo img {margin-right: 0; padding-right:0px}}
@media only screen and (max-width: 1079px) {
 #header1 #headerC.fran .soc {width:auto; background: inherit}
	#header1 #headerC #nav1 {width: 100%; margin-top: -40px}
#header1 #headerA {width: 26%;}
	#header1 #headerC {width:calc(74% - 200px);left: 26%;}
	#header1 #headerA #logo img {margin-right: 0; padding-right:0px}
}
	
/*------- accesso area riservata ------------------------*/
#header1  #headerris { width: 180px; padding: 10px 10px 4px 10px; background:#f2f2f2; border-bottom: 1px solid #60775f; display:block; text-align:CENTER; color:#000000; position:absolute; right: 10px; top: 0px; z-index: 7090;  box-shadow: 1px 2px 4px rgb(0 0 0 / 30%); line-height: 16px;  }
#header1  #headerris a		{color:#286426;  text-decoration:none; display:inline-block; margin-right: 3px; min-width:50px;  text-align:center; font: 13px 'pag-iconfont', Arial, sans-serif; display:block; font-weight:bold}
#header1  #headerris	 a:hover		{color: #7d7f7c; }
#header1  #headerris form 			{margin-top:2px;}
#header1  #headerris form div 		{display:block; width: 170px; margin:auto; }
#header1  #headerris form div.alto 	{ padding-top: 6px;}
#header1  #headerris form div.fisso input	{display:block; text-align:center; padding: 4px 6px; border-radius: 4px; border: 1px solid #dfdfdf; width: 130px; margin:auto; z-index: 7009; cursor:pointer; color: #999}
#header1  #headerris form div.alto input		{display: inline-block; text-align:center; padding: 5px 9px; border-radius: 4px; border: 1px solid #dfdfdf; margin:auto; z-index: 7010; cursor:pointer; background:#FFF}
#header1  #headerris span			{display:block; padding-bottom:5px; padding-top: 1px;}
#header1  #headerris span.rag		{font-size: 14px; color: #286426; font-weight:bold;}
#header1  #headerris div.cornicina	{border: 1px dashed #999; padding: 4px; margin-top: 4px;}
#header1  #headerris .area-ris-bt a	{display: block; text-align:center; padding: 4px 6px; width: 100px; border-radius: 4px; border: 1px solid #dfdfdf;
 margin:auto; margin-bottom:3px; background:#FFFFFF;}

/*----------------------------------------------------------------*/




#content1					{width: 100%; margin: 0px auto; background:#FFF; display:block;}
#content1 #contentA			{background:#FFF; width:100%; max-width: 1600px; margin:auto;}
/*home*/
#content1 #contentC, #content1 #contentBB, #content1 #isola {background:#fff; width:100%; max-width: 1600px; margin:auto;padding-bottom: 20px;}
#content1 .ris /*insieme a contentC*/{overflow:auto;   }
 /*pagine istituzonali*/
#content1 #contentB			{background: #95ada0; width: 100%; margin:auto; }
#content1 #contentB	> div.sf, #content1 #contentE > div.sf, #content1 #contentD	> div.sf  {padding-top: 40px; padding-bottom: 40px; max-width: 1600px; margin: auto}
#content1 #contentE {width: 100%; margin:auto; }
#content1 #contentD {margin: auto; background: #95ada0;}	

#content1 #contentA #social				{  display:inline-block; text-align:left;  padding-top: 4px; margin-left: 20px; }
#content1 #contentA #social a 			{   display:inline-block; box-sizing:border-box;  }
#content1 #contentA #social a img		{ border: 0px; vertical-align: bottom; max-height: 40px; max-width: 40px;}
#content1 #contentA #social a:hover {}

#content1 #contentA #social a:nth-child(2){margin-right: 5px}

.catalogo {padding: 30px 0; width:100%; max-width: 1600px; margin:auto;}

#navsoc {display: block; margin-bottom: 30px; margin-top: 30px; clear: both; max-width: 1600px}

#social a  					{text-decoration:none; border: 0px; opacity: 1;
	transition: opacity .25s ease-in-out; 	-moz-transition: opacity .25s ease-in-out; 	-webkit-transition: opacity .25s ease-in-out}
#social a:hover  			{ opacity: 0.5;}
#social img					{ border: 0px;}


 
.txt16						{font-size:16px;  }
.txt16 strong				{ font-size: 20px ; line-height: 40px;} 
.bott1, a.bott1 			
{ background: #CCC; display:block; width:90%; max-width: 320px; min-height: 40px; padding: 6px; text-align:center; 
text-decoration:none; color: #000; text-transform:uppercase; font-size: 16px;
font-family:"PNewsGothic", Times, serif; margin-bottom: 20px; border-RADIUS: 2PX;
border: 1px solid #666;
opacity: 1; transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out}
a.bott1:hover		 	{opacity: 0.5; background:#d11000; color:#ccc}

.bott2, a.bott2			
{ background: #f2f2f2; display:block; width:90%; max-width: 320px; min-height: 40px; padding: 6px; text-align:center; 
text-decoration:none; color: #36651e; text-transform:uppercase; font-size: 16px;
font-family:"PNewsGothic", Times, serif; margin-bottom: 20px; border-RADIUS: 2PX;
border: 1px solid #c0c0c0 ;
opacity: 1; transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out}
a.bott2:hover		 	{opacity: 0.5; background:#d11000; color:#FFF}


.bt1, a.bt1 			{ text-decoration:none; color: #C00; opacity: 1; transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out}
a.bt1:hover		 	{opacity: 0.5; color:#999} 

/*------------------------------------------------- prepie ------------------------------------------------------*/

#prepie			{width: 94%; max-width: 1600px;  display:block; margin: 0 auto; clear: both; overflow: auto;  padding-top: 20px; color:#000;  padding-bottom: 20px;  }
#prepie	.bl-prepie	{ width: 25%;  display:block; min-height: 160px; text-align: left; float: left; position:relative; font-family: "Montserrat", sans-serif; font-size:13px;  font-weight: 600; line-height: 20px;}
#prepie	.bl-prepie strong	{font-size: 16px; line-height: 22px;}
#prepie	.bl-prepie a 		
	{text-decoration:none; border: 0px; opacity: 1; color:#d11000;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out}
#prepie	.bl-prepie  a:hover		 	{opacity: 0.5; color: #666;}
 

#contatti-offerta	{ width: 100%; display:block; text-align:right}
#prepie .bl-prepie .bt20, #prepie  .bl-prepie a.bt20, #prepie .bl-prepie .bt21, #prepie .bl-prepie a.bt21  		
				{ background:#333333; display:block;  width: 90%;  padding: 6px; text-align:center; 
				text-decoration: none; color:#d11000; text-transform:uppercase; font-size: 16px;  
				font-family: "PNewsGothic", Times, serif; margin-bottom: 20px; border-RADIUS: 2PX;
				opacity: 1; transition: opacity .25s ease-in-out;
				-moz-transition: opacity .25s ease-in-out;
				-webkit-transition: opacity .25s ease-in-out  }
#prepie .bl-prepie .bt20, #prepie .bl-prepie a.bt20		{line-height:38px; }
#prepie .bl-prepie .bt21, #prepie .bl-prepie a.bt21 	{height: 40px;}
#prepie .bl-prepie a.bt20:hover, #prepie .bl-prepie a.bt21:hover					
														{background:#d11000; color:#FFFFFF; opacity: 0.5;} 
 
.smoothScroll img {max-width: 32px;}

#offerta a		
						{position: absolute; left: 156px; top: 6px; 	min-width: 130px; 	display:block; 	height: 40px; 	background:#333; text-align:center; 			 							text-decoration: none; color:#d11000; font-size: 18px; line-height:38px;   font-family:"Times New Roman", Times, serif; text-transform:uppercase; padding-left: 8px; padding-right: 8px; }
#offerta a:hover			{background:#515151;}
/*-----------------------------------------------------------------------------------------------------------------*/

#footer1 {width: 100%;margin: 0px auto;text-align:center; display:block; padding-top: 6px; color:#FFF;font-family: "Montserrat", sans-serif; font-size:13px; line-height: 18px; overflow:hidden; vertical-align: top; background: #60775f} 

#footer1> div 	{display: block; overflow: hidden; max-width: 1400px; margin: auto}
#footer1 #footA {width: 50%; margin:auto; text-align:left; display: inline-block; vertical-align: top; margin-bottom: 20px; font-size: 14px; line-height: 22px;}
#footer1 #footB {width: 49%; margin:auto; text-align:center; font-size:14px; display:inline-block;  text-align:center; vertical-align: top; margin-bottom: 20px;}
#footer1 #footB a img, #footer1 #footB	a {border: 0px; text-decoration:none; opacity: 1; transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out}
 #footer1 #footB a img:hover {  opacity: 0.5;}

#footer1 .f1 {display: block;clear: both; overflow: hidden; margin-bottom: 12px}
#footer1 #footA .log2 {float: left; max-height: 100px}
#footer1 #footB #ling			{display:block; margin:auto; min-height: 40px; vertical-align: middle; padding-top: 20px; margin-bottom: 20px }
#footer1 #footB #ling a img 	{margin-left: 4px; margin-right: 4px;  display:inline-block; vertical-align: middle }
#footer1 #footB #social			{display:block; text-align: center; clear:both; margin-bottom:20px;}
#footer1 #footB #social a img	{ vertical-align: bottom; max-height:32px; margin: 4px;}

#ling a 					{text-decoration:none; border: 0px; opacity: 1;
	transition: opacity .25s ease-in-out; 	-moz-transition: opacity .25s ease-in-out; 	-webkit-transition: opacity .25s ease-in-out}
#ling a:hover		 		{opacity: 0.5; }
#ling a img					{border: 0px;}



#xcerca 					{margin-top: 10px; margin-bottom: 20px; padding-top: 10px; }
#xcerca form				{margin: 0px; padding: 0px;   color: #000; font-size: 18px;}
#xcerca form input 			{ font-family: Arial, Helvetica, sans-serif; font-size: 16px; border: 1px solid #999; 
							 vertical-align:middle; border: 0px; width: 80%; max-width: 240px;  display:block; margin-bottom: 10px;}
#xcerca form .invio			{ display: inline-block; width:90px; padding: 8px; border-radius: 4px; border: 1px solid #999; background:#333333; font-size: 16px; }
#xcerca form .cercahm		{border: 1px solid #999; padding: 8px; border-radius:4px;}
#xcerca form .inviog						{ display: inline-block; width:142px; background:#FFFFFF; cursor: pointer;
							 border: 1px solid #dfdfdf; padding: 6px; border-radius: 6px; margin-top: 2px; font-size: 16px; }	
#xcerca form .inviog:hover				{background:#F5F5F5}			 

/* controlla */ 				 
.xcerca .input5 			{display:block; width:327px; height:30px; text-align: center;/* background: url(img/xricerca.png) no-repeat center #000;*/}
.xcerca .input5	input 		{border: 1px solid #dfdfdf; padding: 6px; border-radius: 6px; margin-top: 2px; width: 324px;}




.altrisimboli				{/*width: 98%; position:relative;*/ text-align:left}
.altrisimboli img			{ margin: 6px; border: 0px;}
.altrisimboli a img				{border: 0px;}	

	
/* -------------------- pagine dinamiche --------------------------------------*/

.veloce /* dentro infohmtC*/ {}
.veloce table		{border-top: 1px solid #dfdfdf; width: 100%; margin:auto}
.veloce table td	{border-bottom: 1px solid #dfdfdf; padding-top: 8px; padding-bottom: 8px; } 
.veloce table td.sx	{text-align:left; padding-left: 3%; }
.veloce table td .ajax_misure	{background:#f2f2f2}
.veloce a 	{text-decoration: none;}
.veloce a:hover 	{color: #999;}
.veloce a img	{vertical-align: middle}
.btveloce, a.btveloce			{width: 134px; padding:6px 24px 6px 6px; background: url(img/add.png) right no-repeat #C9C9C9; color: #000;   border: 1px solid #666; margin-left: 6px; }
a.btveloce:hover	{color: #C00}
.veloce .titolo		{font-size: 15px; padding-top: 6px; color: #7d7f7c; }
.veloce .titolo	a	{ color: #7d7f7c;}
.veloce .titolo	a:hover	{color: #333}

.form							{margin: 0px auto; width: 98%; max-width: 960px; margin:auto; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; text-align:center;}
.form table						{width: 100%; text-align:center; margin: 0px auto;}
.form table	td					{text-align: center; padding: 4px;}
.form input 					{ color:#00820e; text-transform: uppercase; border: 1px solid #cfcfcf; background:#FFFFFF/* font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px;*/ }
.form select 					{ width: 280px; color:#00820e;}
.form label						{width: 120px; display: inline-block;}
.form input.input5    			{border: 1px solid #dfdfdf; padding: 8px; border-radius: 6px; margin-top: 2px; width:300px;}
.form a.inviog					{border: 1px solid #dfdfdf; padding: 6px; border-radius: 6px; text-decoration:none; color: #00820e;}
.form input.inviog				{border: 1px solid #dfdfdf; padding: 8px 12px; border-radius: 6px; text-decoration:none; color: #00820e; cursor: pointer;}


.form .btfrec, .form .btfrec a	
{ padding: 8px 10px 8px 22px; border-radius: 0px; border: 0PX;
 background: #f2f2f2 url(img/frhm.png) no-repeat left; display: inline-block;  margin: auto; text-align:center; 
  text-decoration:none; color: #7d7f7c; text-transform:uppercase;  margin-bottom: 20px; margin-top: 20px; cursor:pointer}
.form .btfrec:hover		
{ border-bottom: 2px solid #7d7f7c; margin-bottom: 18px;}

#tabcontatti					{margin-top: 20px;}
#tabcontatti td					{ vertical-align: top;}
#tabcontatti iframe				{margin-top: 20px;}
#tabcontatti a {color: #286426} 
#tabcontatti a:hover	{color: #F00}
.pgcontatti						{display:block; width: 60%; min-width: 600px; margin:auto; font-size: 16px;}
.pgcontatti	div 				{margin-bottom: 6px; display:block;}
.pgcontatti	div label			{width: 33%; display:inline-block}
.pgcontatti legend				{font-size: 18px;} 
.pgcontatti fieldset			{padding: 20px;  border-radius: 4px; border: 1px solid #dfdfdf; vertical-align:top;}
.pgcontatti input			{padding: 6px; border-radius: 4px; border: 1px solid #dfdfdf;}
.pgcontatti textarea		{padding: 6px; border-radius: 4px; border: 1px solid #dfdfdf; width: 80%;
  min-width: 496px;
  max-width: 584px;}
.pgcontatti a 	{text-decoration: none; color: #666}
.pgcontatti a:hover 	{color: #999;}

#dinamico						{text-align: center; padding-top: 10px; font-size: 14px; padding-left: 60px; padding-right: 60px; }
#dinamico2	 					{  padding-left: 60px; padding-right:60px; }
#dinamicoB						{text-align: center; display:block; font-size: 14px; min-height: 460px; width: 74%; min-width: 900px; margin: auto; border: 1px solid #CCC; margin-bottom: 18px;}
 
 
 
 
#elenco							{padding-bottom: 6px; text-align:left; margin: 0px auto; clear:both; /*overflow:auto; border-bottom: 1px dotted #999; */}
#elenco	.genere					{min-height: 62px; overflow: auto; margin-top: 2px; display:block; clear: both; position:relative; border-bottom: 1px solid #313131;  vertical-align:middle; color:#000 ;}	
#elenco	.genere a				{vertical-align:middle;color: #000; text-decoration:none; font-weight:bold; line-height: 24px; clear:both; padding-bottom:4px;}		
#elenco	.genere	a:hover			{ color: #7d7f7c; border-bottom: 4px solid #7d7f7c; padding-right:14px;}	 
#elenco	.genere img				{border: 0px; margin-left: 10px; vertical-align:middle;} 
#elenco	.genere .genereimg		{display: block; background:#FFFFFF; width: 150px;  height: 61px; vertical-align:middle; float:left; margin-right: 10px; margin-left:10%; overflow:hidden}
#elenco	.genere .generetxt		{ display:block; float:left; width: 60%; padding-top: 6px;}
#elenco	.genere .generetxt span	{display:block; clear:both}
#elenco	.genere .generetxt img	{display:inline-block; margin-top:10px;}
#elenco span.elencotit			{ background:url(img/frg.png) no-repeat left; display:block; padding-left:30px; line-height: 34px; font-size: 18px; font-weight: bold; color:#000; margin-bottom: 4PX;}
#risultato 						{text-align:right; margin-bottom: 10px; padding: 2px; display:block; border-bottom: 1px dotted #1fb74a;}
#risultato b 					{padding-left: 6px; padding-right: 10px;}
#vuoto							{margin-bottom: 50px; margin-top: 30px; display:block; font-weight:bold;}

.scheda							{margin-bottom: 10px; text-align:left; }
.scheda table 					{width: 100%; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px;}
.scheda	td						{text-align:left; border-bottom: 1px dotted #999; width: 50%}
.scheda .titolo 				{color:#00820e; font-weight: bold;}

/*------------------------- numeri---------------------------------*/
.numeri, .numeri2
{text-align:center; margin-bottom: 16px; margin-top: 16px; min-height: 50px; width: 100%; margin:auto}
.numeri div, .numeri2					{text-align:center;}
.numeri td, .numeri2 td						{padding: 10px; line-height: 20px; text-align:center}
.numeri a, .numeri a:active, .numeri a:visited	
								{color: #FFFFFF; text-decoration: none;	border: #313131 1px solid;	padding: 2px 6px; background: #313131;	font-weight:bold;
									margin-left: 2px;	margin-right: 2px;	display:inline-block;}
.numeri a:hover 				{color: #7d7f7c; background: #9a97a2}
.numeri span					{color: #FFF;  font-weight: bold; display: block; margin-top: 30px;  font-style: 15px;}

.numeri2 a, .numeri2 a:active, .numeri2 a:visited	
								{color: #000; text-decoration: none;	border: #313131 1px solid;	padding: 2px 6px; background: #f4f589;	font-weight:bold;
									margin-left: 2px;	margin-right: 2px;	display:inline-block;}
.numeri2 a:hover 				{color: #7d7f7c; background: #9a97a2}
.numeri2 span					{color: #FFF;  font-weight: bold; display: block; margin-top: 30px;  font-style: 15px;}
.numeri b, .numeri2	b			{ height: 20px; display:block;}
span.cmnume 					{/*color: #FFF;*/  font-weight: bold; display: block; margin-top: 30px;  font-style: 15px;}

/*-----------------------------------------  -----------------------------------------------*/
#A {width: 100%; vertical-align: top; float: left;}
#A1 {width: 68%; display: inline-block; margin-bottom: 20px;  }
#A2 {width: 32%; display: inline-block; float: right;}
#A3 {} /* gallery3b -*/

/*----------------------------------------- fotogallery in contenuti sx-----------------------------------------------*/

#xgallery {text-align:center;}
#fotogallery {position: relative; height: 210px; display:block;  width: 940px; margin-bottom: 20px; margin-top: 16px;}
#fotogallery_box {border: 1px #afe4bd solid;	height: 190px; width: 940px; overflow:auto; white-space: nowrap; overflow-y: hidden; 
 overflow-x: scroll;	padding-left: 0px;	display: inline-block;	position: absolute;	top: 10px; left: 0px; SCROLLBAR-FACE-COLOR: #afe4bd; SCROLLBAR-HIGHLIGHT-COLOR: #F5F5F5; SCROLLBAR-SHADOW-COLOR: #F5F5F5;
 SCROLLBAR-3DLIGHT-COLOR: #afe4bd;	SCROLLBAR-ARROW-COLOR:#000000; SCROLLBAR-TRACK-COLOR: #E5E5E5; SCROLLBAR-DARKSHADOW-COLOR: #afe4bd;}
#fotogallery_box a {display: inline-block; width:180px; height:185px; line-height:185px; overflow:hidden; position:relative; top:0px;	margin-left:10px; margin-right: 10px;}
#fotogallery_box img {border:0px; position:absolute; top:-50px;  left:-10px;}
#fotogrande {display:block; width:940px; height:700px; line-height:700px; overflow:hidden; position:relative; top: 12px;
border:1px solid #afe4bd; text-align:center;}
#fotogrande img {border:0px; /*position:absolute; top:-5px;  left:-5px;*/ padding-top: 10px; padding-left: 10px;}


/* xnav2* */
#prebott {display: block;max-width: 1590px; background: #95ada0;margin: auto; padding: 20px 0 20px 50px;}
#nav_gallery {text-align: center; display:block; width: 100%; overflow: auto}	
#nav_galleryfra {text-align: center; display:block; width: calc(100% - 246px); overflow: auto; }	
#nav_gallery li { list-style: none; display: inline-block; min-width: 8.5%;   border: 1px solid #999;}	
#nav_galleryfra	li {list-style: none; display: inline-block; min-width: 8.5%; max-width: 94px;  border: 1px solid #6e7d6d; background-color: #f5f4f4 }	
#nav_gallery a, #nav_galleryfra	a {display: inline-block; text-decoration: none; color: #000; font-size: 14px; vertical-align:middle; min-height:48px; padding-top: 6px; width: 100%}
#nav_gallery a:hover, #nav_galleryfra a:hover {background: #edebeb;}
#nav_galleryfra span { font-size: 11px;}

@media only screen and (max-width: 1480px) {
#nav_galleryfra { width: calc(100% - 190px); overflow: hidden;display: inline-flex; }
#prebott { padding: 20px 0 }
}


#gallery2 {width: 100%; margin-top: 30px;}
#gallery2 table {width: 100%; margin:auto}
#gallery2 td { width: auto;  text-align:center;  padding-top: 4px; padding-bottom: 4px;}
#gallery2 div { text-align:center;}		
#gallery2 a img { border:0px; vertical-align:middle;}
 
#gallery3 table { width: 100%; text-align: center; margin-top: 20PX;}
#gallery3 td { width: 33%; text-align:center; vertical-align:middle; padding-top: 4px; padding-bottom: 4px; }
#gallery3 div { max-width: 270px; max-height: 300px; overflow: hidden; text-align:center; margin:auto; position:relative;}	
#gallery3 .trasp {background:url(img/logo_trasp.png) center center no-repeat; display:block;  z-index: 80; width: 200px; height: 100px; position:absolute; left: 30px; bottom:10px;}					
#gallery3 a img { border:0px; vertical-align:middle;}

/*--------------------------------SCHEDA--------------------------------*/
#gallery3b { width: 100%; text-align: center; margin-top: 20PX;}
#gallery3b span.imgbord { display: inline-block;}
#gallery3b span.imgbord a {/*display: block; height: 400PX; width: 300PX; margin: 10PX 5PX 10PX 5PX ; position: relative; overflow: hidden; BORDER: 1PX SOLID #dadada*/}
#gallery3b span.imgbord a img {vertical-align:middle; max-height: 390PX; margin: 10px; BORDER: 1PX SOLID #dadada
    /*position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%,-50%);*/}
/*----------------------------------------------------------------------------*/
#gallery4b { width: 100%; max-width: 1590px; margin: auto; text-align: center; margin-top: 20PX;display: block}
#gallery4b span.imgbord {display: inline-block;}
#gallery4b span.imgbord a img	{ /*border:1px solid #999;*/ vertical-align:middle; padding: 4px; margin:1%; max-height: 500px;  }
#gallery4b div 	
#gallery4b .imgbord {transition:all .5s; -moz-transition: all .5s; -webkit-transition: all .5s;}
#gallery4b .imgbord:hover{-webkit-transform:scale(.95);transform:scale(.95);opacity:.8;-webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;}

/*----------------------------------------------------------------------------*/

.link, a.link, a.link:hover		{text-decoration:none; color: #999;}
#contenutoB .link, a.link, a.link:hover {display:inline-block; margin-top: 20px;}

/*----------------------------------------------------------*/

.imgsx							{float:left; margin-right: 6px;}
.imgdx							{float: right; margin-left: 6px;}
#boxbott						{text-align:center; margin-top: 50px; padding-top: 30px; background:url(img/bottone21.png) no-repeat center; height: 50px; display:block; line-height: 14PX;}
#boxbott3						{text-align:center; margin-top: 50px; padding-top: 20px; background:url(img/bottone21.png) no-repeat center; height: 50px; display:block; line-height: 14PX;}
#boxbott2						{text-align:center; margin-top: 0px; padding-top: 13px; background:url(img/invio.png) no-repeat center; height: 30px; display:block}
 

#headerC .invio1, #headerC a.invio1 
{ padding: 8px 22px 8px 22px; border-radius:8px; border: 0PX;
background: #fff; display: inline-block;  margin: auto; text-align:center; 
text-decoration:none; color: #646464; text-transform:uppercase;  margin-bottom: 20px; margin-top: 20px; cursor:pointer;
opacity: 1; transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out}
#infohm div a.invio1   { color: #36651e; font-weight: bold}
#infohm div a.invio1:hover		
{ border-bottom: 2px solid #646464; margin-bottom: 18px; opacity: 0.5; }

#contact .invio1, #contact a.invio1 
{ padding: 8px 10px 8px 22px; border-radius: 0px; border: 0PX;
background: #f2f2f2 url(img/frhm.png) no-repeat left; display: inline-block;  margin: auto; text-align:center; 
text-decoration:none; text-transform:uppercase;  margin-bottom: 20px; margin-top: 20px; cursor:pointer;
opacity: 1; transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out}
#contact a.invio1:hover		
{color: #646464;  border-bottom: 2px solid #646464; margin-bottom: 18px; opacity: 0.5;}
/*-----------------------------menu navigazione ---------------------------------------------*/
 /*- nav_galleryfra*/
#xnav2
{ display:block; min-height:40px; margin-bottom: 12px;  display:block;}
#xnav2.fran { width: calc(100% - 246px);}
#xnav2.ital { width: 100%;}
#xnav2 ul {margin: 0px auto; padding: 0px; text-align:center; }
#xnav2 #menujs { position:relative; vertical-align: middle }
#xnav2 .a12 {display: grid;grid-template-columns: repeat(12, 1fr);}
#xnav2 .a11 {display: grid;grid-template-columns: repeat(11, 1fr);}
#xnav2 #menujs li {list-style: none; z-index: 2000; display: inherit;  text-align:center;color: #000; white-space: nowrap; background-color: #f5f4f4; border-right: 1px solid #999; vertical-align: middle }
#xnav2 #menujs li a {width: 100%; height: 100%; vertical-align: middle; font-size: 14px; }
#xnav2 #menujs li a span { font-size: 11px; display: block}
#xnav2 #menujs li > a, #xnav2 #menujs li a.off {display: block; text-decoration: none; color: #000;  vertical-align:middle; padding-top: 10px;
	  margin:auto; height: 50px;}
#xnav2 #menujs li.li2 .off
		{ background-color: #f4f589; }
#xnav2 #menujs li.li3 .off
		{ background-color: #e5f5e9; }
#xnav2 #menujs li > a:hover	{background: #edebeb;}
#xnav2 #menujs li #attivo	{background: url(img/nav_hover2.png) repeat-x bottom;}
#xnav2 #menujs li.li2 #attivo	{background: url(img/nav_hover2.png) repeat-x bottom #f4f589;}
#xnav2 #menujs li.li3 #attivo	{background: url(img/nav_hover2.png) repeat-x bottom #e5f5e9;}
#xnav2 #menujs li a:hover
	{	background: #edebeb; color:#999}
#xnav2 #menujs li.li2 a:hover
	{	background:#cacb77; color: #fff;}
#xnav2 #menujs li ul
	{	margin:50px 0 0 0; padding: 0; position: absolute; visibility: hidden; text-align:left; border-bottom: 2px solid #f5f4f4;
		border-top: 3px solid #7d7f7c; border-left: 0PX;  border-right: 0PX;  z-index: 2002; }
#xnav2 #menujs li ul li
	{	float: none; display: inline; border: 0px; }
#xnav2 #menujs li ul li a
	{	width: 180px; background: #edebeb; color: #333; display: block;  white-space: nowrap;
		padding-top: 6px; padding-left: 5px;  height: 24px;  text-decoration:none;  border-bottom: 1px solid #dcdadb;
		text-align:left 	}
#xnav2 #menujs li ul li a:hover
	{	background: #f5f4f4; color: #999;}
	
@media only screen and (max-width: 1480px) {
#xnav2.fran   { width: calc(100% - 190px);}	
}
 

.framemappahome
	{display:block; clear: both; width: 96%; height: 500px; margin-top: 20px;}
#prepie > .framemappahome
	{display:block; clear: both; width: 100%; max-width: 1600px; margin:auto; height:500px; margin-top: 20px;}

iframe#mappa	{display:block; clear: both; width: 100%; height:500px; margin-top: 10px; margin-bottom: 20px;}
.xtab4	{display: grid; /*grid-template-columns: 23% 23% 23% 23%;*/ column-gap: 2%;  row-gap: 2%; margin-top: 20px; margin-bottom: 20px;  grid-template-columns: repeat(4,1fr);
}

#limite {max-width: 1480px; margin: auto; text-align: center}
.xtab2	{display:block; padding-top: 50px; padding-bottom:50px;}
.xtab4 {font-size:18px;  font-weight: 600; color:#60775f}
.xtab2 	{/*font-family: "Times New Roman", Georgia, Arial; */ font-family:"pag-iconfont", Georgia, "Times New Roman", Times, serif; font-size: 22px;}
 

#tab4 {-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
#tab4:hover 	{opacity: 0.7; color:#333; transform: scale(0.96);}


#tab4 	{text-align:center; margin:auto; vertical-align:top;  border: 1px solid #6e7d6d; padding: 6px; border-radius:6px; display: block; height: 100%; 
	box-shadow: 1px 2px 4px rgb(0 0 0 / 30%);}
#tab2	{text-align:center; margin:auto; width: 90%;}
/*#tab4 td { width: 25%; vertical-align: top; text-align:left; padding: 14px;}
#tab2 td {vertical-align:top; text-align:left; padding: 20px; }*/
#tab4 strong, #tab2 strong	{ }
#tab4 a, #tab2 a			{ text-decoration: none; color: #646464; }
#tab4 a:hover, #tab2 a:hover	{}	
#tab4 span  	  {  padding-left: 24px; padding-right: 10px; padding-top: 12px;  font-size: 18px;  display:block; 
/*background-image:url(img/frhm.png) ; 
background-position: 0px 12px;
background-repeat: no-repeat;*/
}
#tab4 span:hover	{border-top: 0px solid #C00}  
#tab4 .tdbord 			{ width: 100%; height: auto; display:block; position: relative}
.xtab4 #xcercahm 			{position: absolute; left: 3%; top: 6%; z-index: 100000; text-align:center; width: 94%; }
.xtab4 #xcercahm  form		{margin: 0px; padding: 0px;  color: #000; font-size: 16px;}
.xtab4 #xcercahm input		{ font-family: Arial, Helvetica, sans-serif; font-size: 16px;  border: 1px solid #dfdfdf; 
							 vertical-align:middle; width: 80%; margin: auto; max-width: 240px;  display:block; padding: 6px; border-radius: 6px;}
.xtab4 #xcercahm .inviog 	{display: inline-block;  background:#f6f6f6; cursor: pointer; margin-top: 12px;  }	
.xtab4 #xcercahm .inviog:hover	{background:#F5F5F5}	 
.hm3						{ width: 100%; margin:auto}
 
hr.ln-hm, hr.ln-hm1		{ clear: both;  margin-bottom: 1px; margin-top: 1px;
    border: 0;
    height: 1px;
    background: #333;
    background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
    background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc);
    background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc);
    background-image:      -o-linear-gradient(left, #ccc, #333, #ccc);}
hr.ln-hm1		{margin-top: 30px}



#infohm {display:block; overflow:hidden; font-family: 'Montserrat', sans-serif; max-width: 1200PX; margin: auto; font-size: 14PX;font-weight: bold }
#infohm	div	{padding: 1%; box-sizing:border-box; display:block; float:left}
#infohm div.infohmsx	{width: 50%;}
#infohm div.infohmdx	{width: 50%;}
#infohm	div.infohmsx form 	{ margin:0;  padding: 0; width: 90%; max-width: 400px;}
#infohm	div strong 	{font-size: 16px; display:block; text-align:left;/* color: #646464;*/ margin-bottom: 10px; }
#infohm div 	{ /*color:#515151;*/} 
#infohm	div.infohmdx span {display:block; width:100%; padding: 12px 0px; line-height: 16px; }
#infohm	div.infohmdx span fa:before {padding-left: 10px;}
#infohm	div.infohmdx span img	{vertical-align:middle; max-width: 48px; padding: 4px; margin-right: 10px; BORDER-RADIUS:50%}
#infohm div fieldset > label {display:none; height: 2px;} 
#infohm div#popform {color: #C00; text-align:left; display: block; padding: 1%; margin:10px 0 4px 0;
    width: 90%; max-width: 400px; box-sizing: border-box; border: 1px solid #e3e2e2; font-weight:700}
infohm div form .invio1	{display:block; clear:both}
#infohm div fieldset { border: 1px solid #fff; vertical-align:top; clear:both; text-align:left; padding:12PX; margin:0}
#infohm div form 	{text-align:center}
#infohm div form input[type=checkbox] {vertical-align:middle}
 
.colorf {color: #fff; }
.colorf a:hover {color:#36651e}
.colorf a 	{text-decoration:none; color:#ececec}
.colorf	div.infohmdx span img  { border: 2px solid #fff;}
.colorn {color: #333; padding-top: 80px;}
.colorn a:hover {color:#36651e}
.colorn a {text-decoration:none; color:#999}
.colorn	div.infohmdx span img  { border: 2px solid #c0c0c0;}
/*- --- --- solo area riservata ------------- -*/
#ris-menu				{float: left; display:block; width: 20%;  padding: 2%; border: 1px solid #3d3d3d; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif;}
#ris-menu #ris-nome		{ background:url(img/omino.png) no-repeat left top; padding-left: 50px; padding-top: 8px;  text-align:left; min-height: 30px; display:block; margin-bottom: 10px; /*font-size: 12px;*/ }
#ris-menu #ris-bott li	{background-image: url(img/frhm.png); background-repeat: no-repeat; background-position: 2px 1px; 	display:block; margin-bottom: 2px; padding-left:30px; list-style: none;}
#ris-menu #ris-bott li a	{ line-height: 28px; text-decoration:none; color:#000000;  }
#ris-menu #ris-bott li a:hover, #ris-menu #ris-bott li a.attivom 	{ border-bottom: 3px solid #C00; color: #C00;}

#ris-registra 						{width: 98%; margin: auto; overflow: auto}
#ris-registra #ris-blocco			{margin: 2%; width:46%; font-size: 14px; display:block; 
						float: left; min-height: 500px; height: auto !important; height: 500px;  }
#ris-registra #ris-blocco FORM		{margin:0px; padding: 10px;  border: 1px solid #3d3d3d}
#ris-registra #ris-blocco input		{padding: 6px; border-radius: 4px; border: 1px solid #dfdfdf; vertical-align:top}
#ris-registra #ris-blocco legend		{font-size: 16px; }
#ris-registra #ris-blocco form label	{width:44%; display: inline-block;font-weight: bold;}
#ris-registra #ris-blocco .titolo1	{font-weight: bold; font-size: 18px}
#ris-registra #ris-blocco a			{text-decoration: none; color: #286426;}
#ris-registra #ris-blocco a:hover	{color: #f00}
#ris-registra #ris-grazie				{text-align: center; font-weight:bold; font-size: 18px; padding-top: 30px; padding-bottom: 100px;}
#ris-dati 			{width: 98%; margin: auto; overflow: auto}
#ris-dati FORM		{margin:0px; padding: 10px;}
#ris-dati input		{padding: 6px; border-radius: 4px; border: 1px solid #dfdfdf;}
#ris-dati input.inpg	{width: 400px;}
#ris-dati legend		{font-size: 18px; display:block; text-align:center; width: 100%}
#ris-dati a			{text-decoration:none; font-weight:bold;}
#ris-dati a:hover	{ }
#ris-dati form div	{width: 100%; display:block; margin-bottom:4px;}
#ris-dati form label 	{display: inline-table; width: 200px;}
#ris-dati .titolo1	{font-weight: bold; font-size: 18px}
#ris-dati div.xinput	{display:block;  padding-top: 20px; text-align:center}

#ris-entra 					{width: 98%; margin: auto; overflow: auto}
#ris-entra #ris-blocco 		{margin: auto; margin-top: 2%; width: 50%; font-size: 14px; display:block; 
						 	 min-height: 500px; height: auto !important; height: 500px;  }
#ris-entra #ris-blocco FORM		{margin:0px; padding: 10px;  border: 1px solid #3d3d3d}
#ris-entra #ris-blocco input		{padding: 6px; border-radius: 4px; border: 1px solid #dfdfdf;}
#ris-entra #ris-blocco legend		{font-size: 16px; }
#ris-entra #ris-blocco form label	{width: 20%; display: inline-block;}
#ris-entra #ris-blocco .titolo1	{font-weight: bold; font-size: 18px}
#ris-entra #ris-grazie				{text-align: center; font-weight:bold; font-size: 18px; padding-top: 30px; padding-bottom: 100px;}
#ris-dettaglio				{margin-left: 4%; width: 70%; font-size: 14px; display:block; overflow:auto; 
	float: left; min-height: 500px; border: 1px solid #3d3d3d;}
#ris-dettaglio .titolo1	{font-weight: bold; font-size: 18px; display:block; padding: 2%;}
#ris-dettaglio h2	{font-weight: bold; font-size: 18px; display:block; padding-left: 3%;}
#ris-dettaglio h3	{font-weight: bold; font-size: 18px; display:block; text-align:center}

#ris-dettaglio #ris-lista		{width: 24%; margin-left:3%; display:block; float: left; }
#ris-dettaglio #ris-lista #ris-bt-lista	{ display:block; padding: 6px;}
#ris-dettaglio #ris-lista #ris-bt-lista li	{ border-bottom: 1px dotted #999; display:block;  padding-bottom:6px; padding-top: 4px;}
#ris-dettaglio #ris-lista #ris-bt-lista li a	{ text-decoration: none; color:#333;}
#ris-dettaglio #ris-lista #ris-bt-lista li a:hover, #ris-dettaglio #ris-lista #ris-bt-lista li a.attivo	{color: #C00;  border-bottom: 3px solid #C00;} 
#ris-dettaglio #ris-dett-lista 	{width: 69%; margin-left:1%; display:block; float: left; border: 1px solid #999; min-height: 400px;}
#ris-dettaglio #ris-dett-lista #ris-dett-lista-bt {display:block; text-align:center; margin-top: 30px;}
#ris-dettaglio #ris-dett-lista .ris-grazie	{ text-align:center; width: auto; padding: 20px;}
#ris-dettaglio #ris-dett-lista table	{width: 100%;}
#ris-dettaglio #ris-dett-lista table td	{padding: 6px; border-bottom: 1px dotted #999}
#ris-dettaglio #ris-dett-lista table td.tdmis4			{}

/* --- bott x tutti dettagli ---*/

#ris-dettaglio .inviob, #ris-dettaglio a.inviob, #ris-dettaglio input.inviob,
#ris-entra .inviob, #ris-entra a.inviob, #ris-entra input.inviob,	
#ris-blocco	.inviob, #ris-blocco a.inviob, #ris-blocco input.inviob, 
#ris-dettaglio #carrello a
{ padding: 8px 10px 8px 22px; border-radius: 0px; border: 0PX;
 background: #f2f2f2 url(img/frhm.png) no-repeat left; display: inline-block;  margin: auto; text-align:center; 
  text-decoration:none; color: #d11000; text-transform:uppercase;  margin-bottom: 20px; margin-top: 20px; cursor:pointer}
#ris-dettaglio a.inviob:hover, #ris-dettaglio input.inviob:hover, #ris-entra input.inviob:hover,
#ris-blocco a.inviob:hover, #ris-blocco input.inviob:hover, 
#ris-dettaglio #carrello a:hover	
{color: #C00;  border-bottom: 2px solid #C00; margin-bottom: 18px;}

#ris-dettaglio #carrello a
{  margin-bottom: 2px;
  margin-top: 2px;}
#ris-dettaglio #carrello a:hover	
{ margin-bottom: 0px;}

#ris-dettaglio #ris-dett-lista #ris-dett-lista-bt a	{margin-right: 4px;}
 
 .xbtcn 	{text-align: center}
 #errore 	{ width: 50%; padding-left:33%; font-size: 16px; color: #C00}
 /*------------------------------------------------------*/
 
#xcentro2			{margin-left: 4%; width: 70%; font-size: 14px; padding-top: 20px; display:block; 
	float: left; min-height: 500px; height: auto !important;	height: 500px;   border: 1px solid #3d3d3d}
#xcentro2 input		{padding: 6px;   border-radius: 4px;   border: 1px solid #dfdfdf;}
#xcentro2 textarea	{border: 1px solid #dfdfdf; margin-top: 6px;}
#xcentro2 legend	{ font-size: 16px; /*color: #FFFFFF*/}
#xcentro2 a			{  text-decoration:none; font-weight:bold;}
#xcentro2 a:hover	{ }
#xcentro2 form label	{width: 20%; display: inline-block;}
.titolo1			{font-weight: bold; font-size: 18px}
#xcentro2 h1		{ font-size: 16px; text-align:center; display:block; color: #C00}
/*-----------------------------------------------------------*/

#listaofferte			{ width: 100%; margin: auto; text-align: center; /*color:#FFFFFF*/}
#listaofferte table	{width: 99%;}	
#listaofferte td		{text-align:left; padding: 4px;}
#listaofferte a			{text-decoration: none; /*color: #FFFFFF;*/ border: 0px;}
#listaofferte a	img, #listaofferte img	{border: 0px;}
#listaofferte img		{margin: 4px;}
#listaofferte fieldset 	{padding: 6px;   border-radius: 4px;   border: 1px solid #dfdfdf;}
#listaofferte .titolo 	{font-weight: bold;}
/*#listaofferte .titolo	{color: #FFFFFF}*/



/*------------------------------ elenco piante  ------------------------------------------*/								 
.schedab						{margin-bottom: 10px; width: 98%; margin:auto; padding-top: 10px;  /*min-width: 900px*/}
.schedab table.schedasx td		{text-align:left; border-bottom: 1px dotted #999;}
.schedab table.schedasx			{width: 100%; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px;}
.schedab td.schedasxtd1			{width: 30%}
.schedab .titolo 				{color:#00820e; font-weight: bold;}
/*----*/
.schedab .xelencocarrello	{width: 99%; margin:auto; margin-left: 1%;}
.schedab .xelencocarrello .elenco24 	{text-align: center; color: #00820e; display:block; font-family: Georgia, "Times New Roman", Times, serif; 
														font-size: 16px; font-weight:bold; padding-bottom: 2px; padding-top: 2px;}
.schedab .xelencocarrello td	{ background:url(img/riga.png) bottom repeat-x; font-size:12px; font-family: Arial, Helvetica, sans-serif; text-align:center; }
.schedab .xelencocarrello .tit24 td	{font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; font-weight:bold; line-height: 28px;}
.schedab .xelencocarrello .tdgrigio	{background:#DADADA; min-width: 72px;}
.schedab .xelencocarrello .tdgrigio_fine	{background:#DADADA;}
.schedab .xelencocarrello .tdmin		{min-width: 52px;}
.schedab .xelencocarrello input {border: 1px solid #999; margin:2px;}
.schedab .xelencocarrello .invio12
							{  background: url(img/input.png) no-repeat ; display: inline-block; width:90px;
								 height: 32px; border: 0px;  font-size: 16px;}
.schedab form.elenco-carrello		{margin: 0px; padding: 0px;}

.schedab  a.indietrob			{text-decoration: none; color: #FFF; font-weight:bold; background: url(img/sxb.png) no-repeat left #7d7f7c ; display:block; padding-left: 30px; border: 1px solid #3d3d3d; width: 130px; padding-top: 6px; padding-bottom:6px; padding-right: 6px; text-align:left;  margin-bottom: 10px; margin-top: 10px; margin-left: 6px; float: right;clear: both}
.schedab a.indietrob:hover	{color: #b0b0b0;background: url(img/sx.png) no-repeat left #7d7f7c}						 

 

/*-carrello-*/

#carrello				{ margin: 20px; min-height: 360px; }
#carrello table			{width: 90%; margin: auto; margin-bottom: 20px; text-align:left}
#carrello table td		{border-bottom: 1px dashed #CCC; height: 30px; padding-left: 6px; }
.car-titoli				{color:#666666;}
#carrello a, #carrello a img, #carrello img	{text-decoration:none; color: #6e6e6e; font-weight: bold}
#carrello a:hover	{color:#999;}
#carrello a img, #carrello img	{  border: 0px; }
#carrello form			{margin-top: 12px; font-size: 14px;}
#carrello form input 	{font-family: Arial, Helvetica, sans-serif; font-size: 13px;
						 vertical-align:middle;}
#carrello .carr-invio	{/*background: url(img/input.png) no-repeat ; display: inline-block; width:90px;
						height: 32px; border: 0px;  font-size: 16px;*/ border: 1px solid #bec1df; padding: 6px; border-radius:6px; font-size: 16px;
						height: 32px; display:inline-block; background:url(img/bg-invio.png) repeat-x bottom }
#carrello .add			{}
#carrello form table img	{height: 20px; margin-right: 2px;}

#carrello .inp1, #carrello .inp2, #carrello .inp3, #carrello .inp4, #carrello .inp5
{ border-radius: 4px;  border: 1px solid #dfdfdf; padding: 6px;}

#carrello .inp1	{width: 220px;  }
#carrello .inp2	{width: 160px; }
#carrello .inp3	{width: 80px; }
#carrello .inp4	{width: 60px; }
#carrello .inp5	{width: 290px; }
#carrello .tdmis1			{width: 220px;}
#carrello .tdmis2			{width: 160px;}
#carrello .tdmis3			{width: 80px;}
#carrello .tdmis4			{width: 60px;}
#carrello .tdmis5			{width: 290px;}

.tit-form				{display:block; margin: auto; width: 90%; text-align: center; padding-bottom: 12px; padding-top: 8px; font-size: 16px; font-family:"pag-iconfont", Georgia, "Times New Roman", Times, serif; }
.form-ricerca 			{width: 90%; text-align:center; margin:auto; padding-bottom: 30px;}
.form-ricerca fieldset	{margin-bottom: 10px;}
.form-ricerca form 		{border-top: 1px dashed #CCC; padding-top: 12px; }
.form-ricerca label		{width: 86%; padding-left: 10%; display:block; text-align: left; clear:both; 
						border-bottom: 1px dashed #CCC; margin-bottom: 2px; margin-top: 4px; overflow: auto; padding-top: 6PX; padding-bottom: 6PX}
.form-ricerca label input		{float:right ;padding: 6px;   border-radius: 4px;   border: 1px solid #dfdfdf; min-width: 230px;  }
.form-ricerca textarea			{width: 420px; margin:auto; max-width: 500px; height: 120px; clear:both; display:block;}
.form-ricerca input.bot, .bot, a.bot		{padding: 6px 12px;   border-radius: 4px;   border: 1px solid #d8d8d8; background:#f2f2f2   }


#fasi-carrello 		{ width: 80%; margin:auto; /* height: 30px;  z-index: 7090;*/ text-align:center}
#fasi-carrello 	> div {padding-top: 14px; padding-bottom: 14px; display: block}
#fasi-carrello a 	{display:inline-block;  width: 150px; margin-right: 1px;line-height:28px;
					background:#DADADA; padding-left: 10px; font-weight:bold; color:#FFFFFF; text-decoration:none; border: 1px solid #a4a4a4; text-align: center}
#fasi-carrello .attivo-fase	{background:#ccc; border: 1px solid #5c5c5c; color: #36651e}
 




#bt-carrello	{width: 98%; margin: auto; min-height: 40px; margin-top: 10px; display:block; position:relative; overflow: visible; clear: both;}
.bt-back		{position:absolute; top: 0px; left: 0px;
			  	background: url(img/sx.png) no-repeat left #999996; padding-left: 30px; padding-right: 8px;}
.bt-veloce		{position:absolute; top: 0px; left:290px;
			  	background: url(img/sx.png) no-repeat left #999996; padding-left: 30px; padding-right: 8px;}				
.bt-next		{position:absolute; top: 0px; right: 0px;  
			  	background: url(img/dx.png) no-repeat right #999996 ; padding-right: 30px; padding-left: 8px;}
 		
				
.bt-modifica	{background: #FFF ; padding-top: 6px; padding-bottom:6px; padding-left: 10px; padding-right: 10px; width: 410px; margin:auto; display:block; color: #000; border: 1px solid #3d3d3d; }
.bt-modifica a	{color: #999;}
.bt-centro		{background: #999996 ; padding-right: 8px; padding-left: 8px; padding-top: 6px; padding-bottom:6px; width: 220px; margin:auto; margin-top: 30px; display:inline-block; color: #FFFFFF;}
#bt-carrello a.bt-back, #bt-carrello a.bt-next, #bt-carrello a.bt-veloce	{color:#FFFFFF; text-decoration: none; display: block; border: 1px solid #3d3d3d; min-width: 80px; padding-top: 6px; padding-bottom:6px; }

#bt-carrello a:hover	{ filter:alpha(opacity=70); -moz-opacity: 0.70;	opacity: 0.70; }
#bt-carrello a.bt-back:hover, #bt-carrello a.bt-veloce:hover {background: url(img/sxb.png) no-repeat left #999996 ;}
#bt-carrello a.bt-next:hover {background: url(img/dxb.png) no-repeat right #999996 ;}
.carrello-ricerca ul, .carrello-lista ul		{width: 360px; margin: 0px auto; padding-top: 10px; padding-bottom: 10px;}
.carrello-ricerca ul li, .carrello-lista ul li	{text-align: left; color: #970909; font-style:italic}

.fine-grazie	{font-size: 14px; text-align:center; 
				background-image:url(img/logoch.png); background-position:30px 40px;
				  background-repeat:no-repeat;  width: 400px; margin:auto; min-height: 360px; display:block;}
 
.comefasi, a.comefasi 	{display: inline-block; padding-left: 6px; padding-right: 6px; padding-bottom: 4px; padding-top: 4px; line-height:20px;
					  text-align: center; text-decoration:none;
				background:#ccc; border: 1px solid #d11000; color: #d11000}


.fancybox-media	{background: url(img/video.png) no-repeat left #999996; width: 100px; padding-left: 48px; height: 30px; 
			padding-top: 16px; display:block; text-decoration:none; color:#FFFFFF;  border:1px solid #3d3d3d; text-align:left; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px;}


.titolo24	 {/*font-family:"PNewsGothic", Times, serif;*/ font-family:"pag-iconfont", Georgia, "Times New Roman", Times, serif; font-weight: bold; font-size: 24px; display:block; color:#646464}
.titolo28	 {font-family:"PNewsGothic", Times, serif; /*font-family:"pag-iconfont", Georgia, "Times New Roman", Times, serif;*/ font-weight: bold; font-size: 28px; display:block; color:#646464}
.titolom	 {font-family: 'Montserrat', sans-serif; font-weight: bold; font-size: 16px; display:block; color:#646464}
#contentB #prepie .titolom {padding-left:80px;}
 
 
/*------------- ling hm-----------------------------*/  
.ling2 {display: inline-block; border: solid 1px #ccc; color: #000; margin:0 10px; min-width: 180px; max-width: 240px;padding: 6px; border-radius: 10px 10px; background: #95ada0; color: #fff}
.ling2 p, .ling2 select { font-family:'Montserrat', sans-serif; font-size: 16px; width: 98%; padding: 0px; margin: 0px; font-weight: bold}
.ling2  select{ margin: 0; padding: 0 0.6rem;   color: #000; float: right; border: none; height:30px; width: auto;  background: #6e7d6d; color: #FFF; border-radius: 7px}
.ling2  .pretext{  padding: 3px 8px;   display: inline-block;  float: left;}
.ling2  .pretext p{  margin: 0;  height: 26px;  line-height: 26px;}

#pagprivacy		{width: 70%; margin:auto; font-size:14px; text-align:justify; margin-top: 30px;}



.cookiebanner .cookiebanner-close {
    font-size: 24px;
    font-weight: bold;
    border: 1px solid #ccc;
    padding: 0 4px;
}


#top
{width:100px; margin:auto;
text-align:center;
padding:5px 0 0px 0;
cursor:pointer;
display:none;} 
 
#top img	{}
 /*per non far vedere la x e l'occhio sulle password in internet explorer*/
::-ms-clear { 
  display: none; }
::-ms-reveal
 {
   display: none; 
  }

a.bt-privacy {display:block; color: #fff; padding: 20px 0 20px 0 ; font-weight:bold}
a.bt-privacy:hover {color: #e5e5e5}
.inrete {display: block; float: right; margin-right: 2px;}



.sincro {display: grid; grid-template-columns: 16% 16% 16% 16% 16% 15%;
    column-gap: 1%;  row-gap: 2%;     overflow: hidden; 
    padding: 10px;
}
.sincro div { }
.sincro a {display: inline-block}


@media only screen and (max-width: 1074px) {
.sincro {display: grid; grid-template-columns: 33% 33% 33% ;
grid-template-rows: 1fr 1fr;}
}


.fotos {
  border:3px solid #95ada0; 
}

.sincro .fotos { 
    height: 300px;
    width: 240px;
    display: block;
    margin: auto;
    position: relative;
    overflow: hidden;
	
}
.sincro img
{    max-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%,-50%);}

.sincro .fotos {-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.sincro .fotos:hover 	{opacity: 0.7; color:#333; transform: scale(1.04);}


.hidden { 
  opacity: 0; 
}

.visible { 
  opacity: 1; 
}



.item {background: #c00; margin: 10px; height:180px}


.sliderb div span {opacity: 0}


#messaggio {position: absolute; top: 1%; width:1%; margin: auto; text-align: center; display: none; z-index: 1000;}
#messaggio span {font-family: 'Montserrat', sans-serif; font-weight: bold; font-size: 2.5rem; color:#fff;
    text-shadow: 0 0 6px #999;}

.sp { min-height: 42px; display: inline-block}
#formh {background: #E0DDDD  ; display: block}

/*------------------ FORZA --------------------------------------------*/
.mio { padding-top: 12px;}
.mio > .slidera  .jssora12l, .mio > .slidera .jssora12r  
{background: url(img/a12.png) no-repeat;
    transition: opacity .25s ease-in-out;
}
.mio > .slidera  .jssora12l {background-position: -16px -37px;}

.mio > .slidera .jssora12r {background-position: -65px -37px;}