﻿.testoNormale {
    font-weight:normal;
}

.testoNero {
    font-weight: normal;
    color: #333;
}

.testoGrassetto {
    font-weight: bold;
}

.testoCorsivo {
    font-style: italic;
}

.testoGiustificato {
    text-align: justify;
}

.testoEvidenziatoGiallo {
    background-color:yellow;
}

.testoGiustificatoMaxW460 {
    text-align: center;
}

.visibleMaxW460 {
    display: none;
}

.visibleMinW460 {
    display: block;
}

.visibleMinW560 {
    display: block;
}
.testoASinistra {
    text-align: left;
}

.testoCentrato {
    text-align: center;
}

.testoADestra {
    text-align: right;
}

.testoViola {
    color: #cc00cc;
}

.testoBlu {
    /*color: #00b0f0; */
    color: #006699;
}

.testoVerde {
    color: #95d050;
}

.testoRosso {
    color: #cb3234;
}

.testoTurchese {
    /*color: #00b0f0; */
    color: #00B0F0;
}

.testoCeleste {
    /*color: #00b0f0; */
    color: #0070c0;
}

.testoBianco {
    color: #ffffff;
}

.testoGrigioChiaro {
    color: lightgray;
}

.testoGrigio {
    color: gray;
}

.testoGiallo {
    color: yellow;
}

.testoSottolineatoViola {
    text-decoration-color:#cc00cc;
    text-decoration:underline;
}

titolo1 {
    /*font-size: 54px;
    line-height:70px;*/
    font-size: calc(25px + (54 - 25) * ((100vw - 300px) / (1600 - 300)));
    line-height: calc(32px + (70 - 32) * ((100vw - 300px) / (1600 - 300)));
    text-rendering: optimizeLegibility;
}

.titoloSectionTesto titolo1 {
    font-size: calc(30px + (50 - 30) * ((100vw - 300px) / (1600 - 300)));
    line-height: calc(35px + (56 - 35) * ((100vw - 300px) / (1600 - 300)));
    text-rendering: optimizeLegibility;
}

.titoloSectionTesto2 titolo1 {
    font-size: calc(23px + (51 - 23) * ((100vw - 300px) / (1600 - 300)));
    line-height: calc(28px + (57 - 28) * ((100vw - 300px) / (1600 - 300)));
    text-rendering: optimizeLegibility;
}

.titoloSectionTesto4 titolo1 {
    font-size: calc(22px + (48 - 22) * ((100vw - 300px) / (1600 - 300)));
    line-height: calc(27px + (54 - 27) * ((100vw - 300px) / (1600 - 300)));
    text-rendering: optimizeLegibility;
}

titolo1A {
    font-size: 45px;
    line-height: 60px;
    text-rendering: optimizeLegibility;
}

titolo2 {
    font-size: calc(22px + (45 - 22) * ((100vw - 300px) / (1600 - 300)));
    line-height: calc(27px + (50 - 27) * ((100vw - 300px) / (1600 - 300)));
    /*font-size: 45px;
    line-height: 50px;*/
    text-rendering: optimizeLegibility;
}

.titoloSectionTesto2 titolo2 {
    font-size: calc(16px + (36 - 16) * ((100vw - 300px) / (1600 - 300)));
    line-height: calc(21px + (41 - 21) * ((100vw - 300px) / (1600 - 300)));
    text-rendering: optimizeLegibility;
}

.titoloSectionTesto3 titolo2 {
    font-size: calc(20px + (45 - 20) * ((100vw - 300px) / (1600 - 300)));
    line-height: calc(25px + (50 - 25) * ((100vw - 300px) / (1600 - 300)));
    text-rendering: optimizeLegibility;
}

titolo3 {
    /*font-size: 30px;
    line-height: 40px;*/
    font-size: calc(18px + (30 - 18) * ((100vw - 300px) / (1600 - 300)));
    line-height: calc(18px + (40 - 18) * ((100vw - 300px) / (1600 - 300)));
    text-rendering: optimizeLegibility;
}

titolo4 {
    /*font-size: 23px;
    line-height: 33px;*/
    font-size: calc(20px + (23 - 20) * ((100vw - 300px) / (1600 - 300)));
    line-height: calc(25px + (33 - 25) * ((100vw - 300px) / (1600 - 300)));
    text-rendering: optimizeLegibility;
}

titolo5 {
    font-size: calc(14px + (20 - 14) * ((100vw - 300px) / (1600 - 300)));
    line-height: calc(18px + (33 - 18) * ((100vw - 300px) / (1600 - 300)));
    text-rendering: optimizeLegibility;
}

