@import url('https://fonts.googleapis.com/css?family=Open+Sans:200,400,600,700,800');
/*@import url('https://fonts.googleapis.com/css?family=Merriweather:300,400,700,900');*/


/* *********
RESET CSS
********* */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, label,
table, caption, tbody, tfoot, thead, tr, th, td, figure {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    background: transparent;
}
body {
    line-height: 0em;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
:focus {
    outline: 0;
}
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
p {
	line-stacking: 4em;
}
/* FINE DEL RESET */


@media all{
	#clear_left {clear:left;}
	#clear_right {clear:right;}
	#clear_both {clear:both;}
	.clear_left {clear:left;}
	.clear_right {clear:right;}
	.clear_both {clear:both;}
	html{
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
	}
	body{
		line-height: 1em;
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 16px;
		font-family: 'Open Sans', sans-serif;
		/*font-family: 'Merriweather', serif;*/
        font-weight: 400;
		color:#001729;
		background:#f8f8f8;
		width:100%;
		overflow-x: hidden;
		height:100%; position:relative; /* non togliere, mi serve per la finestra la tua ASCOM*/
	}
	img{
		border:0;
		max-width:100%;
		max-height: 100%;
	}
	input[type=text],
	input[type=password],
	input[type=email],
	input[type=tel],
	input[type=button],
	textarea,
	select{
		font-family: 'Open Sans', sans-serif;
	}
	a:focus {
		outline: 2px solid #0c84e7; /* colore ben visibile */
		outline-offset: 4px;
	}
	.colortitolo{color:#001729;} /* senza text decoration attivo */
	.colortitolo a, .colortitolo a:link{color:#001729; text-decoration: none;}
	.colortitolo a:hover, .colortitolo a:focus, .colortitolo a:active{
        -webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease; 
		transition: all 0.3s ease;
        color: #0964ad;
    }
	
	.colornero{color:#001729;} /* con text decoration attivo */
	.colornero a, .colornero a:link{ color:#001729; text-decoration: underline;}
	.colornero a:hover, .colornero a:focus, .colornero a:active{
        -webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease; 
		transition: all 0.3s ease;
        color: #0964ad;
    }
	.colorneronodecoration{color:#001729;} /* con text decoration attivo */
	.colorneronodecoration a, .colorneronodecoration a:link{color:#001729; text-decoration: underline;}
	.colorneronodecoration a:hover, .colorneronodecoration a:focus, .colorneronodecoration a:active{
        -webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease; 
		transition: all 0.3s ease;
        color: #0964ad;
    }
	.colorbianco{color:#fff;}
	.colorbianco a, .colorbianco a:link{ color:#fff; text-decoration:underline;}
	.colorbianco a:hover, .colorbianco a:focus, .colorbianco a:active{
        -webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease; 
		transition: all 0.3s ease;
        color: #fff;
    }
	.colorgrigiochiaro{color:#444;}
	.colorgrigiochiaro a, .colorgrigiochiaro a:link{ color:#444; text-decoration:underline;}
	.colorgrigiochiaro a:hover, .colorgrigiochiaro a:focus, .colorgrigiochiaro a:active{
        -webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease; 
		transition: all 0.3s ease;
        color: #193551;
    }
	.colorblu{color:#193551;}
	.colorblu a, .colorblu a:link{ color:#193551; text-decoration:underline;}
	.colorblu a:hover, .colorblu a:focus, .colorblu a:active{
        -webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease; 
		transition: all 0.3s ease;
        color: #193551;
    }
	.colorblumenu{color:#193551;}
	.colorblumenu a, .colorblumenu a:link{ color:#193551; text-decoration:none;}
	.colorblumenu a:hover, .colorblumenu a:focus, .colorblumenu a:active{
        -webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease; 
		transition: all 0.3s ease;
        color: #193551;
		font-weight: 800;
    }
	.colorazzurrino{color:#79a7cc;}
	.colorazzurrino a, .colorazzurrino a:link{ color:#79a7cc; text-decoration:underline;}
	.colorazzurrino a:hover, .colorazzurrino a:focus, .colorazzurrino a:active{
        -webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease; 
		transition: all 0.3s ease;
        color: #79a7cc;
    }
	.topbar-di-sistema{
		overflow: hidden;
		-webkit-overflow-scrolling: touch;
		width: 100%;
	}
	.container{
		max-width:1152px;
		width:100%;
		margin:0 auto;
	}
	.divpagine{margin: 70px 0 0 0;}
	.pagine a{padding: 5px 4px 5px 7px;}
	.pagine a:hover{text-decoration: underline;}
	.pagine a.attivo{
		color: #fff;
		padding: 5px 7px 5px 10px;
		margin: 0 3px 0 0;
		background-color: #193551;
		text-decoration:none;
		font-weight: 800;
	}
	/* MENU */
	.fascialogo{padding: 20px 0;}
	.logo{
		float: left;
		width: calc(100% - 364px);
		line-height: 0em;
	}
	.logo img{width: 400px;}
	.latua{
		margin: 10px 0 0 0;
		float: left;
		width: 364px;
		line-height: 0em;
		cursor: pointer;
	}
	
	.latua form {
	  display: flex;
	  align-items: center;
	  max-width: 400px; /* regola se vuoi */
	  background-color: #eef2f9;
	  border-radius: 4px;
	  overflow: visible; /* evita clipping */
	  padding: 0; /* evita padding extra */
	}
	
	.inputcerca {
	  flex: 1;
	  border: none;
	  height: 40px;
	  padding: 0 10px;
	  font-size: 16px;
	  font-family: Arial, Helvetica, sans-serif;
	  font-weight: 600;
	  color: #193551;
	  background-color: #eef2f9;
	  box-sizing: border-box;
	  outline-offset: -2px;
	}
	
	.latua img {
	  width: 40px;
	  height: 40px;
	  background-color: #193551;
	  cursor: pointer;
	  object-fit: contain;
	  display: block;      /* importantissimo per evitare spazi strani */
	  margin: 0;
	  padding: 0;
	  transition: background-color 0.3s ease;
	}
	
	.latua img:hover {
	  background-color: #0c84e7;
	}
	
	
	/*
	.latua .testo{
		float: left;
		width: calc(100% - 58px);
		height: 40px;
		line-height: 1em;
		text-align: center;
		padding: 18px 0 0 0;
		font-size: 18px;
		font-weight: 400;
		line-height: 1em;
		color: #fff;
		background-color: #eaeaea;
        -webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease; 
		transition: all 0.3s ease;
	}
	.inputcerca{
		border: 0;
		text-align: center;
		font-size: 16px;
		font-weight: 300;
		font-family: 'Open Sans', sans-serif;
		width: calc(100% - 20px);
		padding: 0 10px;
		background-color: transparent;
		color: #000;
	}
	.latua .lente{
		float: left;
		width: 58px;
		background-color: #193551;
        -webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease; 
		transition: all 0.3s ease;
	}
	.lente:hover{background-color: #0c84e7;}
	*/
	
	.iconamenumobile{display: none;}
	.menu{
        width: 100%;
        text-align:center;
		padding: 0;
		margin: 0;
		font-size: 18px;
		font-weight: 800;
		border-top: solid 1px #d8dede;
		border-bottom: solid 1px #d8dede;
	}
	.margindamenu{ /* lo uso in , ma se serve...  */
		margin: 20px 0 0 0;
	}
	.menu ul li{
		list-style: none;
		vertical-align: top;
		margin:0;
		padding: 20px 15px;
		display:inline-block;
		position: relative;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
		background-repeat: no-repeat; /* deve stare in questa posizione */
		background-position: center bottom; /* deve stare in questa posizione */
	}
	.menu a{
		text-decoration:none;
		color:#001729;
	}
	.menu a:hover{color: #0964ad;}
	.menu .attivo{background-image: url(/res/img/test.png);}
	.menu .nonattivo{background-image: none;}
	#finestramenu{
		z-index: 9999999; /* rispetto a zoldo l'ho aggiunto altrimenti il monsory passa sopra */
		background-color: rgba(255, 255, 255, 0.80);
		position: fixed;
		width: 100%;
		height: 100%;
	}
	.strisciamenu{
		width: 100%;
		border-top: solid 3px #193551;
		border-bottom: solid 1px #193551;
        background:center;
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -o-background-size: cover;
        background-size: cover;
	}
	.menusez{
		background-image: url(/res/img/menupunta.png);
		background-repeat: no-repeat;
		background-position: center bottom;
		background-color: #193551;
		padding: 20px 0;
	}
	.menusez:last-child{background-image: url(/res/img/menupuntafirst.png);}
	.menuliv{
		line-height: 1em;
		width: 300px;
		text-align: center;
		background-color: #fff;
	}
	.menuelenco li{padding: 8px 0;}
	.menuelenco li:first-child{padding: 25px 0 8px 0;}
	.menuelenco li:last-child{padding: 8px 0 25px 0;}
		.menuelenco li a{
			color:#000;
			display: block;
			text-decoration: none;
		}
		.menuelenco li a:hover{color: #0964ad;}
	/* FINE MENU */
	/* LA TUA CONFCOMMERCIO */
	.finestralatua{
		width: 100%;
		padding: 0 0 20px 0;
	}
	.finestralatua .fasciatitolo{
		padding: 20px 0;
		width: 100%;
		background: #193551;
	}
	.finestralatua .fasciatitolo .titolo{
		font-size: 28px;
		font-weight: 800;
		line-height: 1em;
	}
	.finestralatua .fasciatitolo .sottotitolo{
		font-size: 20px;
		font-weight: 400;
		line-height: 1.3em;
	}
	.finestralatua .titcat{
		padding: 30px 0 15px 0;
		font-size: 20px;
		font-weight: 800;
	}
	.finestralatua ul li{
		display: inline-block;
		width: 32%;
		margin: 0 1% 10px 0;
		padding: 0;
		font-size: 14px;
		font-weight: 800;
		white-space: nowrap;
	}
	.finestralatua ul li label{cursor: pointer;}
	.pulsantelatua{
		font-size: 20px;
		padding: 15px 20px;
		font-weight: 300;
		border: 0;
		width: 100%;
		max-width: 560px;
		margin: 0 0 0 0;
		cursor: pointer;
		background-color: #193551;;
		color: #fff;
	}
	.pplatua{
		margin: 20px 0 0 0;
		text-align: center;
	}
	/* FINE LA TUA CONFCOMMERCIO */
	/* TENDINA DI SELEZIONE */
	#fftendinasel{display: none;}
	.tendinalink{
		border-top: solid 3px #fff;
		width: 100%;
		background-color: #00457d;
		padding: 15px 0 25px 0;
	}
	.tendinalink .titcat{
		padding: 15px 0 15px 0;
		font-size: 20px;
		font-weight: 600;
	}
	.tendinalink.colonne ul li{
		display: inline-block;
		width: 32%;
		margin: 0 1% 10px 0;
		padding: 0;
		font-size: 14px;
		font-weight: 400;
		white-space: nowrap;
	}
	.tendinalink.singolo ul{ /*non dovrebbe più essere ustata */
		max-width:450px;
		width:100%;
		margin:0 auto;
	}
	.tendinalink.singolo ul li{ /*non dovrebbe più essere ustata */
		text-align: center;
		padding: 10px 0;
		font-size: 16px;
		font-weight: 400;
		white-space: nowrap;
		border-bottom: solid 1px #356998;
	}
	.tendinalink.singolo ul li:first-child{ /*non dovrebbe più essere ustata */
		padding: 0 0 10px 0;
	}
	.tendinalink.singolo ul li:last-child{ /*non dovrebbe più essere ustata */
		padding: 10px 0 0 0;
		border-bottom: none;
	}
	.filtratoper{
		background-color: #0964ad;
		padding: 15px 0;
	}
	/* FINE TENDINA DI SELEZIONE */
	/* STRUTTURA MADRE */
	.strutturasx{
		float: left;
		width: 768px;
	}
	.banner{
		line-height: 0em;
		width: calc(100% - 40px);
		padding: 0 40px 10px 20px;
	}
	.bloccodxblu{background: #193551;}
	.bloccodxtortora{background: #3e3d33;}
	.strutturadx{
		float: left;
		width: 364px;
		margin: 0 0 0 20px;
	}
	.share_news{
		text-align: center;
		width: 100%;
		padding: 19px 0 10px 0;
	}
	.share_predefinita{
		text-align: center;
		width: 100%;
		padding: 19px 0 0 0;
	}
	.bloccodx{margin: 0 0 20px 0;}
	.bloccodx .padtesto{padding: 20px;}
	.bloccodx .titolone{
		font-size: 20px;
		font-weight: 700;
		line-height: 1em;
		padding: 20px 10px;
		text-align: center;
		background-color: #0964ad;
	}
	.bloccodx .titoletto{
		font-size: 16px;
		font-weight: 600;
		line-height: 1.4em;
		padding: 0 0 10px 0;
	}
	.bloccodx .spuntapiccolabianca ul li{
		font-size: 15px;
		font-weight: 400;
		line-height: 1.4em;
		padding: 2px 0 6px 25px;
		background-image: url(/res/img/pallinopiccolonero.png);
		background-repeat: no-repeat;
		background-position: 0 6px;
	}
	.bloccodx .pallinopiccolobianco ul li{
		font-size: 15px;
		font-weight: 400;
		line-height: 1.4em;
		padding: 2px 0 6px 25px;
		background-image: url(/res/img/pallinopiccolobianco.png);
		background-repeat: no-repeat;
		background-position: 0 6px;
	}
	.bloccodx .fogliettopiccolobianco ul li{
		font-size: 15px;
		font-weight: 400;
		line-height: 1.4em;
		padding: 2px 0 6px 25px;
		background-image: url(/res/img/fogliettopiccolobianco.png);
		background-repeat: no-repeat;
		background-position: 0 6px;
	}
	.bloccodx .spuntadownloadbianca ul li{
		font-size: 15px;
		font-weight: 400;
		line-height: 1.4em;
		padding: 2px 0 6px 25px;
		background-image: url(/res/img/spuntadownloadbianca.png);
		background-repeat: no-repeat;
		background-position: 0 6px;
	}
	.bloccodx .spuntametromappa ul li{
		font-weight: 400;
		line-height: 1.4em;
		padding: 3px 0;
	}
	.bloccodx .spuntametromappa ul li a{text-decoration: underline;}
	.bloccodxlinkone{
		font-size: 20px;
		font-weight: 800;
		line-height: 0em;
		padding: 35px 0;
		text-align: center;
		cursor: pointer;
	}
	.bloccodxblu .bloccodxlinkone{
		background-color: #0964ad;
        -webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease; 
		transition: all 0.3s ease;
	}
	.bloccodxtortora .bloccodxlinkone{
		background-color: #69675a;
        -webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease; 
		transition: all 0.3s ease;
	}
	.bloccodxblu .bloccodxlinkone:hover{background-color: #0c79d3;}
	.bloccodxtortora .bloccodxlinkone:hover{background-color: #555348;}
	.bloccodxtestuale{margin: 0 0 40px 0;}
	.bloccodxtestuale .h5{
		font-size: 13px;
		font-weight: 300;
		line-height: 1em;
		color: #666;
		padding: 0;
		margin: 15px 0 5px 0;
		
	}
	/* FINE STRUTTURA MADRE */
	
	/* METROMAPPA */
	.bloccodxmetromappa{background: #eaeaea;}
	.lineametro{
		position: relative;
		line-height: 1.5em;
		margin: 15px 0;
		padding: 7px 0 0 0;
	}
	.ltit{
		float: left;
		padding: 6px 0 0 0;
	}
	.piumetro{
		float: right;
		padding: 6px 0 0 0;
		font-weight: 800;
	}
	.lineablu{color:#0e4799;} /* senza text decoration attivo */
	.lineablu a, .lineablu a:link{color:#0e4799; text-decoration: none;}
	.lineablu a:hover, .lineablu a:focus, .lineablu a:active{
        -webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease; 
		transition: all 0.3s ease;
        color: #0e4799;
    }
	.lineaverde{color:#11a511;} /* senza text decoration attivo */
	.lineaverde a, .lineaverde a:link{color:#11a511; text-decoration: none;}
	.lineaverde a:hover, .lineaverde a:focus, .lineaverde a:active{
        -webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease; 
		transition: all 0.3s ease;
        color: #11a511;
    }
	.lineagialla{color:#f8a50c;} /* senza text decoration attivo */
	.lineagialla a, .lineagialla a:link{color:#f8a50c; text-decoration: none;}
	.lineagialla a:hover, .lineagialla a:focus, .lineagialla a:active{
        -webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease; 
		transition: all 0.3s ease;
        color: #f8a50c;
    }
	.linearancio{color:#f27213;} /* senza text decoration attivo */
	.linearancio a, .linearancio a:link{color:#f27213; text-decoration: none;}
	.linearancio a:hover, .linearancio a:focus, .linearancio a:active{
        -webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease; 
		transition: all 0.3s ease;
        color: #f27213;
    }
	.lineaviola{color:#a44699;} /* senza text decoration attivo */
	.lineaviola a, .lineaviola a:link{color:#a44699; text-decoration: none;}
	.lineaviola a:hover, .lineaviola a:focus, .lineaviola a:active{
        -webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease; 
		transition: all 0.3s ease;
        color: #a44699;
    }
	.lineametro .colortop{
		position:absolute;
		display:block;
		top:0;
		bottom:0;
		left:0;
		right:0;
		background-repeat: no-repeat;
		background-position: -747px 0px; /* dimensione file 800x150 */
	}
	.lineametro .colortop.bglineablu{background-image: url(/res/img/lineblu.png);}
	.lineametro .colortop.bglineaverde{background-image: url(/res/img/lineverde.png);}
	.lineametro .colortop.bglineagialla{background-image: url(/res/img/linegialla.png);}
	.lineametro .colortop.bglinearancio{background-image: url(/res/img/linearancio.png);}
	.lineametro .colortop.bglineaviola{background-image: url(/res/img/lineviola.png);}
	.lineametro:hover .colortop{
		cursor: pointer;
		-webkit-transition: all 0.6s ease;
		-moz-transition: all 0.6s ease;
		-o-transition: all 0.6s ease; 
		transition: all 0.6s ease;
		visibility: visible;
		background-position: 270px 0;
	}
	.txtspeline{
		line-height: 1.5em;
		font-size: 14px;
		margin: 0 0 30px 0;
		padding: 0 0 10px 0;
		border-bottom: solid 1px #cacaca;
	}
	.bloccodxmetromappa .bloccodxlinkone{ /* pulsante diventa socio */
		background-color: #0964ad;
        -webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease; 
		transition: all 0.3s ease;
	}
	/* FINE METROMAPPA */
	/* LINKSX A DINAMIKLIST */
	.linkdxadyn:first-child{
		margin: 20px 0;
	}
	.linkdxadyn{
		line-height: 1.7em;
		margin: 0 0 20px 0;
		padding: 17px 20px;
		text-align: center;
		cursor: pointer;
        -webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease; 
		transition: all 0.3s ease;
	}
	.linkdxadyn .grande{font-size: 27px; font-weight: 800;}
	.linkdxadyn .medio{font-size: 20px; font-weight: 300;}
	.linkdxadyn .piccolo{font-size: 14px; font-weight: 300;}
	.linkdxadyn:hover{background-color: #555348;}
	/* FINE LINKSX A DINAMIKLIST */
	/* MASONRY */
	.masonry {
		margin:0;
		padding: 0;
	}
	.item{
		position: relative;
		padding:0;
		margin: 0;
		width: 50%;
	}
	.item .contpadd{padding: 20px;}
	.item .titolo{
		padding: 0;
		line-height: 1.2em;
		font-size: 20px;
		font-weight: 700;
	}
	.item .content{
		padding: 7px 0 0 0;
		line-height: 1.4em;
	}
	.item .tag{
		padding: 7px 0 0 0;
		line-height: 1.5em;
		font-size: 12px;
		font-weight: 200;
	}
	.item .tag li{
		display: inline-block;
		margin: 0 5px 0 0;
		padding: 0;
		white-space: nowrap;
	}
	/* FINE MASONRY */
	/* TESTI INTERNI */
	.titolodisezione{
		font-size: 22px;
		font-weight: 700;
		background-color: #193551;
		padding: 25px 0;
		line-height: 1em;
	}
	.titolodisezione.mblu{background-color: #0e4799;}
	.titolodisezione.mverde{background-color: #11a511;}
	.titolodisezione.mgiallo{background-color: #f6bc27;}
	.titolodisezione.marancione{background-color: #f37d22;}
	.titolodisezione.mviola{background-color: #a44699;}
	.titolodisezione .selettore{text-align: center;}
	.titolodisezione .selettore img{width: 20px;}
	.titolodisezione .selettore ul li{
		font-size: 20px;
		font-weight: 400;
		display: inline-block;
		padding: 0 20px;
		margin: 0;
		border-right: solid 1px #c1c6d9;
	}
	.titolodisezione .selettore ul li:last-child{border-right: none;}
	.testuale{line-height: 1.8em;}
	.testuale h5{
		font-size: 13px;
		font-weight: 300;
		line-height: 1em;
		color: #999999;
		padding: 0;
		margin: 15px 0 5px 0;
	}
	.testuale .titolo{
		margin: 20px 0 8px 0;
		font-size: 28px;
		font-weight: 800;
		line-height: 1.5em;
	}
	.testuale ul{margin: 5px 0;}
	.testuale ul li{
		font-size: 15px;
		font-weight: 400;
		line-height: 1.4em;
		padding: 2px 0 4px 35px;
		background-image: url(/res/img/spuntapiccolablu.png);
		background-repeat: no-repeat;
		background-position: 0 6px;
	}
	.bloccodxtestuale {
		font-size: 16px;
		line-height: 1.5em;
	}
	.bloccodxtestuale .titolo{
		margin: 25px 0 0 0;
		font-size: 24px;
		font-weight: 700;
		line-height: 1.5em;
	}
	.bloccodxtestuale h5{
		font-size: 13px;
		font-weight: 300;
		line-height: 1em;
		color: #666;
		padding: 0;
		margin: 15px 0 5px 0;
	}
	/* FINE TESTI INTERNI */
	/* ELENCO */
	.infilataelenco{margin: 65px 0 0 0;}
	.elenco{
		padding: 0 0 50px 0;
		line-height: 1.5em;
	}
	.elenco:last-child{padding: 0;}
	.elenco .titolo{
		font-size: 24px;
		font-weight: 800;
		line-height: 1.2em;
	}
	.elenco .descrizione{padding: 7px 0 0 0;}
	.elenco .scarica{padding: 7px 0 0 0;}
	.elenco .tag{
		padding: 7px 0 0 0;
		font-size: 12px;
		font-weight: 200;
		line-height: 1.4em;
	}
	.elenco .tag li{
		display: inline-block;
		margin: 0 5px 0 0;
		padding: 0;
		white-space: nowrap;
	}
	.elenco .contatto{
		padding: 7px 0 0 0;
		font-size: 14px;
		line-height: 1.4em;
	}
	/* FINE ELENCO */
	/* BOTTOM */
	.fascialoghi{
		background-color: #fff;
		margin: 30px 0 0 0;
		padding: 20px 0;
	}
	.iconario{
		text-align: center;
		padding: 20px 0;
		border-bottom: solid 1px #d5d2bd;
	}
	.iconario:last-child{border-bottom: none;}
	.iconario li{
		display: inline;
		margin: 0;
		padding: 0;
	}
	.datibottom{
		padding: 70px 0;
		background-color: #193551;
	}
	.datibottom .li{
		display:inline-block;
		width: 33%;
		margin: 0;
		padding: 0;
		line-height: 1.4em;
		font-size: 13px;
		font-weight: 400;
		vertical-align: top;
	}
	.testochiusura{
		padding: 50px 0;
		font-size: 15px;
		font-weight: 400;
		line-height: 1.5em;
		text-align: center;
		background-color: #00457d;
	}
	.sociallegal{
		text-align: center;
		padding: 20px 0;
	}
	.sociallegal li{
		display:inline;
		margin: 0 5px;
		padding: 0;
		line-height: 1.4em;
		font-size: 13px;
		font-weight: 400;
		white-space: nowrap;
	}
	/* FINE BOTTOM */
    /* COOKIES */
    .cookies{
		line-height: 1.2em;
		background-color: #bfbfbf;
		text-align: center;
		color: #000;
		font-size: 9px;
		font-family: Verdana;
		top: 0;
		width: 98%;
		padding: 15px 1% 15px 1%;
		display: none;
	}
	.cookies{color:#fff;}
	.cookies a, .cookies a:link{color:#fff; text-decoration:none; /*background-color: #369; padding: 20px;*/}
	.cookies a:hover, .cookies a:focus, .cookies a:active{color: #fff;}
	/* FINE COOKIES */
	.tithomterzi{
		padding: 20px;
		background-color: #f6bc27;
		font-size: 20px;
		font-weight: 700;
		color: #fff;
	}
	.boxhomterzi{
		padding: 20px;
		border: solid 1px #f6bc27;
	}
	/* SLIDE */
	.slideimage {
		position:absolute;
		left: 0px;
		top: 0px;
		cursor: pointer;
	}
	#ex_slide {}
	.ex_slide {}
	.ex_slideshow {
		opacity: 1;
		display: block;
	}
	.ex_slidehide {
		opacity: 0;
		display: block;
	}
	.fadeout {
		opacity: 0;
		transition: opacity .5s ease-in-out;
		-moz-transition: opacity .5s ease-in-out;
		-webkit-transition: opacity .5s ease-in-out;
		z-index: 20;
	}
	.fadein {
		opacity: 1;
		transition: opacity .5s ease-in-out;
		-moz-transition: opacity .5s ease-in-out;
		-webkit-transition: opacity .5s ease-in-out;
		z-index: 90;
	}
	/* slide per lista dinamica */
	#dynamiclistslide_nav {
		bottom: 10px;
		left: 10px;
		position:absolute;
		z-index: 100;
	}
	.dynamiclistslide_nav {
		font-size: 40px;
		color: #01447d;
		opacity: .5;
		text-decoration: none;
	}
	.unsel {
		opacity: 0.5;
		transition: opacity 1s ease-in-out;
		-moz-transition: opacity 1s ease-in-out;
		-webkit-transition: opacity 1s ease-in-out;
	}
	.sel {
		opacity: 1;
		transition: opacity 1s ease-in-out;
		-moz-transition: opacity 1s ease-in-out;
		-webkit-transition: opacity 1s ease-in-out;
	}
	/* FINE SLIDE */
	
	
	/* METROMAPPA */
	.aperturametromappa{
		position: fixed;
		z-index: 1000;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: #154475;
	}
	.boxmetro{
		position: absolute;
		top: calc(50% - 180px);
		left: calc(50% - 300px);
		width: 600px;
		height: 220px;
		line-height: 1.4em;
		/*background-color: #f0f;*/
	}
	.benve{
		font-weight: 600;
		font-size: 28px;
	}
	.innob{
		float: left;
		width: 40%;
		padding: 0 5%;
		text-align: center;
		font-weight: 600;
		line-height: 1.2em;
	}
	
	/* FINE METROMAPPA */
}
















@media all and (max-width: 1262px){
	.container{
		width:94%;
		margin:0 3%;
	}
	/* STRUTTURA MADRE */
	.strutturasx{width: 66.66%;}
	.strutturadx{
		width: calc(33.33% - 20px);
		margin: 0 0 0 20px;
	}
	.bloccodx{margin: 0 0 20px 0;}
	.bloccodx .padtesto{padding: 20px;}
	.bloccodx .titolone{
		font-size: 19px;
	}
	.bloccodxlinkone{
		font-size: 18px;
		padding: 33px 0;
	}
	/* FINE STRUTTURA MADRE */
	/* MENU */
		.menu{font-size: 17px;}
		.menu ul li{padding: 20px 13px;}
	/* FINE MENU */
	/* TENDINA DI SELEZIONE */
	.tendinalink .titcat{
		padding: 14px 0 14px 0;
		font-size: 18px;
	}
	.tendinalink.singolo ul li{  /*non dovrebbe più essere ustata */
		padding: 9px 0;
		font-size: 15px;
	}
	.tendinalink.singolo ul li:first-child{  /*non dovrebbe più essere ustata */
		padding: 0 0 9px 0;
	}
	.tendinalink.singolo ul li:last-child{ /*non dovrebbe più essere ustata */
		padding: 9px 0 0 0;
	}
	/* FINE TENDINA DI SELEZIONE */
	/* MASONRY */
	.masonry {
		margin:0;
		padding: 0;
	}
	.item{
		position: relative;
		padding:0;
		margin: 0;
		width: 50%;
	}
	.item .contpadd{padding: 20px;}
	.item .titolo{font-size: 18px;}
	/* FINE MASONRY */
	/* TESTI INTERNI */
	.titolodisezione{
		font-size: 20px;
		padding: 23px 0;
	}
	.titolodisezione .selettore img{width: 17px;}
	.titolodisezione .selettore ul li{
		font-size: 18px;
		padding: 0 15px;
	}
	.testuale .titolo{
		margin: 15px 0 10px 0;
		font-size: 26px;
	}
	.bloccodxtestuale {font-size: 14px;}
	.bloccodxtestuale .titolo{
		margin: 22px 0 0 0;
		padding: 0 0 4px 0;
		font-size: 20px;
	}
	/* FINE TESTI INTERNI */
	/* BOTTOM */
	.iconario{padding: 15px 0;}
	.iconario.icou li img{height: 54px;}
	.iconario.icod li img{height: 90px;}
	.datibottom{padding: 60px 0;}
	.datibottom .li{
		text-align: center;
	}
	.testochiusura{
		padding: 40px 0;
		font-size: 14px;
	}
	/* FINE BOTTOM */
	.tithomterzi{
		padding: 18px;
		font-size: 18px;
	}
	.boxhomterzi{padding: 18px;}
}

















@media all and (max-width: 1020px){
	body{font-size: 14px;}
	.container{
		width:96%;
		margin:0 2%;
	}
	/* STRUTTURA MADRE */
	.banner{
		width: calc(100% - 20px);
		padding: 0 30px 10px 10px;
	}
	.strutturadx{
		width: calc(33.33% - 20px);
		margin: 0 0 0 20px;
	}
	.bloccodx{margin: 0 0 20px 0;}
	.bloccodx .padtesto{padding: 10px;}
	.bloccodx .titolone{font-size: 18px;}
	.bloccodx .titoletto{font-size: 14px;}
	.bloccodx .spuntapiccolabianca ul li{
		font-size: 13px;
		padding: 2px 0 6px 20px;
		background-size: 13px;
	}
	.bloccodx .pallinopiccolobianco ul li{
		font-size: 13px;
		padding: 2px 0 6px 20px;
		background-size: 13px;
	}
	.bloccodx .fogliettopiccolobianco ul li{
		font-size: 13px;
		padding: 2px 0 6px 20px;
		background-size: 13px;
	}
	.bloccodxlinkone{
		font-size: 17px;
		font-weight: 600;
		padding: 30px 0;
	}
	.bloccodxtestuale{margin: 0 0 20px 0;}
	/* FINE STRUTTURA MADRE */
	/* MENU */
	.fascialogo{padding: 10px 0; margin: 0 0 10px 0;}
	.logo{width: calc(100% - 50px);}
	.latua{display: none;}
	.iconamenumobile{
		display: block;
		float: left;
		width: 50px;
		text-align: right;
		padding: 15px 0 0 0;
	}
	.menu{display: none;}
	/* FINE MENU */
	/* LA TUA CONFCOMMERCIO */
	.finestralatua .fasciatitolo{padding: 15px 0;}
	.finestralatua .fasciatitolo .titolo{font-size: 24px;}
	.finestralatua .fasciatitolo .sottotitolo{font-size: 18px;}
	.finestralatua .titcat{
		padding: 25px 0 12px 0;
		font-size: 18px;
	}
	.finestralatua ul li{
		width: 48.5%;
		margin: 0 1% 10px 0;
		padding: 0;
		font-size: 13px;
	}
	.pulsantelatua{
		font-size: 18px;
		padding: 13px 18px;
	}
	.pplatua{margin: 18px 0 0 0;}
	/* FINE LA TUA CONFCOMMERCIO */
	/* TENDINA DI SELEZIONE */
	.tendinalink .titcat{font-size: 17px;}
	.tendinalink.colonne ul li{
		margin: 0 1% 8px 0;
		font-size: 12px;
	}
	.tendinalink.singolo ul li{  /*non dovrebbe più essere ustata */
		font-size: 12px;
	}
	/* FINE TENDINA DI SELEZIONE */	
	/* MASONRY */
	.masonry {
		margin:0;
		padding: 0;
	}
	.item{
		position: relative;
		padding:0;
		margin: 0;
		width: 50%;
	}
	.item .contpadd{padding: 10px;}
	.item .titolo{font-size: 16px;}
	.item .content{font-size: 15px;}
	/* FINE MASONRY */
	/* TESTI INTERNI */
	.titolodisezione{
		font-size: 18px;
		padding: 20px 0;
	}
	.titolodisezione .selettore img{width: 15px;}
	.titolodisezione .selettore ul li{
		font-size: 16px;
		padding: 0 10px;
	}
	.testuale .titolo{font-size: 23px;}
	.testuale ul li{font-size: 14px;}
	.bloccodxtestuale .titolo{
		margin: 20px 0 0 0;
		padding: 0;
		font-size: 19px;
	}
	/* FINE TESTI INTERNI */
	/* BOTTOM */
	.fascialoghi{
		margin: 25px 0 0 0;
		padding: 18px 0;
	}
	.iconario{padding: 10px 0;}
	.iconario.icou li img{height: 40px;}
	.iconario.icod li img{height: 80px;}
	.datibottom{padding: 50px 0;}
	.testochiusura{
		padding: 30px 0;
		font-size: 13px;
	}
	/* FINE BOTTOM */
	.tithomterzi{
		padding: 16px;
		font-size: 16px;
	}
	.boxhomterzi{padding: 16px;}
}






@media all and (max-width: 768px){
	.topbar-di-sistema{display: none;}
	.container{
		width:92%;
		margin:0 4%;
	}
	/* STRUTTURA MADRE */
	.strutturasx{width: 100%;}
	.banner{
		width: 100%;
		padding: 0;
	}
	.strutturadx{
		width: 100%;
		margin: 20px 0;
	}
	.bloccodx{margin: 0 0 10px 0;}
	.bloccodx .padtesto{padding: 10px;}
	.bloccodx .titolone{font-size: 17px;}
	.bloccodx .titoletto{font-size: 14px;}
	.bloccodx .spuntapiccolabianca ul li{font-size: 14px;}
	.bloccodx .pallinopiccolobianco ul li{font-size: 14px;}
	.bloccodx .fogliettopiccolobianco ul li{font-size: 14px;}
	.bloccodxlinkone{
		font-size: 16px;
		padding: 25px 0;
	}
	.bloccodxtestuale{margin: 0 0 30px 0;}
	/* FINE STRUTTURA MADRE */
	/* TENDINA DI SELEZIONE */
	.tendinalink{padding: 10px 0 10px 0;}
	.tendinalink .titcat{
		padding: 15px 0 10px 0;
		font-size: 16px;
		font-weight: 800;
	}
	.tendinalink.colonne ul li{
		width: 100%;
		margin: 0;
		padding: 9px 0;
		font-size: 14px;
		border-bottom: solid 1px #356998;
	}
	.tendinalink.colonne ul li:last-child{border-bottom: none;}
	.tendinalink.singolo ul li{  /*non dovrebbe più essere ustata */
		font-size: 14px;
	}
	/* FINE TENDINA DI SELEZIONE */
	/* LA TUA CONFCOMMERCIO */
	.finestralatua .fasciatitolo{padding: 10px 0;}
	.finestralatua .fasciatitolo .titolo{font-size: 18px;}
	.finestralatua .fasciatitolo .sottotitolo{font-size: 14px;}
	.finestralatua ul li{
		width: 100%;
		margin: 0 0 10px 0;
		padding: 0;
	}
	.pulsantelatua{font-size: 16px;}
	/* FINE LA TUA CONFCOMMERCIO */
	/* MASONRY */
	.item{width: 100%;}
	.item .contpadd{padding: 15px 0;}
	.item .titolo{font-size: 16px;}
	.item .content{font-size: 14px;}
	/* FINE MASONRY */
	/* TESTI INTERNI */
	.titolodisezione{
		font-size: 15px;
		padding: 18px 0;
	}
	.titolodisezione .selettore img{width: 13px;}
	.titolodisezione .selettore ul li{
		padding: 0 10px;
		border-right: none;
	}	
	.testuale .titolo{
		margin: 10px 0 7px 0;
		font-size: 22px;
	}
	.bloccodxtestuale .titolo{
		margin: 18px 0 0 0;
		font-size: 18px;
	}
	/* FINE TESTI INTERNI */
	/* BOTTOM */
	.fascialoghi{display: none;}
	.datibottom{padding: 30px 0;}
	.datibottom .li{
		width: 100%;
		padding: 10px 0;
	}
	.testochiusura{display: none;}
	.sociallegal{padding: 5px 0 15px 0;}
	/* FINE BOTTOM */	
	/* SLIDE */
	/* slide per lista dinamica */
	.dynamiclistslide_nav {opacity: 0;} /* messo a 0 per evitare il display none che altrimenti mi avrebbe fatto andare in eerrore la pag */
	.unsel {opacity: 0;} /* messo a 0 per evitare il display none che altrimenti mi avrebbe fatto andare in eerrore la pag */
	.sel {opacity: 0;} /* messo a 0 per evitare il display none che altrimenti mi avrebbe fatto andare in eerrore la pag */
	/* FINE SLIDE */
	
	
	/* METROMAPPA */
	.aperturametromappa{
		/*position: fixed;
		z-index: 1000;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: #154475;*/
	}
	.boxmetro{
		/*position: absolute;*/
		top: 20px;
		left: 0;
		width: calc(100% - 30px);
		padding: 0 15px;
		/*height: 220px;*/
		/*line-height: 1em;*/
		/*background-color: #0ff;*/
	}
	.benve{
		/*font-weight: 600;*/
		font-size: 24px;
	}
	.innob{
		float: none;
		width: 100%;
		padding: 0 5% 20px 5%;
		/*text-align: center;
		font-weight: 600;
		line-height: 1.2em;*/
	}*/
	
	/* FINE METROMAPPA */
	
}







/* GRA */
	.slideimg {
		position: relative;
		top:0;
		left: 0;
		z-index: 1;
		background: center center no-repeat;
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover; 
		background-size: cover;
		overflow: auto;
		width: 100%;
		height: 100%;
		margin: 0;
	}
	.slide {
		border: none; 
		opacity: 0; 
		filter:alpha(opacity=0);
		position: absolute; 
		top: 0; 
		left: 0;
	}
/* !GRA */