@import url("/res/fonts/stylesheet.css");

/* *********
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 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    /*vertical-align: baseline; HO DOVUTO TOGLIERLO PER ALLINEARE MIDDLE LE IMMAGINI NELLE TABELLE*/ 
    background: transparent;
}
body {
    line-height: 0;
}
hr {
  size:1px;
  height:1px;
  color:#f0f;
  width:100%;
  border-style:dotted;
}
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_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: 20px;
		font-family: 'Nunito Sans', sans-serif;
		background:#fff;
		width:100%;
		color: #00f;
		overflow-x: hidden;
	}
	img{
		border:0;
		max-width:100%;
		max-height: 100%;
	}
	
	.bgnero{background-color: #000;}
	.bgviola{background-color: #3E067F;}
	.bgviolachiaro{background-color: #c046ff;}
	.bgviolascuro{background-color: #200636;}
	.bgazzurro{background-color: #38DBFF;}
	
	.colorbianco{color:#fff;}
	.colorbianco a, .colorbianco a:link{ color:#fff; text-decoration:none;}
	.colorbianco a:hover, .colorbianco a:focus, .colorbianco a:active{color: #fff;}

	.colornero{color:#241C3A;}
	.colornero a, .colornero a:link{
		/*color:#38DBFF;*/
		color: #7700b7;
		text-decoration:underline;
		font-weight: 800;
	}
	.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: #222;
    }
	.colorbianco{color:#fff;}
	.colorbianco a, .colorbianco a:link{ color:#fff; text-decoration:none; background-color: transparent;}
	.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;
        background-color: transparent;
    }
	.colorlato{color:#241C3A;} /*00b0f0*/
	.colorlato a, .colorlato a:link{ color:#241C3A; text-decoration:none;}
	.colorlato a:hover, .colorlato a:focus, .colorlato 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: #38DBFF;
    }
	.colorfaq{color:#241C3A;}
	.colorfaq a, .colorfaq a:link, .colorfaq a:focus, .colorfaq a:active{color:#241C3A; text-decoration:none; font-weight: 700;}
	.colorfaq a:hover{
        -webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease; 
		transition: all 0.3s ease;
        color: #38DBFF;
    }
	.colorbottom{color:#241C3A;} /*00b0f0*/
	.colorbottom a, .colorbottom a:link{ color:#241C3A; text-decoration:none;}
	.colorbottom a:hover, .colorbottom a:focus, .colorbottom 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: #38DBFF;
    }
	.colorchatt{color:#fff;}
	.colorchatt a, .colorchatt a:link{color:#fff; text-decoration: none;}
	.colorchatt a:hover, .colorchatt a:focus, .colorchatt 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;
    }
	.container{
        max-width:1380px;
		margin:0 auto;
	}
	.container .flex{ /* usato dove c'è lo stiky del configuratotre prezzo */
		display: flex;
		display: -webkit-flex;
		 flex-flow: row nowrap;
		-webkit-flex-flow: row nowrap;
		align-items: stretch;
		-webkit-align-items: stretch;
		justify-content: space-between;
		-webkit-justify-content: space-between;
	}
	.containerpiccolo{ /* usato in home e nelle pagine di prezzo nel blocco intro */
		max-width:740px;
		width:100%;
		margin:0 auto;
		/*background-color: #0f0;*/
	}
	.displaynonecell{ /* ustato ad esempio per il menù latwrale nelle guide che nascondo a @media all and (max-width: 990px){ */
		background-color: #ff0;
	}
	/* FORMATTAZIONE TESTO */
		.formattazionetesto{
			font-size: 20px;
			line-height: 1.8em;
		}
		.formattazionetesto p{
			padding: 0 0 25px 0;
		}
		.formattazionetesto h1{
			font-size: 46px;
			font-weight: 900;
			line-height: 1.2em;
			padding: 0 0 20px 0;
		}
		.formattazionetesto h2{
			font-size: 33px;
			font-weight: 900;
			line-height: 1.2em;
			padding: 0 0 20px 0;
		}
		.formattazionetesto h3{
			font-size: 26px;
			font-weight: 700;
			line-height: 1.2em;
			padding: 0 0 20px 0;
		}
		.formattazionetesto ul{
			padding: 0 0 25px 0;
		}
		.formattazionetesto ul li{
			padding: 5px 0 5px 35px;
			background-position: 0 10px;
			background-image: url(/res/img/ul-testi.svg);
			background-repeat: no-repeat;
		}
		.formattazionetesto ol li{
			padding: 5px 0 5px 35px;
			background-position: 0 10px;
			background-image: url(/res/img/ul-motivazionale.svg);
			background-repeat: no-repeat;
		}
			/* per le tabelle nell'informativa */
				.formattazionetesto .due td{
					padding: 10px;
					background-color: #EDEDED;
					width: 50%;
				}
				.formattazionetesto .tre td{
					padding: 10px;
					background-color: #EDEDED;
				}
				.formattazionetesto .tre td:nth-child(1){
					width: 20%;
				}
				.formattazionetesto .tre td:nth-child(2){
					width: 50%;
				}
				.formattazionetesto .tre td:nth-child(3){
					width: 30%;
				}
	/* FINE FORMATTAZIONE TESTO */
	
	/* LINK CON IMMAGININIA */
        .linkrapidi{
            padding: 10px;
            margin: 0 0 10px 0;
            font-size: 14px;
            line-height: 1.2em;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px;
        }
        .linkrapidi:hover{
            background-color: #f7f7f7;
        }
        .linkrapidi:hover .tit{
            color: #38DBFF;
        }
        .linkrapidi .ico{
            float: left;
            width: 35px;
        }
        .linkrapidi .ico img{
            width: auto;
        }
        .linkrapidi .spaziotxt{
            float: left;
            width: calc(100% - 35px);
        }
        .linkrapidi .spaziotxt .tit{
            font-size: 18px;
            font-weight: bold;
            padding: 0 0 10px 0;
        }
		.linkrapidi .spaziotxt .tit.casostudio{
			line-height: 1.2em;
		}
	/* FINE LINK CON IMMAGININIA */
	
	/* INTRO CON FOTO */
		.intro{
			display: flex;
			display: -webkit-flex;
			 flex-flow: row nowrap;
			-webkit-flex-flow: row nowrap;
			align-items: stretch;
			-webkit-align-items: stretch;
			justify-content: space-between;
			-webkit-justify-content: space-between;
			padding: 0 0 80px 0;
		}
		.bloccointro{
			display: flex;
			display: -webkit-flex;
			flex-direction: column;
			-webkit-flex-direction: column;
			width: 50%;
		}
		.bloccointro:nth-child(2){ /* immagine */
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			background-position: 50% 50%;
		}
		.divrelativointro{position: relative;}
		.bloccointrotesto{
			float: right;
			width: calc(100% - 80px);
			max-width: 610px;
			padding: 70px 80px 70px 0;
		}
		.bloccointro .pulsanteintro{
			margin: 25px 0 0 0;
			font-weight: bold;
			line-height: 1.5em;
			text-align: center;
		}
		.bloccointro .pulsanteintro a, .pulsanteintro a:link{
			color:#000;
			background-color: #38DBFF;
			padding: 15px 30px;
			text-decoration: none;
			border-radius: 40px;
		}
		.bloccointro .pulsanteintro a:hover, .pulsanteintro a:focus, .pulsanteintro 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: #3E067F;
			background-color: #fff;
		}
	/* FINE INTRO CON FOTO */
	
	/* MONORIGA */
		.monoriga{
			padding: 0 0 80px 0;
		}
	/* FINE MONORIGA */

	/* COLONNA SX */
		.colsx{
			width: 56%;
			padding: 0 7% 80px 0;
			/*background-color: #0f0;*/
		}
		.colsx.conflex{
			display: flex;
			display: -webkit-flex;
			flex-direction: column;
			-webkit-flex-direction: column;
		}
		
		.colsx .pulsantivaialprezzo{
			display: none;
			font-weight: bold;
			font-size: 20px;
			margin: 10px 0 40px 0;
			padding: 18px 0;
			text-align: center;
			width: 100%;
			border-radius: 50px;
			-moz-border-radius: 50px;
			-webkit-border-radius: 50px;
			background-color: #38DBFF;
		}
		.colsx .pulsantivaialprezzo a{
			color: #000;
			text-decoration: none;
		}
		
	/* FINE COLONNA SX */

	/* COLONNA DESTRA */
	
		.coldx{
			position: relative;
			width: 37%;
			padding: 0 0 80px 0;
			/*background-color: #f0f;*/
		}
		.coldx.conflex{
			display: flex;
			display: -webkit-flex;
			flex-direction: column;
			-webkit-flex-direction: column;
		}
		.coldx.conflex .tabellasticky{
			padding: 0 0 55px 0;
			/*position: -webkit-sticky;*/ /* Safari */
			/*position: sticky;*/
			/*padding: 55px 0 0 0;*/
			/*top: 55px;*/
		}
		/* testo motivazionale su colonna destra */
			.coldx .extramotivazione{
				padding: 0;
				margin: 0;
			}
			.coldx .extramotivazione ul li{ /* elenco puntato */
				line-height: 1.4em;
				padding: 0 0 12px 35px;
				background-image: url(/res/img/ul-motivazionale.svg);
				background-repeat: no-repeat;
				background-position: 0 4px;
				background-size: 20px;
			}
			.coldx .extramotivazione ol li{ /* pulsanti */
				margin:10px 0;
				padding:15px 10px 15px 10px;
				display: block;
				position: relative;
				color:#fff;
				text-align: center;
				background-color: #3E067F;
				width: calc(100% - 20px);
				border-radius: 50px;
				-moz-border-radius: 50px;
				-webkit-border-radius: 50px;
				background-image: none; /* devo specificarlo altrimenti prende la formattaizone del formattazionetesto*/
			}
			.coldx .extramotivazione ol li:hover{
				background-color: #38DBFF;
				-webkit-transition: all 0.4s ease;
				-moz-transition: all 0.4s ease;
				-o-transition: all 0.4s ease; 
				transition: all 0.4s ease;
			}
			.coldx .extramotivazione ol li a{
				color:#fff;
				display: block;
				/*white-space: nowrap;*/ /* tolgiere per far andare a capo */
				text-decoration: none;
			}
			.coldx .extramotivazione ol li a:hover{
				color:#000;
			}

			/* menu laterale usato nelle guide */
			.menudx{
				list-style: none;
			}
			.menudx li{
				margin:0;
				padding:0;
				display: block;
				position: relative;
				background-color: #e8e8e8;
				border-bottom: solid 1px #fff;
			}
			.menudx li a{
				line-height: 1.5em;
				color:#000;
				border-bottom: none;
				padding:16px 25px 13px 25px;
				display: block;
				/*white-space: nowrap;*/
				float: none;
				text-decoration: none;
			}
			.menudx li a:hover{
				color:#fff;
				border-bottom: none;
				background-color: #38DBFF;
				-webkit-transition: all 0.4s ease;
				-moz-transition: all 0.4s ease;
				-o-transition: all 0.4s ease; 
				transition: all 0.4s ease;
			}
			.menudx li a.attivo{
				color: #fff;
				background-color: #00b0f0;
			}
	
	/* BOX APRE */
		.boxapre{
			position: relative;
			width: 100%;
			margin: 0;
			padding: 30px 0;
			border-top: 1px solid #dfdfdf;
		}
		.boxapre:last-child{
			border-bottom: 1px solid #dfdfdf;
		}
		.boxapretitolo{
			width: calc(100% - 60px);
		}
		.boxapretitolo h3{
			padding: 0;  /* mi serve per eliminare il padding di default */
			line-height: 1.5em;
		}
		.boxapretitolo h3 img{
			position: absolute;
			top:30px;
			right: 0;
			width: 40px;
		}
		.boxapredescrizione{
			padding: 10px 0 0 0;
		}
	/* FINE BOX APRE */
	
	/* FOTO INTERNE */
	.immagineinterne{
		height: 230px;
		margin: 0 0 80px 0;
		background-position: 50% 0;
		background-repeat: no-repeat;
		background-size: cover;
	}
	/* FINE FOTO INTERNE */



	/* RIGA PREZZI SPECCHIETTO */
	.rigaprezzi{
		width: 100%;
		margin: 0 0 50px 0;
	}
	.specchietto{
		float: left;
		width: calc(33.33% - 80px);
		padding: 40px;
		
	}
	/* FINE RIGA PREZZI SPECCHIETTO */

}















@media all and (max-width: 1500px){
	body{font-size: 19px;}
	.container{
		max-width:1180px;
	}
	/* FORMATTAZIONE TESTO */
		.formattazionetesto{
			font-size: 19px;
			/*line-height: 1.8em;*/
		}
		.formattazionetesto p{
			padding: 0 0 23px 0;
		}
		.formattazionetesto h1{
			font-size: 43px;
			/*font-weight: 900;
			line-height: 1.2em;*/
			padding: 0 0 19px 0;
		}
		.formattazionetesto h2{
			font-size: 30px;
			/*font-weight: 900;
			line-height: 1.2em;*/
			padding: 0 0 19px 0;
		}
		.formattazionetesto h3{
			font-size: 22px;
			/*font-weight: 700;
			line-height: 1.2em;*/
			padding: 0 0 19px 0;
		}
		.formattazionetesto ul{
			padding: 0 0 23px 0;
		}
		.formattazionetesto ul li{
			padding: 5px 0 5px 33px;
			background-position: 0 9px;
			/*background-image: url(/res/img/ul-testi.svg);
			background-repeat: no-repeat;*/
		}
		.formattazionetesto ol li{
			padding: 5px 0 5px 33px;
			background-position: 0 9px;
			/*background-image: url(/res/img/ul-motivazionale.svg);
			background-repeat: no-repeat;*/
		}
	/* FINE FORMATTAZIONE TESTO */
	
	/* LINK CON IMMAGININIA */
        .linkrapidi{
            padding: 8px;
            /*margin: 0 0 10px 0;*/
            font-size: 13px;
            /*line-height: 1.2em;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px;*/
        }
        /*.linkrapidi:hover{
            background-color: #f7f7f7;
        }*/
        /*.linkrapidi:hover .divintrodettxttit{
            color: #38DBFF;
        }*/
        .linkrapidi .ico{
            /*float: left;*/
            width: 28px;
        }
        .linkrapidi .ico img{
            width: 20px;
        }
        .linkrapidi .spaziotxt{
            float: left;
            width: calc(100% - 28px);
        }
        .linkrapidi .spaziotxt .tit{
            font-size: 17px;
            /*font-weight: bold;*/
            padding: 0 0 8px 0;
        }
	/* FINE LINK CON IMMAGININIA */
	
	/* INTRO CON FOTO */
		.intro{
			/*display: flex;
			display: -webkit-flex;
			 flex-flow: row nowrap;
			-webkit-flex-flow: row nowrap;
			align-items: stretch;
			-webkit-align-items: stretch;
			justify-content: space-between;
			-webkit-justify-content: space-between;*/
			padding: 0 0 70px 0;
		}
		/*.bloccointro{
			display: flex;
			display: -webkit-flex;
			flex-direction: column;
			-webkit-flex-direction: column;
			width: 50%;
		}*/
		/* blocco immagine lato destro */
			/*.bloccointro:nth-child(2){
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				background-position: 50% 50%;
			}*/
		
		
		/* blocco testuale intro */
			/*.divrelativointro{position: relative;}*/
			.bloccointrotesto{
				/*float: right;*/
				width: calc(100% - 70px);
				max-width: 520px;
				padding: 60px 70px 60px 0;
			}
	/* FINE INTRO CON FOTO */

	/* MONORIGA */
		.monoriga{
			padding: 0 0 70px 0;
		}
	/* FINE MONORIGA */
	
	/* COLONNA SX */
		.colsx{
			width: 710px;
			padding: 0 70px 70px 0;
		}
	/* FINE COLONNA SX */

	/* COLONNA DESTRA*/
		.coldx{
			width: calc(100% - 780px);
			padding: 0 0 70px 0;
		}
		.coldx.conflex{
			/*display: flex;*/
		}
		.coldx.conflex .tabellasticky{
			/*padding: 55px 0 0 0;*/
			/*top: 95px;*/
		}
		
		/* testo motivazionale su colonna destra */
			.coldx .extramotivazione ul li{
				/*padding: 5px 0 5px 30px;*/
				/*background-position: 0 13px;*/
				background-size: 18px;
			}
			
			/* menu laterale usato nelle guide */
			/*.menudx li a{
				line-height: 1.5em;
				padding:16px 25px 13px 25px;
			}*/
			
			
			
	/* FINE COLONNA DESTRA*/
	
	/* BOX APRE */
		.boxapretitolo h3{
			padding: 0;  /* mi serve per eliminare il padding di default */
			line-height: 1.5em;
		}
	/* FINE BOX APRE */

	/* FOTO INTERNE */
	.immagineinterne{
		/*height: 230px;*/
		margin: 0 0 70px 0;
		/*background-position: 50% 0;
		background-repeat: no-repeat;*/
	}
	/* FINE FOTO INTERNE */


	/* RIGA PREZZI SPECCHIETTO */
	/*.rigaprezzi{
		width: 100%;
		margin: 0 0 50px 0;
	}*/
	.specchietto{
		/*float: left;*/
		width: calc(33.33% - 70px);
		padding: 35px;
		
	}
	/* FINE RIGA PREZZI SPECCHIETTO */
	


}









@media all and (max-width: 1300px){
	body{font-size: 18px;}
	.container{
		max-width:1080px;
		/*background-color: #333;*/
	}
	/* FORMATTAZIONE TESTO */
		.formattazionetesto{
			font-size: 18px;
			line-height: 1.6em;
		}
		.formattazionetesto p{
			padding: 0 0 20px 0;
		}
		.formattazionetesto h1{
			font-size: 36px;
			/*font-weight: 900;
			line-height: 1.2em;*/
			padding: 0 0 18px 0;
		}
		.formattazionetesto h2{
			font-size: 25px;
			/*font-weight: 900;
			line-height: 1.2em;*/
			padding: 0 0 18px 0;
		}
		.formattazionetesto h3{
			font-size: 20px;
			/*font-weight: 700;
			line-height: 1.2em;*/
			padding: 0 0 18px 0;
		}
		.formattazionetesto ul{
			padding: 0 0 20px 0;
		}
		.formattazionetesto ul li{
			padding: 5px 0 5px 32px;
			background-position: 0 7px;
			/*background-image: url(/res/img/ul-testi.svg);
			background-repeat: no-repeat;*/
		}
		.formattazionetesto ol li{
			padding: 5px 0 5px 32px;
			background-position: 0 7px;
			/*background-image: url(/res/img/ul-motivazionale.svg);
			background-repeat: no-repeat;*/
		}
	/* FINE FORMATTAZIONE TESTO */

	
	
	/* LINK CON IMMAGININIA */
        .linkrapidi{
            padding: 6px;
            /*margin: 0 0 10px 0;*/
            font-size: 12px;
            /*line-height: 1.2em;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px;*/
        }
        /*.linkrapidi:hover{
            background-color: #f7f7f7;
        }*/
        /*.linkrapidi:hover .divintrodettxttit{
            color: #38DBFF;
        }*/
        .linkrapidi .ico{
            /*float: left;*/
            width: 25px;
        }
        .linkrapidi .ico img{
            width: 16px;
        }
        .linkrapidi .spaziotxt{
            /*float: left;*/
            width: calc(100% - 25px);
        }
        .linkrapidi .spaziotxt .tit{
            font-size: 16px;
            /*font-weight: bold;*/
            padding: 0 0 6px 0;
        }
	/* FINE LINK CON IMMAGININIA */
	
	
	/* INTRO CON FOTO */

		.intro{
			/*display: flex;
			display: -webkit-flex;
			 flex-flow: row nowrap;
			-webkit-flex-flow: row nowrap;
			align-items: stretch;
			-webkit-align-items: stretch;
			justify-content: space-between;
			-webkit-justify-content: space-between;*/
			padding: 0 0 60px 0;
		}
		/*.bloccointro{
			display: flex;
			display: -webkit-flex;
			flex-direction: column;
			-webkit-flex-direction: column;
			width: 50%;
		}*/
		
		/* blocco immagine lato destro */
			/*.bloccointro:nth-child(2){
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				background-position: 50% 50%;
			}*/

		
		/* blocco testuale intro */
			/*.divrelativointro{position: relative;}*/
			.bloccointrotesto{
				/*float: right;*/
				width: calc(100% - 60px);
				max-width: 480px;
				padding: 50px 60px 60px 0;
			}


	/* FINE INTRO CON FOTO */	

	/* MONORIGA */
		.monoriga{
			padding: 0 0 60px 0;
		}
	/* FINE MONORIGA */
	
	/* COLONNA SX */
		.colsx{
			width: 630px;
			padding: 0 60px 60px 0;
		}
	/* FINE COLONNA SX */
			
	/* COLONNA DESTRA*/
		.coldx{
			width: calc(100% - 690px);
			padding: 0 0 60px 0;
		}
		.coldx.conflex{
			/*display: flex;*/
		}
		.coldx.conflex .tabellasticky{
			padding: 0 0 50px 0;
			/*padding: 50px 0 0 0;
			top: 50px;*/
		}
		/* testo motivazionale su colonna destra */
			.coldx .extramotivazione ul li{
				padding: 5px 0 5px 27px;
				background-position: 0 10px;
				background-size: 16px;
			}
		
			/* menu laterale usato nelle guide */
			/*.menudx li a{
				line-height: 1.5em;
				padding:16px 25px 13px 25px;
			}*/
		
	
	/* FINE COLONNA DESTRA*/
	
	/* BOX APRE */
		.boxapretitolo h3{
			padding: 0;  /* mi serve per eliminare il padding di default */
			line-height: 1.5em;
		}
	/* FINE BOX APRE */
	
	/* FOTO INTERNE */
	.immagineinterne{
		/*height: 230px;*/
		margin: 0 0 60px 0;
		/*background-position: 50% 0;
		background-repeat: no-repeat;*/
	}
	/* FINE FOTO INTERNE */
	

	/* RIGA PREZZI SPECCHIETTO */
	/*.rigaprezzi{
		width: 100%;
		margin: 0 0 50px 0;
	}*/
	.specchietto{
		/*float: left;*/
		width: calc(33.33% - 50px);
		padding: 25px;
		
	}
	/* FINE RIGA PREZZI SPECCHIETTO */
	
	
	
	
	
}










@media all and (max-width: 1160px){
	body{font-size: 17px;}
	.container{
		max-width:930px;
		/*background-color: #f0f;*/
	}
	/* FORMATTAZIONE TESTO */
		.formattazionetesto{
			font-size: 17px;
			/*line-height: 1.6em;*/
		}
		.formattazionetesto p{
			padding: 0 0 18px 0;
		}
		.formattazionetesto h1{
			font-size: 32px;
			/*font-weight: 900;
			line-height: 1.2em;*/
			padding: 0 0 17px 0;
		}
		.formattazionetesto h2{
			font-size: 22px;
			/*font-weight: 900;
			line-height: 1.2em;*/
			padding: 0 0 17px 0;
		}
		.formattazionetesto h3{
			font-size: 18px;
			/*font-weight: 700;
			line-height: 1.2em;*/
			padding: 0 0 17px 0;
			
		}
		.formattazionetesto ul{
			padding: 0 0 18px 0;
		}
		.formattazionetesto ul li{
			/*padding: 5px 0 5px 32px;
			background-position: 0 7px;*/
			/*background-image: url(/res/img/ul-testi.svg);
			background-repeat: no-repeat;*/
		}
		.formattazionetesto ol li{
			/*padding: 5px 0 5px 32px;
			background-position: 0 7px;*/
			/*background-image: url(/res/img/ul-motivazionale.svg);
			background-repeat: no-repeat;*/
		}
	/* FINE FORMATTAZIONE TESTO */	

	/* LINK CON IMMAGININIA */
        .linkrapidi{
            /*padding: 6px;*/
            /*margin: 0 0 10px 0;*/
            /*font-size: 12px;*/
            /*line-height: 1.2em;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px;*/
        }
        /*.linkrapidi:hover{
            background-color: #f7f7f7;
        }*/
        /*.linkrapidi:hover .divintrodettxttit{
            color: #38DBFF;
        }*/
        .linkrapidi .ico{
            /*float: left;*/
			padding: 3px 0 0 0;
            width: 22px;
        }
        .linkrapidi .ico img{
            width: 14px;
        }
        .linkrapidi .spaziotxt{
            /*float: left;*/
            width: calc(100% - 22px);
        }
        .linkrapidi .spaziotxt .tit{
            font-size: 15px;
            /*font-weight: bold;*/
            padding: 0 0 6px 0;
			line-height: 1.3em;
        }
	/* FINE LINK CON IMMAGININIA */

	/* INTRO CON FOTO */
		.intro{
			/*display: flex;
			display: -webkit-flex;
			 flex-flow: row nowrap;
			-webkit-flex-flow: row nowrap;
			align-items: stretch;
			-webkit-align-items: stretch;
			justify-content: space-between;
			-webkit-justify-content: space-between;*/
			/*padding: 0 0 60px 0;*/
			/*padding: 0 0 600px 0;*/
		}
		.bloccointro{
			/*display: flex;
			display: -webkit-flex;
			flex-direction: column;
			-webkit-flex-direction: column;*/
			width: 65%;
			
		}
		/* blocco immagine lato destro */
			.bloccointro:nth-child(2){
				width: 35%;
				/*-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				background-position: 50% 50%;*/
			}

		
		/* blocco testuale intro */
			/*.divrelativointro{position: relative;}*/
			.bloccointrotesto{
				/*float: right;*/
				width: calc(100% - 60px);
				max-width: 600px;
				padding: 50px 40px 60px 20px;
				/*background-color: #ff0;*/
			}



	/* FINE INTRO CON FOTO */

	/* MONORIGA */
		.monoriga{
			padding: 0 0 60px 0;
		}
	/* FINE MONORIGA */

	/* COLONNA SX */
		.colsx{
			width: 595px;
			padding: 0 40px 60px 0;
		}

	/* FINE COLONNA SX */

	/* COLONNA DESTRA*/
		.coldx{
			width: calc(100% - 635px);
			/*padding: 0 0 60px 0;*/
		}
		.coldx.conflex{
			/*display: flex;*/
		}
		.coldx.conflex .tabellasticky{
			/*padding: 50px 0 0 0;*/
			/*top: 50px;*/
		}
		/* testo motivazionale su colonna destra */
			.coldx .extramotivazione ul li{
				padding: 5px 0 5px 25px;
				background-position: 0 10px;
				background-size: 14px;
			}
			.menudx li a{
				line-height: 1.4em;
				padding:13px 20px 10px 20px;
			}

	/* FINE COLONNA DESTRA*/
	
	/* BOX APRE */
		.boxapretitolo h3{
			padding: 0;  /* mi serve per eliminare il padding di default */
			line-height: 1.5em;
		}
	/* FINE BOX APRE */
	
	/* FOTO INTERNE */
	.immagineinterne{
		/*height: 230px;*/
		/*margin: 0 0 70px 0;*/
		/*background-position: 50% 0;
		background-repeat: no-repeat;*/
	}
	/* FINE FOTO INTERNE */


	/* RIGA PREZZI SPECCHIETTO */
	/*.rigaprezzi{
		width: 100%;
		margin: 0 0 50px 0;
	}*/
	.specchietto{
		/*float: left;*/
		width: calc(33.33% - 30px);
		padding: 15px;
		
	}
	/* FINE RIGA PREZZI SPECCHIETTO */

}



















@media all and (max-width: 990px){
	body{font-size: 16px;}
	.container{max-width:700px;}
	.container .flex{ /* usato dove c'è lo stiky del configuratotre prezzo */
		/*display: flex;
		display: -webkit-flex;*/
		flex-flow: row wrap;
		-webkit-flex-flow: row wrap;
		/*align-items: stretch;
		-webkit-align-items: stretch;
		justify-content: space-between;
		-webkit-justify-content: space-between;*/
	}
	.displaynonecell{ /* ustato ad esempio per il menù latwrale nelle guide che nascondo a @media all and (max-width: 990px){ */
		display: none;
	}
	
	/* FORMATTAZIONE TESTO */
		.formattazionetesto{
			font-size: 16px;
			/*line-height: 1.6em;*/
		}
		.formattazionetesto p{
			padding: 0 0 16px 0;
		}
		.formattazionetesto h1{
			font-size: 28px;
			/*font-weight: 900;
			line-height: 1.2em;*/
			padding: 0 0 16px 0;
		}
		.formattazionetesto h2{
			font-size: 22px;
			/*font-weight: 900;
			line-height: 1.2em;*/
			padding: 0 0 16px 0;
		}
		.formattazionetesto h3{
			font-size: 16px;
			/*font-weight: 700;
			line-height: 1.2em;*/
			padding: 0 0 16px 0;
		}
		.formattazionetesto ul{
			padding: 0 0 16px 0;
		}
		.formattazionetesto ul li{
			padding: 4px 0 4px 28px;
			background-position: 0 5px;
			background-size: 20px;
			/*background-image: url(/res/img/ul-testi.svg);
			background-repeat: no-repeat;*/
		}
		.formattazionetesto ol li{
			padding: 4px 0 4px 28px;
			background-position: 0 5px;
			background-size: 20px;
			/*background-image: url(/res/img/ul-motivazionale.svg);
			background-repeat: no-repeat;*/
		}
	/* FINE FORMATTAZIONE TESTO */
	
	/* LINK CON IMMAGININIA */
        .linkrapidi{
            /*padding: 6px;*/
            /*margin: 0 0 10px 0;*/
            /*font-size: 12px;*/
            /*line-height: 1.2em;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px;*/
        }
        /*.linkrapidi:hover{
            background-color: #f7f7f7;
        }*/
        /*.linkrapidi:hover .divintrodettxttit{
            color: #38DBFF;
        }*/
        .linkrapidi .ico{
            /*float: left;*/
			/*padding: 3px 0 0 0;*/
            width: 25px;
        }
        .linkrapidi .ico img{
            width: 16px;
        }
        .linkrapidi .spaziotxt{
            /*float: left;*/
            width: calc(100% - 25px);
        }
        .linkrapidi .spaziotxt .tit{
            font-size: 16px;
            /*font-weight: bold;*/
            /*padding: 0 0 6px 0;*/
			/*line-height: 1.3em;*/
        }
	/* FINE LINK CON IMMAGININIA */
	
	/* INTRO CON FOTO */
		.intro{
			/*display: flex;
			display: -webkit-flex;
			 flex-flow: row nowrap;
			-webkit-flex-flow: row nowrap;
			align-items: stretch;
			-webkit-align-items: stretch;
			justify-content: space-between;
			-webkit-justify-content: space-between;*/
			/*padding: 0 0 60px 0;*/
		}
		.bloccointro{
			/*display: flex;
			display: -webkit-flex;
			flex-direction: column;
			-webkit-flex-direction: column;*/
			/*width: 65%;*/
		}
		/* blocco immagine lato destro */
			.bloccointro:nth-child(2){
				/*width: 35%;*/
				/*-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				background-position: 50% 50%;*/
			}

		/* blocco testuale intro */
			/*.divrelativointro{position: relative;}*/
			.bloccointrotesto{
				/*float: right;*/
				width: calc(100% - 50px);
				max-width: 465px;
				padding: 40px 30px 55px 20px;
				/*background-color: #ff0;*/
			}

	/* FINE INTRO CON FOTO */

	/* MONORIGA */
		.monoriga{
			padding: 0 0 40px 0;
		}
	/* FINE MONORIGA */

	/* COLONNA SX */
		.colsx{
			width: 100%;
			padding: 0 0 40px 0;
			/*background-color: #00f;*/
		}
		.colsx.conflex{
			/*display: flex;
			display: -webkit-flex;
			flex-direction: column;
			-webkit-flex-direction: column;*/
			width: 100%;
		}
		.colsx .pulsantivaialprezzo{
			display: block;
			/*font-weight: bold;*/
			font-size: 18px;
			margin: 10px 0 25px 0;
			padding: 14px 0;
			/*text-align: center;
			width: 100%;
			border-radius: 50px;
			-moz-border-radius: 50px;
			-webkit-border-radius: 50px;
			background-color: #38DBFF;*/
		}
		/*.colsx .pulsantivaialprezzo a{
			color: #000;
			text-decoration: none;
		}*/
	/* FINE COLONNA SX */
			
	/* COLONNA DESTRA*/
		.coldx{
			width: 100%;
			padding: 0 0 40px 0;
		}
		.coldx.conflex{
			/*display: flex;*/
			width: 100%;
		}
		.coldx.conflex .tabellasticky{
			/*padding: 50px 0 0 0;*/
			/*top: 50px;*/
		}
		/* testo motivazionale su colonna destra */
			.coldx .extramotivazione ul li{
				padding: 5px 0 5px 30px;
				background-position: 0 8px;
				background-size: 18px;
			}
	/* FINE COLONNA DESTRA*/
	
	/* BOX APRE */
		.boxapretitolo h3{
			padding: 0;  /* mi serve per eliminare il padding di default */
			line-height: 1.5em;
		}
	/* FINE BOX APRE */
	
	/* FOTO INTERNE */
	.immagineinterne{
		/*height: 230px;*/
		/*margin: 0 0 60px 0;*/
		/*background-position: 50% 0;
		background-repeat: no-repeat;*/
	}
	/* FINE FOTO INTERNE */
	
	/* RIGA PREZZI SPECCHIETTO */
	/*.rigaprezzi{
		width: 100%;
		margin: 0 0 50px 0;
	}*/
	.specchietto{
		/*float: left;*/
		width: calc(33.33% - 10px);
		padding: 5px;
		
	}
	/* FINE RIGA PREZZI SPECCHIETTO */
	
}























@media all and (max-width: 760px){
	/*body{font-size: 16px;}*/
	.container{
		width:90%;
		margin:0 5%;
	}
	/* FORMATTAZIONE TESTO */
		.formattazionetesto{
			/*font-size: 16px;*/
			/*line-height: 1.6em;*/
		}
		.formattazionetesto p{
			/*padding: 0 0 16px 0;*/
		}
		.formattazionetesto h1{
			/*font-size: 28px;*/
			/*font-weight: 900;
			line-height: 1.2em;*/
			padding: 0 0 15px 0;
		}
		.formattazionetesto h2{
			font-size: 20px;
			/*font-weight: 900;
			line-height: 1.2em;*/
			padding: 0 0 15px 0;
		}
		.formattazionetesto h3{
			/*font-size: 16px;*/
			/*font-weight: 700;
			line-height: 1.2em;*/
			padding: 0 0 15px 0;
		}
		.formattazionetesto ul{
			/*padding: 0 0 16px 0;*/
		}
		.formattazionetesto ul li{
			padding: 3px 0 3px 26px;
			background-position: 0 5px;
			background-size: 18px;
			/*background-image: url(/res/img/ul-testi.svg);
			background-repeat: no-repeat;*/
		}
		.formattazionetesto ol li{
			padding: 3px 0 3px 26px;
			background-position: 0 5px;
			background-size: 18px;
			/*background-image: url(/res/img/ul-motivazionale.svg);
			background-repeat: no-repeat;*/
		}
	/* FINE FORMATTAZIONE TESTO */
	
	/* LINK CON IMMAGININIA */
        .linkrapidi{
            /*padding: 6px;*/
            /*margin: 0 0 10px 0;*/
            /*font-size: 12px;*/
            /*line-height: 1.2em;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px;*/
        }
        /*.linkrapidi:hover{
            background-color: #f7f7f7;
        }*/
        /*.linkrapidi:hover .divintrodettxttit{
            color: #38DBFF;
        }*/
        .linkrapidi .ico{
            /*float: left;*/
			/*padding: 3px 0 0 0;*/
            /*width: 25px;*/
        }
        .linkrapidi .ico img{
            /*width: 16px;*/
        }
        .linkrapidi .spaziotxt{
            /*float: left;*/
            /*width: calc(100% - 25px);*/
        }
        .linkrapidi .spaziotxt .tit{
            /*font-size: 16px;*/
            /*font-weight: bold;*/
            /*padding: 0 0 6px 0;*/
			/*line-height: 1.3em;*/
        }
	/* FINE LINK CON IMMAGININIA */
	
	/* INTRO CON FOTO */
			.intro{
				display: flex;
				display: -webkit-flex;
				flex-flow: column nowrap;
				-webkit-flex-flow: column nowrap;
				align-items: stretch;
				-webkit-align-items: stretch;
				justify-content: space-between;
				-webkit-justify-content: space-between;
				/*padding: 0 0 60px 0;*/
			}
			.bloccointro{
				/*display: flex;
				display: -webkit-flex;
				flex-direction: column;
				-webkit-flex-direction: column;*/
				width: 100%;
			}
			/* blocco immagine lato destro */
				.bloccointro:nth-child(2){
					height: 120px;
					width: 100%;
					/*-webkit-background-size: cover;
					-moz-background-size: cover;
					-o-background-size: cover;
					background-size: cover;
					background-position: 50% 50%;*/
				}
			
			/* blocco testuale intro */
				/*.divrelativointro{position: relative;}*/
				.bloccointrotesto{
					/*float: right;*/
					width:90%;
					margin:0 5%;
					max-width: none;
					padding: 30px 0 45px 0;
					/*background-color: #ff0;*/
				}

	/* INTRO CON FOTO */

	/* MONORIGA */
		/*.monoriga{
			padding: 0 0 80px 0;
		}*/
	/* FINE MONORIGA */

	/* COLONNA SX */
		/*.colsx{
			width: 100%;
			padding: 0 0 0 0;
		}*/
	/* FINE COLONNA SX */
			
	/* COLONNA DESTRA*/
		.coldx{
			/*width: 100%;*/
		}
		/* testo motivazionale su colonna destra */
			.coldx .extramotivazione ul li{
				/*padding: 5px 0 5px 30px;
				background-position: 0 9px;*/
			}


	/* FINE COLONNA DESTRA*/
	
	/* BOX APRE */
		.boxapretitolo h3{
			padding: 0;  /* mi serve per eliminare il padding di default */
			line-height: 1.5em;
		}
	/* FINE BOX APRE */

	/* FOTO INTERNE */
	.immagineinterne{
		/*height: 230px;*/
		/*margin: 0 0 60px 0;*/
		/*background-position: 50% 0;
		background-repeat: no-repeat;*/
	}
	/* FINE FOTO INTERNE */
	
	
	/* RIGA PREZZI SPECCHIETTO */
	/*.rigaprezzi{
		width: 100%;
		margin: 0 0 50px 0;
	}*/
	.specchietto{
		float: none;
		width: 80%;
		padding: 15px 10% 25px 10%;
		
	}
	/* FINE RIGA PREZZI SPECCHIETTO */
	
}
























@media all and (max-width: 520px){
	/*.container{
		width:94%;
		margin:0 3%;
	}*/
}















@media all and (max-width: 380px){
	/*.container{
		max-width:92%;
		padding: 0 4%;
	}*/
}