.titoloSectionTesto titolo5 {
    font-size: calc(12px + (20 - 12) * ((100vw - 300px) / (1600 - 300)));
    line-height: calc(17px + (33 - 17) * ((100vw - 300px) / (1600 - 300)));
    text-rendering: optimizeLegibility;
}


text1 {
    font-size: calc(28px + (35 - 28) * ((100vw - 300px) / (1600 - 300)));
    line-height: calc(36px + (45 - 32) * ((100vw - 300px) / (1600 - 300)));
    text-rendering: optimizeLegibility;
}

text2 {
    font-size: calc(24px + (28 - 24) * ((100vw - 300px) / (1600 - 300)));
    line-height: calc(29px + (36 - 29) * ((100vw - 300px) / (1600 - 300)));
    text-rendering: optimizeLegibility;
}

text2Ridotto {
    font-size: calc(18px + (24 - 18) * ((100vw - 300px) / (1600 - 300)));
    line-height: calc(29px + (36 - 29) * ((100vw - 300px) / (1600 - 300)));
    text-rendering: optimizeLegibility;
}

text3 {
    font-family: 'Freight Sans Bold', Helvetica, Arial, sans-serif !important;
    /*font-size: 24px;*/
    font-size: calc(18px + (24 - 18) * ((100vw - 300px) / (1600 - 300)));
    line-height: calc(25px + (28 - 25) * ((100vw - 300px) / (1600 - 300)));
    text-rendering: optimizeLegibility;
}

text4 {
    font-size: calc(16px + (16 - 16) * ((100vw - 300px) / (1600 - 300)));
    line-height: calc(24px + (24 - 24) * ((100vw - 300px) / (1600 - 300)));
    /*font-size: 16px;
    line-height: 24px;*/
    text-rendering: optimizeLegibility;
}

text4Piu {
    font-size: 18px;
    line-height: 24px;
    text-rendering: optimizeLegibility;
}

text5 {
    font-size: 14px;
    /*line-height: 20px;*/
    text-rendering: optimizeLegibility;
}

text6 {
    font-size: 10px;
    /*line-height: 15px;*/
    text-rendering: optimizeLegibility;
}

textButton {
    font-size: 18px;
    line-height: 25px;
}

textButtonMax {
    font-size: 20px;
    line-height: 30px;
}

textButtonMedio {
    font-size: 16px;
    line-height: 25px;
}

textButtonSub {
    font-size: 12px;
    line-height: 19px;
}

.testoACapoMinW310 {
    display: block;
}

text4ACapoW660 {
    font-size: 25px;
    line-height: 28px;
}

.testoACapoMinW760 {
    display: block;
}

.testoACapoMinW710 {
    display: block;
}

.testoACapoMinW610 {
    display: block;
}

.testoACapoMinW560 {
    display: block;
}

.testoACapoMinW460 {
    display: block;
}

.testoACapoMaxW360 {
    display: inline;
}

.testoACapoMinW360 {
    display: block;
}

.testoACapoMaxW660 {
    display: inline;
}

.testoACapoMaxW560 {
    display: inline;
}

.testoACapoMaxW460 {
    display: inline;
}

.testoACapo {
    display: block;
}

.testoDisplayMinW560 {
    display: inline;
}

.visibleMaxW610 {
    display: none;
}

.testoGrassettoMaxW460 {
    font-weight:normal;
}

.testoUppercaseMaxW460 {
    text-transform: none;
}


.riquadroViola {
	border-radius: 15px;
	border: 1px solid #cc00cc;
	}

ul.elenco li::before {
    content: "\2022"; /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: #00000; /* Change the color */ */ font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 1em; /* Also needed for space (tweak if needed) */
    margin-left: -1em; /* Also needed for space (tweak if needed) */
}

.riquadroBorderSolidTopViola {
    padding: 1% 2%;
    border-top: 7px solid #cc00cc;
	width:100%;
	margin:auto;	

}

.riquadroBorderSolidBottomViola {
    padding: 1% 2%;
    border-bottom: 7px solid #cc00cc;
	width:100%;
	margin:auto;	

}


.riquadroBorderDashedSolidBackground {
    padding: 3%;
    border: 3px dashed #000;
    border-radius: 5px;
	background-color: #cc00cc;
	width: 70%;
	margin:auto;
}

.buttonViolaBorderDotted {
    border: 3px dashed #000;
    border-radius: 10px;
    width: 95%;
    margin: auto;
    cursor:pointer
}

.buttonViolaBorderDotted div {
    background-color: #cc00cc;
    padding: 4%;
    border-radius: 10px
}

.buttonViolaBorderOmbreggiato {
    -moz-box-shadow: 0 0 5px #800080;
    -webkit-box-shadow: 0 0 5px #800080;
    box-shadow: 0 0 5px #800080;
    border-radius: 10px;
    width: 95%;
    margin: auto;
    cursor: pointer
}

