﻿ul {
    list-style: none; /* Remove default bullets */
    padding-inline-start:15px;
}

ul.elenco {
    padding-inline-start:15px;
	margin-left: 30px;
	display: inline-block;
}

ul.elencoMinW460 {
    padding-inline-start:15px;
	margin-left: 20%;
	display: inline-block;
}

ul li::before {
    content: "\2022"; /* Add content: \2022 is the CSS Code/unicode for a bullet */
    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) */
}

ul.elencoBlu li::before {
    content: "\2022"; /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: #00b0f0; /* 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) */
}

ul.elencoWhiteBulle li::before {
    content: "\25E6"; /* Add content: \2022 is the CSS Code/unicode for a bullet */
    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) */
}

ul.elencoImgSpuntaDoppia {
    list-style-image: url(/images/doppia-spunta_15px.gif);
    margin-left:15px;
}

ul.elencoImgSpuntaDoppia li::before {
    content:none !important; /* Add content: \2022 is the CSS Code/unicode for a bullet */ 
}

ul.elencoPointer li::before {
    content: "\25BA"; /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: #000000; /* 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: 1.5em; /* Also needed for space (tweak if needed) */
    margin-left: -1em; /* Also needed for space (tweak if needed) */
}

ul.elencoNoStyle li::before {
    content: ""; 
    color: #00b0f0; /* 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) */
}

.titoloSection {
    display: table;
    width: 100%;
}

.titoloSectionFrecciaSX {
    display: table-cell;
    padding: 1%;
    width:25%;
    /*background-color: orange;*/
    vertical-align:middle;
    text-align:right;
}

.titoloSectionFrecciaDX {
    display: table-cell;
    padding: 1%;
    width: 25%;
    /*background-color:orange;*/
    vertical-align: middle;
    text-align: left;
}

.titoloSectionFrecciaSX2 {
    display: table-cell;
    padding: 1%;
    width: 17%;
    /*background-color: orange;*/
    vertical-align: middle;
    text-align: right;
}

.titoloSectionFrecciaDX2 {
    display: table-cell;
    padding: 1%;
    width: 17%;
    /*background-color:orange;*/
    vertical-align: middle;
    text-align: left;
}

.titoloSectionFrecciaSX3 {
    display: table-cell;
    padding: 1%;
    width: 10%;
    /*background-color: orange;*/
    vertical-align: middle;
    text-align: right;
}

.titoloSectionFrecciaDX3 {
    display: table-cell;
    padding: 1%;
    width: 10%;
    /*background-color:orange;*/
    vertical-align: middle;
    text-align: left;
}

.titoloSectionFrecciaSX4 {
    display: table-cell;
    padding: 1%;
    width: 18%;
    /*background-color: orange;*/
    vertical-align: middle;
    text-align: right;
}

.titoloSectionFrecciaDX4 {
    display: table-cell;
    padding: 1%;
    width: 18%;
    /*background-color:orange;*/
    vertical-align: middle;
    text-align: left;
}

.titoloSectionFrecciaSX > img, .titoloSectionFrecciaDX > img, .titoloSectionFrecciaSX2 > img, .titoloSectionFrecciaDX2 > img,
.titoloSectionFrecciaSX3 > img, .titoloSectionFrecciaDX3 > img, .titoloSectionFrecciaSX4 > img, .titoloSectionFrecciaDX4 > img {
    width: 100%;
    max-width: 44px;
    min-width: 10px;
    /*max-height:80px;*/
}

.titoloSectionNumberTesto {
    display: table-cell;
    padding: 1%;
    /*background: yellow;*/
}

.titoloSectionNumber {
    text-align:right;
    padding-bottom:0px;
}

    .titoloSectionNumber > img {
        width: 100%;
        max-width: 70px;
        min-width: 0px;
    }

.titoloSectionTesto, .titoloSectionTesto2, titoloSectionTesto3, .titoloSectionTesto4 {
    padding-bottom: 0px;
}

.titoloSectionSubTesto {
    text-indent:2.5em;
    text-align:center;
}

