.grigio1{COLOR: #777777;}
* {box-sizing: border-box;}
.menu1x 
	{
	float:left;
	width:20%;
	text-align:center;
	}
.menu1 a 
	{
	background-color:#e5e5e5;
	padding:8px;
	margin-top:7px;
	xdisplay:block;
	width:100%;
	color:yellow;
	}
.head 
	{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 130px;
	background-color:#2f241b;
	padding:15px;
	text-align:center;

	}
.topfiller {height:114px;}
.main
	{
	overflow:hidden; 
	margin:auto;
	height:640px;
	width:1075px;
	xborder: 1px solid blue;
	xxbackground-color:#ffffff;
	text-align:center;
	}
	
.main-index
	{
	overflow:hidden; 
	margin:auto;
	height:100%;
	width:100%;
	xborder: 1px solid blue;
	text-align:center;
	}
	
.contenuti 
	{
	float:left;
	width:810px;
	height:100%;
	padding:0 10px;
	xborder: 1px solid green;
	overflow-y: scroll;
	overflow-x: hidden;
	xbackground-color: rgba(250,250,250,0.80);
	background-color: rgba(255,255,255);
	}
.contenuti-index 
	{
	float:center;
	width:100%;
	height:100%;
	padding:0 10px;
	xborder: 1px solid green;
	overflow-y: hidden;
	overflow-x: hidden;
	background-image: url('img/SFONDO3a4.jpg');
	background-repeat: no-repeat; 
	xbackground-attachment: fixed; 
	background-position: center top; 
	}
.prod 
	{
	float:left;
	width:780px;
	xpadding:0 10px;
    xborder: 1px solid red;
	}
.img1 
	{
	float:left;
	margin:5px;
	width:330px;
	padding:0 20px;
	xborder: 1px solid black;
	text-align:center;
	}
.tb 
	{
	float:left;
	margin:5px;
	width:420px;
	padding:10 20px;
	xborder: 1px solid black;
	height:100%;
	text-align:left;
	}
.tb1
	{
	width:50%;
	}
.conten4 
	{
	float:left;
	margin:5px;
	width:24%;
	padding:10px;
	xborder-bottom-width: 0px;
	xborder-bottom-color : #777777;
	xborder-bottom-style: solid;
	min-height:300px;
	text-align:center;
	}

.conten3 
	{
	float:left;
	margin:5px;
	width:32%;
	padding:10px;
	xborder-bottom-width: 2px;
	xborder-bottom-color : #777777;
	xborder-bottom-style: solid;
	min-height:400px;
	text-align:center;
	}
.conten3home
	{
	float:left;
	margin:0px;
	xwidth:30%;
	padding:5px;
	text-align:center;
	COLOR: #002a5c;
	}
.space3home
	{
	float:left;
	margin:0px;
	xwidth:3%;
	padding:0px;
	text-align:center;
	COLOR: #002a5c;
	}
	
.conten2 
	{
	float:left;
	margin:5px;
	width:45%;
	padding: 10px;
	xborder: 1px solid black;
	xmin-height:380px;
	text-align:center;
	}

.conten35 
	{
	float:left;
	margin:5px;
	width:33%;
	xheight:160px;
	padding:10px ;
	text-align:center;
	xborder: 1px solid gray;
	}
.conten65 
	{
	float:left;
	margin:5px;
	width:62%;
	xheight:160px;
	padding:10px ;
	text-align:left;
	xborder: 1px solid gray;
	}
.conten100l
	{
	float:left;
	margin:5px;
	width:100%;
	padding:10px ;
	text-align:left;
	}
.conten100j
	{
	float:left;
	margin:5px;
	width:100%;
	padding:10px ;
	text-align:justify;
	}
.conten100c
	{
	float:left;
	margin:5px;
	width:100%;
	padding:10px ;
	text-align:center;
	}
	
.conten2t 
	{
	float:left;
	margin:5px;
	width:48%;
	padding:10px;
	/*white-space: nowrap;*/
	}
.conten2tc 
	{
	float:left;
	margin:5px;
	width:48%;
	padding:10px;	
	/*white-space: nowrap;*/
	}

.homescrollcmd
{
	width:50px;
	height:10px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#tb6{height:450px;}
#td6b{height:150px;}

  .contenitore1 {
    width: calc(95vw - 100px);
    height: 270px;
    overflow-x: scroll;
    overflow-y: hidden;
    display: flex;
    gap: 10px;
    /*border: 1px solid #ccc;*/
    padding: 5px;
    box-sizing: border-box;
	float:left;
  }

  .elemento1 {
    width: 400px;
    height: 240px;
    flex: 0 0 400px;
    background-color: #ffffff;
    /*border: 1px solid #999;*/
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
	border-radius: 15px 15px 15px 15px;
  }



.conten4t 
	{
	float:left;
	margin:5px;
	width:24%;
	padding:10px;
	text-align:left;
	xborder: 1px solid black;
	}
.conten4t2 
	{
	float:left;
	margin:5px;
	width:23%;
	xpadding:3px;
	text-align:left;
	xborder: 1px solid black;
	}
.conten3t 
	{
		float:left;
		margin:5px;
		width:32%;
		padding:10px;
		
	}

.conten4o20
	{
	float:left;
	margin:5px;
	width:25%;
	padding:4px;
	text-align:center;
	}
.conten4o30
	{
	float:left;
	margin:5px;
	width:32%;
	padding:4px;
	text-align:center;
	}
.contenwtb1 
	{
	float:left;
	margin:5px;
	width:100px;
	padding: 0px 10px 0px 10px;
	xborder: 1px solid black;
	xmin-height:380px;
	text-align:left;
	xwhite-space:nowrap;
	}
.contenwtb2 
	{
	float:left;
	margin:5px;
	width:240px;
	padding: 0px 10px 0px 10px;
	xborder: 1px solid black;
	xmin-height:380px;
	text-align:left;
	white-space:nowrap;
	}
.contenwtb3 
	{
	float:left;
	margin:5px;
	width:240px;
	padding: 0px 10px 0px 10px;
	xborder: 1px solid black;
	xmin-height:380px;
	text-align:left;
	white-space:nowrap;
	}
.contenwtb4 
	{
	float:right;
	margin:5px;
	width:140px;
	padding: 0px 10px 0px 10px;
	xborder: 1px solid black;
	xmin-height:380px;
	text-align:left;
	white-space:nowrap;
	}
.contenwtb5 {width:100%;float:left;height:10px; }

.nowrap{white-space: nowrap;
}

.menusx 
	{
	background-color:#2f241b;
	height:100%;
	float:left;
	width:265px;
	padding:0px;
	margin-top:0px;
	text-align:left;
	overflow-x: hidden;
	overflow-y: hidden;
	}
.tdfiller1{height:130px;}

a.big{
	FONT-SIZE: 22px;
	FONT-WEIGHT: bold; 
	COLOR: #f5f5dc; 
}
A.big:hover {
	FONT-SIZE: 22px;
	FONT-WEIGHT: bold; 
	COLOR: #be9f56; 
	TEXT-DECORATION: none;
}



xxximg{max-width:100%;height:auto;}
.img100{max-width:100%;}

.cercah
{
	border-bottom: 1px solid grey;
	border-left: 0px;
	border-top: 0px;
	border-right: 0px;
	Font-size:16pt;
}

.home_piede1
{
	float:left;
    Font-size:16pt;
	width:32%;
	text-align: center;
	margin-bottom:40px;
}

.home_piede2
{
	float:left;
    Font-size:16pt;
	width:32%;
	text-align: right;
	margin-bottom:20px;
}

.home_piede3
{
	float:left;
    Font-size:16pt;
	width:32%;
	text-align: center;
	margin-bottom:20px;	
}
.divhlogo		{float:left;}
.divhmenu		{text-align: right;}
.divhmenupa		{padding: 10px 25px 10px 25px; text-align: right;}
.divhmenuaa		{padding: 10px 25px 10px 25px; text-align: right;}
.divhmenusp		{float:left;}

.off_desk		{display:none;}
.off_mob		{display:none;}
.tb_contatti	{font-size:18pt;}
.tb1_contatti	{width:1200px;}
.tb_accedi1		{width:1000px;}
#accedi_username{width:400px;background-Color:#EFF4FA;}
#accedi_password{width:400px;background-Color:#EFF4FA;}
.accedi_div1	{float:left;text-align:right;}
.accedi_div2	{float:left;text-align:center;}
.accedi_div3	{float:left;text-align:left;}

a.footer{
	FONT-SIZE: 20px;
	COLOR: #002a5c; 
}
A.footer:hover {
	FONT-SIZE: 20px;
	COLOR: #999999; 
	TEXT-DECORATION: none;
}
.candidati_filtri{float:left;text-align:left;margin-right:20px;}
.spacer	{height:120px;}


.profsx
{
	width:55%;
	float:left;
	text-align:left;
	border-radius: 15px 0px 0px 0px;
	padding:100px 0px 0px 100px;
	background-Color:#ffffff;
	margin:20px 5px 0px 0px; 
	height:440px
}


.profdx
{	
	width:40%;
	float:left;
	text-align:left;
	border-radius: 0px 15px 15px 0px;
	padding:100px 0px 0px 100px;
	background-Color:#ffffff;
	margin:20px 5px 0px 0px; 
	height:440px

}


@media only screen and (min-width:1051px) /*desktop*/
	{
		.divhlogo{float:left;width:550px;}
		.divhmenu{float:left;}
		.divhmenuaa{float:left;}
		.conten2tc {height:99%;}
		.freccia_o{display:flex;}
		.freccia_v{display:none;}
		.off_desk{display:block;}
		.off_mob{display:none;}
		.accedi_div0	{display: flex; justify-content: center; align-items: center;}
		#footer_tb12{width:1200px}
		#contenitoredx{display:'block';}
		#contenitoresx, elemento1 {width: 440px;}
		#tb9{width:96%;}
		.candidati_dettaglio{display:none;}
		.fixedtopdiv{position:fixed;}


		
		
	.xxximghome{width:100%;overflow:clip;display:flex;justify-content: center}
		
	.mobile_header, .mobile_info {display:none;}
	.desktop_header , #divmenu, .menusx {display:block;}
	#divmenu {width:200px;}
	.divheader{height:100px;}
	
	.head{height: 130px; padding:15px;}
	
	#menuvert {display:none;}
	.conten4 , .conten4t, .conten4t2 {width:23%;}
	.conten2 , .conten2t {width:47%;}
	.conten4o20 {width:25%;}
	.conten4o30 {width:32%;}
	.xcarrello1{width:40%;}
	#separatore_index {width:100px;}
	}
	
@media only screen and (max-width:1050px) 
	{
		/* For tablet: */
		.divhlogo{float:none;width:100vw; text-align:center;}
		.divhmenu{float:left; text-align:center;width:24vw;}
		.divhmenuaa{float:left; text-align:center;width:26vw;}
		.conten2t {width:100%;}
		.conten2tc {height:99%;}
		.freccia_o{display:flex;}
		.freccia_v{display:none;}
		.off_desk{display:block;}
		.off_mob{display:none;}
		.accedi_div0	{display: flex; justify-content: center; align-items: center;}
		#footer_tb12{width:90%}
		#contenitoredx{display:'block';}
		#contenitoresx,elemento1 {   width: 440px;}
		#tb9{width:96%;}
		.candidati_dettaglio{display:none;}
		.spacer	{height:200px;}
		.fixedtopdiv{position:fixed;}
		.profsx		{padding:50px 0px 0px 50px;}
		.profdx		{padding:50px 0px 0px 50px;}


	
	.xxximghome{height:100%;overflow:clip;display:flex;justify-content: center}
	
	
	.desktop_header ,.divmenu, .menusx, .mobile_info {display:none;}
	.mobile_header {display:block;}
	#divmenu {width:200px;}
	#imglogo {width:50%;}
	.head{height: 100px;padding:5px;}
	#menuvert {display:none;}
	
	.divheader{height:100px;}
	
	.topfiller, .tdfiller1{height: 100px;}
	.contenuti{margin:auto;}
	.main{width:810px;}
	.conten4, .conten4t, .conten4t2  {width:47%;}
	.conten2 , .conten2t {width:47%;}
	.conten4o20 {width:25%;}
	.conten4o30 {width:32%;}
	.cal1 {font-size: 50px;}
	#separatore_index {width:100px;}
	}
	
	
	
@media only screen and (max-width:840px) 
	{
		/* body {background-position: center 100px;}*/
		/* For mobile phones: */
		
		.divhlogo{float:none;width:vw; text-align:center;}
		.divhmenu{float:left; text-align:center;width:48vw;}
		.divhmenuaa{float:left; text-align:center;width:98vw;}
		a.menuhome{FONT-SIZE: 24px;}
		a.menuhome:hover{FONT-SIZE: 24px;}
		.conten3t {width:100%;font-size: 20px;float:none;text-align:center;}
		.conten2t {width:100%;}
		.conten2tc {width:90%;height: auto;}
		.homescrollcmd{width:97%;height: 50px;}
		.homescrolldiv{width:100%;height: 800px;}
		#tb6{	height:1400px;}
		#td6b{	height:1100px;}
		.contenitore1 
		{
			/*width: 90vw;*/
			height: 1000px;
			overflow-y: hidden;
			overflow-x: hidden;
			flex-direction: column;
		}
		.freccia_o		{display:none;}
		.freccia_v		{display:flex;}
		.off_desk		{display:none;}
		.off_mob		{display:block;}
		.home_piede1	{width:70%;float:none;}
		.home_piede2	{width:50%;float:none;}
		.home_piede3	{width:100%;float:none;}
		.conten3home 	{width:100%;font-size: 20px;float:none;text-align:center;}
		.space3home		{display:none;}
		.img_contatti1	{width:100%;}
		.tb_contatti	{font-size: 15px;}
		.tb1_contatti	{width:90%;}
		A.menucontatti	{FONT-SIZE: 22px;}
		A.menucontatti:hover	{FONT-SIZE: 22px;}
		.tb_accedi1		{width:90%;}
		#accedi_username{width:300px;}
		#accedi_password{width:300px;}
		.accedi_div1{width:100%;text-align:center;}
		.accedi_div2{display:none;}
		.accedi_div3{width:100%;text-align:center;}
		a.footer{FONT-SIZE: 20px;}
		A.footer:hover {FONT-SIZE: 20px;}
		#footer_tb12{width:90%}
		#contenitoredx{display:none;}
		#contenitoresx {width: 100vw;}
		.candidati_dettaglio, .elemento1 {width: 94vw;}
		#tb9{width:91vw;}
		.candidati_filtri{float:none;}
		.spacer	{height:220px;}
		.box, .boxnumero{font-size: 20px;}
		.titoletto{font-size: 16px;}
		.fixedtopdiv{position:static; height:1px;}
		.profsx		{width:95%;float:none;border-radius: 15px 15px 15px 15px;}
		.profdx		{width:95%;float:none;border-radius: 15px 15px 15px 15px;}

		
	.desktop_header ,#divmenu, .menusx, .mobile_info {display:none;}
	.mobile_header {display:block;}
	#divmenu, #payload, #tbpayload {width:100%;}
	#imglogo {width:50%;}
	.menu{height:45px; text-align:center;padding:10px;}
	.divheader{height:45px;}
	.lineall {font-size: 16px;}
	
	.head{height: 100px;padding:5px;}
	.topfiller{height: 100px;}
	.prod, .right, .main {width:100%;}
	.contenuti{margin:auto;width:100%;float:none;}
	.img1{width:100%;}
	.big {font-size: 30px;}
	.tb , .main, .conten3b {width:100%;font-size: 20px;}
	a.menu {font-size: 30px;}
	a.mmenu {font-size: 30px;}
	.contenwtb3, .contenwtb4, .contenwtb2 {width:100%; text-align:right;}
	.xcarrello1{width:40%;}
	.cal1 {font-size: 50px;}
	.font20 {font-size: 26px;}
	#separatore_index {width:10px;}
	.filtriricsearch{width:100%;}

	}
@media only screen and (max-width:540px) 
	{
		.divhmenu{float:left; text-align:center;width:48vw;}
		.divhmenuaa{float:left; text-align:center;width:98vw;}
		a.menuhome{FONT-SIZE: 24px;}
		a.menuhome:hover{FONT-SIZE: 24px;}
		.conten2t {width:100%;}
		.conten2tc {width:90%;height: auto;}
		.homescrollcmd{width:97%;height: 50px;}
		.homescrolldiv{width:500px;height: 800px;}
		#tb6{	height:1400px;}
		#td6b{	height:1100px;}
		.contenitore1 
		{
			/*width: 90vw;*/
			height: 1000px;
			overflow-y: hidden;
			overflow-x: hidden;
			flex-direction: column;
		}
		.freccia_o{display:none;}
		.freccia_v{display:flex;}
		.off_desk{display:none;}
		.off_mob{display:block;}
		.home_piede1	{width:70%;float:none;}
		.home_piede2	{width:70%;float:none;}
		.home_piede3	{width:100%;float:none;}
		.conten3home	{width:100%;font-size: 20px;float:none;text-align:center;}
		.space3home		{display:none;}
		.img_contatti1	{width:100%;}
		.tb_contatti	{font-size: 15px;}
		.tb1_contatti	{width:90%;}
		A.menucontatti	{FONT-SIZE: 22px;}
		A.menucontatti:hover	{FONT-SIZE: 22px;}
		.tb_accedi1		{width:90%;}

		#accedi_username{width:300px;}
		#accedi_password{width:300px;}
		.accedi_div1{width:100%;text-align:center;}
		.accedi_div2{display:none;}
		.accedi_div3{width:100%;text-align:center;}
		a.footer{FONT-SIZE: 20px;}
		A.footer:hover {FONT-SIZE: 20px;}
		#footer_tb12{width:90%}
		#contenitoredx{display:none;}
		#contenitoresx {width: 100vw;}
		.candidati_dettaglio, .elemento1 {width: 94vw;}
		#tb9{width:91vw;}
		.candidati_filtri{float:none;}
		.spacer	{height:220px;}
		.box, .boxnumero{font-size: 20px;}
		.titoletto{font-size: 16px;}
		.fixedtopdiv{position:static; height:1px;}
		.profsx		{width:95%;float:none;border-radius: 15px 15px 15px 15px;}
		.profdx		{width:95%;float:none;border-radius: 15px 15px 15px 15px;}
		.logofooter{width:100%;}
	
	a.menu {font-size: 30px;}
	a.mmenu {font-size: 30px;}
	.lineall {font-size: 16px;}
	#divmenu, #payload, #tbpayload {width:100%;}
	.divheader{height:45px;}
	#imglogo {width:50%;}
	.menu{height:45px; text-align:center;padding:10px;}
	.cal1 {font-size: 50px;}
	.carrello1{width:80%;}
	.carrello2{width:80%;float:right;}
	.font20 {font-size: 26px;}
	.conten4o20, .conten4o30, .contenwtb1 {width:100%;}
	.contenwtb3, .contenwtb4, .contenwtb2 {width:100%; text-align:right;}
	#separatore_index {width:10px;}
	.filtriricsearch{width:100%;}
	}