.buttonViolaBorderOmbreggiato div {
    background-color: #cc00cc;
    padding: 4%;
    border-radius: 10px
}

.buttonViolaBorderOmbreggiato div:hover {
    background-color: #800080;
}

.buttonViolaBorderOmbreggiato div.NoPaddingBottom {
    padding: 2% 4% 1% 4%;
}

.buttonCelesteBorderOmbreggiato {
    -moz-box-shadow: 0 0 5px #00B0F0;
    -webkit-box-shadow: 0 0 5px #00B0F0;
    box-shadow: 0 0 5px #00B0F0;
    border-radius: 10px;
    width: 95%;
    margin: auto;
    cursor: pointer
}

.buttonCelesteBorderOmbreggiato div {
    background-color: #00B0F0;
    padding: 4%;
    border-radius: 10px
}

.buttonCelesteBorderOmbreggiato div:hover {
    background-color: #006699;
}

.buttonCelesteBorderOmbreggiato div.NoPaddingBottom {
    padding: 2% 4% 1% 4%;
}

.buttonCeleste {
    border-radius: 10px;
    width: 95%;
    margin: auto;
    cursor: pointer
}

.buttonCeleste div {
    background-color: #00B0F0;
    padding: 4%;
    border-radius: 10px
}

.buttonCeleste div:hover {
    background-color: #006699;
}

.buttonCeleste div.NoPaddingBottom {
    padding: 2% 4% 1% 4%;
}

.elencorientrato {
    padding-left: 7%;
}


/*.buttonBlu{
    width:100%;
}*/

/*@media screen and (max-width:1050px) 
{
    .titoloSectionTesto titolo1 {
        font-size: 5vw;
        line-height: 5.5vw;
    }
}*/

/*@media screen and (max-width:960px) {
    titolo1 {
        font-size: 6vw;
        line-height: 8vw;
    }

    titolo1A {
        font-size: 5.9vw;
        line-height: 8vw;
    }

    titolo2 {
        font-size: 5vw;
        line-height: 5vw;
    }

    titolo4 {
        font-size: 2.4vw;
        line-height: 3.3vw;
    }

    textButton {
        font-size: 2.0vw;
        line-height: 2.8vw;
    }

    textButtonSub {
        font-size: 1.5vw;
        line-height: 2.2vw;
    }

    text4ACapoW660 {
        font-size: 2.7vw;
        line-height: 3vw;
        display: inline;
    }
}

@media screen and (max-width:910px) {
    titolo1 {
        font-size: 6.4vw;
        line-height: 8.4vw;
    }

    titolo2 {
        font-size: 5.3vw;
        line-height: 5.3vw;
    }
}

@media screen and (max-width:860px) {

    titolo1 {
        font-size: 6.8vw;
        line-height: 8.8vw;
    }

    titolo2 {
        font-size: 5.6vw;
        line-height: 5.6vw;
    }
}

@media screen and (max-width:810px) {
    titolo1 {
        font-size: 7.2vw;
        line-height: 9.2vw;
    }

    titolo2 {
        font-size: 5.9vw;
        line-height: 5.9vw;
    }

    titolo4 {
        font-size: 2.6vw;
        line-height: 3.5vw;
    }

    .testoACapoW810510 {
        display: block;
    }
}

@media screen and (max-width:760px) {

    titolo1 {
        font-size: 7.6vw;
        line-height: 9.6vw;
    }

    titolo2 {
        font-size: 6.2vw;
        line-height: 6.2vw;
    }

    titolo4 {
        font-size: 2.8vw;
        line-height: 3.7vw;
    }

    text1 {
        font-size: 30px;
    }

    textButton {
        font-size: 2.5vw;
        line-height: 3.2vw;
        display: block;
    }

    textButtonSub {
        font-size: 1.9vw;
        line-height: 2.8vw;
    }

    text4ACapoW660 {
        font-size: 3.3vw;
        line-height: 3.6vw;
        display: inline;
    }

    .testoACapoMinW760 {
        display: inline;
    }
}

@media screen and (max-width:710px) {
    titolo1 {
        font-size: 8vw;
        line-height: 10vw;
    }

    titolo2 {
        font-size: 6.5vw;
        line-height: 6.5vw;
    }

    titolo4 {
        font-size: 3vw;
        line-height: 3.9vw;
    }

    textButton {
        font-size: 2.65vw;
        line-height: 3.4vw;
        display: block;
    }

    textButtonSub {
        font-size: 2.1vw;
        line-height: 3vw;
    }

    .testoACapoMinW710 {
        display: inline;
    }
}

@media screen and (max-width:660px) {
    titolo1 {
        font-size: 8.4vw;
        line-height: 10.4vw;
    }

    titolo2 {
        font-size: 6.9vw;
        line-height: 6.9vw;
    }

    titolo4 {
        font-size: 3.2vw;
        line-height: 4.1vw;
    }

    textButton {
        font-size: 2.8vw;
        line-height: 3.6vw;
        display: block;
    }

    textButtonSub {
        font-size: 2.3vw;
        line-height: 3.2vw;
    }

    text4ACapoW660 {
        font-size: 3.9vw;
        line-height: 4.2vw;
        display: block;
    }

    .testoACapoMaxW660 {
        display: block;
    }
}

@media screen and (max-width:610px) {

    titolo1 {
        font-size: 8.8vw;
        line-height: 10.8vw;
    }

    titolo2 {
        font-size: 7.2vw;
        line-height: 7.2vw;
    }

    titolo4 {
        font-size: 3.4vw;
        line-height: 4.3vw;
    }

    textButton {
        font-size: 2.95vw;
        line-height: 3.8vw;
        display: block;
    }

    textButtonSub {
        font-size: 2.5vw;
        line-height: 3.4vw;
    }

    text4ACapoW660 {
        font-size: 3.9vw;
        line-height: 4.2vw;
        display: block;
    }

    .testoACapoMinW610 {
        display: inline;
    }

    .visibleMaxW610 {
        display: inline;
    }
}

@media screen and (max-width:560px) {

    titolo1 {
        font-size: 9.2vw;
        line-height: 11.2vw;
    }

    titolo2 {
        font-size: 7.5vw;
        line-height: 7.5vw;
    }

    titolo4 {
        font-size: 3.6vw;
        line-height: 4.5vw;
    }

    textButton {
        font-size: 3.1vw;
        line-height: 4vw;
        display: inline;
    }

    textButtonSub {
        font-size: 2.7vw;
        line-height: 3.6vw;
    }

    textACapoSmall {
        font-size: 4.5vw;
        line-height: 4.8vw;
        display: inline;
    }

    .testoACapoMinW560 {
        display: inline;
    }

    .testoACapoMaxW560 {
        display: block;
    }

    .testoDisplayMinW560 {
        display: none;
    }
}

@media screen and (max-width:510px) {

    titolo1 {
        font-size: 9.6vw;
        line-height: 11.6vw;
    }

    titolo2 {
        font-size: 7.8vw;
        line-height: 7.8vw;
    }

    titolo4 {
        font-size: 4vw;
        line-height: 4.9vw;
    }

    textButton {
        font-size: 3.25vw;
        line-height: 4.2vw;
        display: inline;
    }

    textButtonSub {
        font-size: 2.9vw;
        line-height: 3.8vw;
    }

    .testoACapoW810510 {
        display: inline;
    }
}
*/