.titoloSectionSubTesto2 {
    text-indent: 1.4em;
    text-align: center;
}

.titoloSectionSubTesto3 {
    text-indent: 3.7em;
    text-align: center;
}

.riquadroBorderDashed {
    padding: 4%;
    border: 3px dashed #00b0f0;
    border-radius: 10px;
}

.riquadroBorderDashedLight {
    padding: 3%;
    border: 2px dashed #00b0f0;
    border-radius: 5px;
}

.riquadroBorderDashedLightViola {
    padding: 3%;
    border: 4px dashed #cc00cc;
    border-radius: 5px;
}

.riquadroBorderDashedGray {
    padding: 3%;
    border: 2px dashed gray;
    border-radius: 5px;
}

.riquadroBorderSolidLeft {
    padding: 1% 2%;
    border-left: 7px solid #006699; /*#00b0f0; */
}

.riquadroBorderSolidLeftGray {
    padding: 1% 2%;
    border-left: 3px solid lightgray;
}

.riquadroBorderSolidLeftViola {
    padding: 1% 2%;
    border-left: 3px solid #cc00cc;
}

.riquadroBorderSolidTop {
    padding: 1% 2%;
    border-top: 7px solid #006699; /*#00b0f0; */
}

.riquadroBorderSolidLeftTurchese {
	padding: 1% 2%;
    border-left: 3px solid #00B0F0;
}

.testimonianza{
    /*max-width:600px;*/
    margin:auto;
}

.testimonianzaMaxWidth {
    max-width:600px;
    margin: auto;
}

.sectionBorderBottomDashedTurchese{
	border-bottom:2px dashed #00b0f0;
	padding-bottom:20px;
	margin-bottom:20px
}
blockquote {
    /*font: 18px/30px normal Tahoma, sans-serif;*/
    /*padding-top: 22px;*/
    margin: 5px;
    background-image: url(/images/prima.png);
    background-position: top left;
    background-repeat: no-repeat;
    background-size:30px;
    /*text-indent: 65px;*/
    padding-left:40px;
    max-width:800px;
    margin:auto;
}

blockquote.blockquoteViola {
    background-image: url(/images/virgolette-fucsia-sn.png) !important;
}

img.imgPersoneRotonde{
    max-width:160px;
}

@media screen and (max-width:760px) 
{
    .titoloSectionFrecciaSX, .titoloSectionFrecciaDX, 
    .titoloSectionFrecciaSX2, .titoloSectionFrecciaDX2, 
    .titoloSectionFrecciaSX3, .titoloSectionFrecciaDX3, .titoloSectionFrecciaSX4, .titoloSectionFrecciaDX4 {
        width: auto;
    }


    .titoloSectionSubTesto, .titoloSectionSubTesto2, .titoloSectionSubTesto3 {
        text-indent: 0em;
    }
}

@media screen and (max-width:560px) {
    

    .titoloSectionFrecciaSX > img, .titoloSectionFrecciaDX > img, .titoloSectionFrecciaSX2 > img, .titoloSectionFrecciaDX2 > img,
    .titoloSectionFrecciaSX3 > img, .titoloSectionFrecciaDX3 > img, .titoloSectionFrecciaSX4 > img, .titoloSectionFrecciaDX4 > img {
        width: 100%;
        max-width: 34px;
        min-width: 10px;
    }
}

@media screen and (max-width:460px) {

    img.imgPersoneRotonde {
        max-width: 180px;
    }

    .titoloSectionFrecciaSX > img, .titoloSectionFrecciaDX > img, .titoloSectionFrecciaSX2 > img, .titoloSectionFrecciaDX2 > img,
    .titoloSectionFrecciaSX3 > img, .titoloSectionFrecciaDX3 > img, .titoloSectionFrecciaSX4 > img, .titoloSectionFrecciaDX4 > img {
        width: 100%;
        max-width: 20px;
        min-width: 10px;
    }
	
	ul.elencoMinW460 {
    padding-inline-start:15px;
	margin-left: 30px;
	display: inline-block;
}
}
    