@media screen and (max-width: 560px) {

    .visibleMinW560 {
        display: none;
    }
}
@media screen and (max-width:460px) {

    /*titolo1 {
        font-size: 9.5vw;
        line-height: 12vw;
    }

    titolo2 {
        font-size: 8.1vw;
        line-height: 8.1vw;
    }

    textButton {
        font-size: 3.5vw;
        line-height: 4.5vw;
    }

    textButtonSub {
        font-size: 3.0vw;
        line-height: 4vw;
    }

    text4ACapoW660 {
        font-size: 6.1vw;
        line-height: 7vw;
        display: block;
    }
*/
    .testoACapoMinW460 {
        display: inline;
    }

    .testoACapoMaxW460 {
        display: block;
    }

    .testoGrassettoMaxW460 {
        font-weight: bold;
    }

    .testoUppercaseMaxW460 {
        text-transform: uppercase;
    }
	
	.testoGiustificatoMaxW460 {
    text-align: justify;
    }

    .visibleMaxW460 {
        display: block;
		
    }

    .visibleMinW460 {
        display: none;
		
    }
}

/*
@media screen and (max-width:410px) {

    titolo1 {
        font-size: 9.5vw;
        line-height: 12vw;
    }

    titolo2 {
        font-size: 8vw;
        line-height: 8vw;
    }
}

@media screen and (max-width:360px) {

    titolo1 {
        font-size: 9.5vw;
        line-height: 12vw;
    }

    titolo2 {
        font-size: 8vw;
        line-height: 8vw;
    }

    text1 {
        font-size: 25px;
        text-rendering: optimizeLegibility;
    }

    textButton {
        font-size: 12px;
        line-height: 1;
    }

    textButtonSub {
        font-size: 11px;
        line-height: 1;
    }

    .testoACapoMaxW360 {
        display: block;
    }

    .testoACapoMinW360 {
        display: inline;
    }
}*/

/*@media screen and (max-width:310px) {

    .testoACapoMinW310 {
        display: inline;
    }
}*/
