@import "https://lab24.ilsole24ore.com/_assets/fonts/solefonts/sole_serif.css";
@import "https://lab24.ilsole24ore.com/_assets/fonts/solefonts/sole_sans.css";

/* CSS Document */
@font-face{font-family:'sole_headline';src:url('//c2.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_LtIt.eot');src:url('//c2.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_LtIt.eot?#iefix') format('embedded-opentype'),url('//c2.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_LtIt.woff2') format('woff2'),url('//c2.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_LtIt.woff') format('woff'),url('//c2.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_LtIt.ttf') format('truetype'),url('//c2.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_LtIt.svg#SoleSerifHeadline_W_LtIt') format('svg');font-weight:300;font-style:italic}
@font-face{font-family:'sole_headline';src:url('//c2.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_Rg.eot');src:url('//c2.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_Rg.eot?#iefix') format('embedded-opentype'),url('//c2.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_Rg.woff2') format('woff2'),url('//c2.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_Rg.woff') format('woff'),url('//c2.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_Rg.ttf') format('truetype'),url('//c2.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_Rg.svg#SoleSerifHeadline_W_Rg') format('svg');font-weight:400;font-style:normal}
@font-face{font-family:'sole_headline';src:url('//c2.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_RgIt.eot');src:url('//c2.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_RgIt.eot?#iefix') format('embedded-opentype'),url('//c2.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_RgIt.woff2') format('woff2'),url('//c2.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_RgIt.woff') format('woff'),url('//c2.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_RgIt.ttf') format('truetype'),url('//c2.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_RgIt.svg#SoleSerifHeadline_W_RgIt') format('svg');font-weight:400;font-style:italic}
@font-face{font-family:'sole_headline';src:url('//c2.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_Md.eot');src:url('//c2.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_Md.eot?#iefix') format('embedded-opentype'),url('//c2.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_Md.woff2') format('woff2'),url('//c2.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_Md.woff') format('woff'),url('//c2.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_Md.ttf') format('truetype'),url('//c2.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_Md.svg#SoleSerifHeadline_W_Md') format('svg');font-weight:500;font-style:normal}
@font-face{font-family:'sole_headline';src:url('//c2.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_MdIt.eot');src:url('//c2.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_MdIt.eot?#iefix') format('embedded-opentype'),url('//c2.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_MdIt.woff2') format('woff2'),url('//c2.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_MdIt.woff') format('woff'),url('//c2.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_MdIt.ttf') format('truetype'),url('//c2.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_MdIt.svg#SoleSerifHeadline_W_MdIt') format('svg');font-weight:500;font-style:italic}
@font-face{font-family:'sole_headline';src:url('//c2.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_Bd.eot');src:url('//c2.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_Bd.eot?#iefix') format('embedded-opentype'),url('//c2.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_Bd.woff2') format('woff2'),url('//c2.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_Bd.woff') format('woff'),url('//c2.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_Bd.ttf') format('truetype'),url('//c2.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_Bd.svg#SoleSerifHeadline_W_Bd') format('svg');font-weight:700;font-style:normal}
@font-face{font-family:'sole_headline';src:url('//c2.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_BdIt.eot');src:url('//c2.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_BdIt.eot?#iefix') format('embedded-opentype'),url('//c2.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_BdIt.woff2') format('woff2'),url('//c2.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_BdIt.woff') format('woff'),url('//c2.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_BdIt.ttf') format('truetype'),url('//c2.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_BdIt.svg#SoleSerifHeadline_W_BdIt') format('svg');font-weight:700;font-style:italic}


@font-face {
	font-family: "soleSansReg";
    src: url('//lab24.ilsole24ore.com/fonts/Sole24SansW-Regular.eot');
    src: url('//lab24.ilsole24ore.com/fonts/Sole24SansW-Regular.eot?#iefix') format('embedded-opentype'),
        url('//lab24.ilsole24ore.com/fonts/Sole24SansW-Regular.woff') format('woff'),
		url('//lab24.ilsole24ore.com/fonts/Sole24SansW-Regular.woff2') format('woff2'),
        url('//lab24.ilsole24ore.com/fonts/Sole24SansW-Regular.ttf') format('truetype');	}
@font-face {
	font-family: "soleSansBold";
    src: url('//lab24.ilsole24ore.com/fonts/Sole24SansW-Bold.eot');
    src: url('//lab24.ilsole24ore.com/fonts/Sole24SansW-Bold.eot?#iefix') format('embedded-opentype'),
        url('//lab24.ilsole24ore.com/fonts/Sole24SansW-Bold.woff') format('woff'),
		url('//lab24.ilsole24ore.com/fonts/Sole24SansW-Bold.woff2') format('woff2'),
        url('//lab24.ilsole24ore.com/fonts/Sole24SansW-Bold.ttf') format('truetype');	}
@font-face {
	font-family: "soleSansMed";
    src: url('//lab24.ilsole24ore.com/fonts/Sole24SansW-Medium.eot');
    src: url('//lab24.ilsole24ore.com/fonts/Sole24SansW-Medium.eot?#iefix') format('embedded-opentype'),
        url('//lab24.ilsole24ore.com/fonts/Sole24SansW-Medium.woff') format('woff'),
		url('//lab24.ilsole24ore.com/fonts/Sole24SansW-Medium.woff2') format('woff2'),
        url('//lab24.ilsole24ore.com/fonts/Sole24SansW-Medium.ttf') format('truetype'); }
@font-face {
	font-family: "soleSansXBold";
    src: url('//lab24.ilsole24ore.com/fonts/Sole24SansW-ExtraBold.eot');
    src: url('//lab24.ilsole24ore.com/fonts/Sole24SansW-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('//lab24.ilsole24ore.com/fonts/Sole24SansW-ExtraBold.woff') format('woff'),
		url('//lab24.ilsole24ore.com/fonts/Sole24SansW-ExtraBold.woff2') format('woff2'),
        url('//lab24.ilsole24ore.com/fonts/Sole24SansW-ExtraBold.ttf') format('truetype'); }

.soleSansReg {
	font-weight: 500;
    font-family: "soleSans", Helvetica, Arial, Sans-Serif;}
.soleSansBold {
	font-weight: 900;
    font-family: "soleSans", Helvetica, Arial, Sans-Serif;}
.soleSansXBold {
	font-weight: 900;
    font-family: "soleSans", Helvetica, Arial, Sans-Serif;}
.soleSansMed {
	font-weight: 600;
    font-family: "soleSans", Helvetica, Arial, Sans-Serif;}
.soleSansRegiIt {
	font-weight: 600;
    font-family: "soleSans", Helvetica, Arial, Sans-Serif;}
.soleSansSbd {
	font-weight: 600;
    font-family: "soleSans", Helvetica, Arial, Sans-Serif;}
.soleSansThn {
	font-weight: 100;
    font-family: "soleSans",  Helvetica, Arial, Sans-Serif;}
.soleSansLgh {
	font-weight: 100;
    font-family: "soleSans",  Helvetica, Arial, Sans-Serif;}
.soleSansLghC {
	font-weight: 100;
    font-family: "soleSans",  Helvetica, Arial, Sans-Serif;}
.soleHeadline {
    font-family: "soleHeadline", Georgia, Times, "Times New Roman", serif;}

::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-thumb {
    height: 15px;
    border: 2.5px solid rgba(0, 0, 0, 0);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
    background-clip: padding-box;
    background-color: rgba(0, 0, 0, 0.3);
}

/* IMPORT FONTS AND JQUERY END */

.section-header-meta, .ui-loader{display:none!important;}

#pg_wrapper{ margin-bottom: -20px; }

#wrapper{
	overflow-x: hidden;
}


/* GENERAL START */
svg {
	max-height: 100%;
	height: 1200px;
	}

html,
body {
	margin: 0;
	padding: 0;
	}
body {
    -webkit-tap-highlight-color: none;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
/*	background:#1f2041; */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align: left;
	color:#1d1d1b;
	background-color: #FFF8F0;
	}
body.hidden {
    visibility: hidden;
}
body,
body > div {
    /*fix ui mobile on ipad*/
    /* width: 100% !important;*/
    height: auto !important;
	}

body,
input {
	font-family: "soleSans", Helvetica, Arial, Sans-Serif;
    font-size: 18px;
    /*background:none transparent;*/
}

body:after {
  visibility: hidden;
  height: 0;
  font-size: 0;
  content:"1200";
}
[contenteditable]:focus {
    outline: 0px solid transparent;
	}
[contenteditable],.l24MenuBase {
	color: #1d1d1b;
	font-family: "soleSans", Helvetica, Arial, Sans-Serif;
	font-weight: 500;
	font-size:16px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align: left;
	}

.ui-body-c,.ui-body-c input,.ui-body-c select,.ui-body-c textarea,.ui-body-c button {
    font-family: 'Montserrat', sans-serif;
}

.ui-body-c, .ui-dialog.ui-overlay-c {
    text-shadow: 0 0px 0 white;
}

.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
}

a {
    color: inherit!important;
    text-decoration: none;
    font-weight: inherit!important;
}

h1 {
    font-size: 150%;
    font-weight: 700;
    line-height: 26px;
    margin: 15px 0;
}

p {
}

#centra-verticale{
	position: relative;
	width: 100%;
	height: 100vh;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	-webkit-align-items: center;
	}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}


hr.ISstyle1{
	position: relative;
	float: left;
	display: block;
	margin: 30px 0;
	width: 100%;
}
hr.ISstyle2{
	position: relative;
	float: left;
	display: block;
	margin: 8px 0;
	width: 100%;


    border: none;
    height: 1px;
    /* Set the hr color */
    color: rgb(153, 42, 28); /* old IE */
    background-color: rgb(153, 42, 28); /* Modern Browsers */

}
/* COMBOBOX */

.gruppoClas{
	text-align:right;
	margin-bottom:60px}

#provinceList {
  clear: both;
}

.podioSelettore select {
    /*width: 352px;*/
}
#focusProvince select,#geoProvince select{
    width: 500px;
}
#blocco4 select{
	width:100%;}

.cmbIndicatori .select2-search__field{
	display: none;
}

.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option--highlighted[aria-selected]{
	color:#1f2041;
	font-weight: 900;
	font-family: "soleSans", Georgia, Times, "Times New Roman", serif;}

.selGrp0 div{
    margin-top: 2px;
    line-height: 36px;
    padding: 0 17px;
	}

.cmdProvince .select2-search__field {
    height: 38px;
	/* color: #fff; !!! */
	color: #1d1d1b;
	background:#F5E5D5}
.cmdProvince .select2-dropdown {
    margin-top: -39px;}

ul li{
	font-size: 14px;
	font-weight: 500;
	font-family: "soleSans", Georgia, Times, "Times New Roman", serif;}
.optionGrpSel{
	background-image: url(../img/spunta.svg);
	background-repeat: no-repeat;
	background-position: center right;
	background-size: 10px 10px;
	font-weight: 900;
	font-family: "soleSans", Georgia, Times, "Times New Roman", serif;
	color: #1d1d1b;
	}
.optionSel{
	background-image: url(../img/spunta.svg);
	background-repeat: no-repeat;
	background-position: center right;
	background-size: 10px 10px;
	}

.selGrp0 {
	border-top:1px solid #8d9496;
	background-image: url(../img/cerchioGrp0.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 10px 10px;
	}
.selGrp0:hover{
	cursor:pointer;
	border-top:1px solid #1d1d1b;
	}

.selGrp0.optionGrpSel{
	border-color: #1d1d1b;
	}

.selGrp1 {
	background-image: url(../img/cerchioGrp1.svg);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 10px 10px;
	}
.selGrp2 {
	background-image: url(../img/cerchioGrp2.svg);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 10px 10px;
	}
.selGrp3 {
	background-image: url(../img/cerchioGrp3.svg);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 10px 10px;
	}
.selGrp4 {
	background-image: url(../img/cerchioGrp4.svg);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 10px 10px;
	}
.selGrp5 {
	background-image: url(../img/cerchioGrp5.svg);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 10px 10px;
	}

.confGruppoSel0{
	background-image: url(../img/cerchioGrp0.svg);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	background-size: 10px 10px;
	}
#barreGrp1 .barreTitoloCnt, .confGruppoSel1{
	background-image: url(../img/cerchioGrp1.svg);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	background-size: 10px 10px;
	}
#barreGrp2 .barreTitoloCnt, .confGruppoSel2{
	background-image: url(../img/cerchioGrp2.svg);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	background-size: 10px 10px;
	}
#barreGrp3 .barreTitoloCnt, .confGruppoSel3{
	background-image: url(../img/cerchioGrp3.svg);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	background-size: 10px 10px;
	}
.barreTitoloIndicatoreCnt{
    position: relative;
    float: right;
    display: inline;
    width: 8px;
    padding: 2px;
    border: 2px solid #1f2041;
    margin-left: 7px;
    margin-top: -3px;
	}
.barreTitoloIndicatoreInfo{
    position: absolute;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    background: #007dc4;
    color: #1d1d1b;
	/* color: #fff; !!! */
    font-size: 9px;
    font-style: italic;
    float: left;
	width: 9px;
    padding: 2px;
    border: 2px solid #1f2041;
	margin-left: -6px;
    margin-top: -4px;
    text-align: center;
	line-height: 10px;
}


.barreTitoloIndicatoreInfoTxt{
    position: absolute;
    width: 150px;
    /* height: 20px; */
    background: #007dc4;
    padding: 6px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    bottom: 2px;
    margin-left: -75px;
	display: none;
}
.barreTitoloIndicatoreInfoHit{
	position: absolute;
    width: 30px;
    height: 30px;
    background: #fff;
    opacity: 0;
    bottom: -17px;
    left: -5px;
	cursor:pointer;
}

/*
.select2-results__option:first-of-type:after{
	content: '';
    position: absolute;
    left: -3px;
    border: 2px #888 solid;
	}
*/
/*  ELEMENTI PRINCIPALI */

#contieni{
	text-align: center;
	position: relative;
/*	float: left; */
	color:#1d1d1b;
	width: 1200px;
	margin: 10px auto;
	overflow: hidden;
	margin-top: 67px;
	}

.contieni{
	text-align: center;
	position: relative;
/*	float: left; */
	color:#1d1d1b;
	width: 1200px;
	margin: 0 auto;
	display: flex;
    flex-direction: column;
    align-items: center;
	}

.contieni-largo, .contieni-largo-mpu{
	text-align: center;
	position: relative;
/*	float: left; */
	color:#1d1d1b;
	width: 100%;
	margin: 0 auto;
	}

.contieni-largo-mpu{
   /*  position: absolute;
    width: 250px;
    right: calc( ((100vw - 780px) / 2 - 300px) / 2 );
    margin-top: -200px; */
	margin-top: 50px;
}

.provincia.contieni-largo-mpu {
	margin-top: 0;
}


.illustrazione{
	height: 100vh;
	background-color: black;
	background-image: url(../img/S24_QdV-1920x1080.jpg);
	background-size: 100%;
	background-attachment: fixed;
	background-position: center;
}

.illustrazione-dida {
	position: absolute;
    top: -24px;
    right: 5px;
    color: #000000;
    text-align: right;
    padding: 5px 15px;
    font-weight: 200;
    font-size: 12px;
}

.illustrazione:hover .illustrazione-dida {
	visibility: visible;
  }

  .longform-link:link {
	color: #ED3FBF!important;
	text-decoration: none;
}

.longform-link:visited {
	color: #ED3FBF!important;
	text-decoration: none;
}

.longform-link:hover {
	font-weight: 800;
	text-decoration: underline;
}

.longform-link:active {
	font-weight: 800;
	text-decoration: underline;
}


.contieni-medio {
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media only screen and (min-width: 481px) {
	.contieni-piccolo{
		width: 680px!important;
		clear: left;
	}

	.contieni-medio{
		width: 70%!important;
		clear: left;
	}
}

.pezzo{
	font-family: "sole_text", Georgia, Times, "Times New Roman", serif;
	font-size: 20px;
	line-height: 36px;
	text-align: left;
}

#contieniSel{
	position: relative;
	float: left;
	color:#1d1d1b;
	padding:0 30px;
	/*background-color:#1f2041;*/
	}

.blocco100{
	position:relative;
	float:left;
	width:calc(100% - 30px);
	}
.blocco{
	position:relative;
	float:left;
	width:100%;
	z-index: 0;
	}
.bloccoAbsolute{
	position:absolute;
	width: 100%;
	bottom:20px;
	}

.bloccoDati{
	position:relative;
	float:left;
	width:auto;
	margin-top: 10px;
	line-height: 18px;
	margin-bottom: 1px;
	}
.barreTitoloIndicatoreCnt{
	line-height: auto;
}
.bloccoDati:first-of-type{
	margin-top: 25px;
}

#blocco2,#blocco3,#blocco4{
	min-height:600px;
	}

.masterhead-ticker{

	}
#testatinaCnt{
	margin-top: 50px;
}
#testatina{
	font-size: 20px;
	color:#E30613;;
	line-height: 20px;
	text-transform: uppercase;
	}

.spiega{
	margin-top:10px;
	margin-bottom:10px;
	font-size:20px;
	line-height:22px;
	font-style:italic;
	}
.blocco>.titolo1{
	margin-top: 120px;
	}
.tooltip {
    background: #eee;
    box-shadow: 0 0 5px #999999;
    color: #333;
    font-size: 12px;
    left: 130px;
    padding: 10px;
    position: absolute;
    text-align: center;
    top: 95px;
    z-index: 10;
    display: block;
    opacity: 0;
	}

.top-bar{
	height: 50px!important;
	}

#menu-bar{
	background-color: #ed3fbf;
	height: 50px;
	width: 100%;
	top:50px;
	left: 0;
	position: fixed;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
	font-weight: 500;
	font-family: "soleSans", Helvetica, Arial, Sans-Serif;
	color:white;
	font-size: 16px;
	z-index: 4;
}

#menu-bar.selezionato{
	font-weight: bold;
}

.isIndex #menu-bar{
	top:0;
}

#menu-bar img{
	width: 40px;
}

.menu-bar-elemento{
	display: flex;
	align-items: center;
	white-space: nowrap;
	font-family: "soleSans", Helvetica, Arial, Sans-Serif;
	font-weight: 600;
}

.menu-bar-elemento.spazia:before{
    content: "";
    border-left: 1px solid white;
    height: 38px;
    margin: 0 20px 0 30px;
}

a:hover .menu-bar-elemento {
    text-decoration: underline;
}

#pubblicita-vera {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #f6efe8;
	overflow: hidden;
	position: relative;
	height: 0;
}

#pubblicita-vera>div{
	position: absolute;
}

#div-gpt-ad-MaxTicker div {
	margin: 10px 0;
}

#pubblicita-vera1 {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #f6efe8;
	overflow: hidden;
	position: relative;
	height: 0;
	margin-top: 50px;
}

#pubblicita-vera1>div{
	position: absolute;
}

#div-gpt-ad-MPU_Top div {
	margin: 10px 0;
}
/********************************************************** BLOCCO 2: provincia*/
.focusRect{
	cursor:pointer;}
.podioDati .blocco + .podioDati .blocco{
	margin-top:0;
	}



#blocco3{margin-top: 100px;}

.titolo + .blocco{
	margin-top:1vw;
	}

.titolo1{
	font-size:50px;
	line-height: 45px;
	}
.spiega1 {
    font-size: 20px;
    line-height: 26px;
    margin: 10px auto 20px auto;
    padding: 0 15%;
    width: 70%;
	}

.sommario{
	font-size: 24px;
    line-height: 32px;
    margin: 20px auto 0 auto;
    padding: 0 15%;
    width: 70%;
	font-family: "sole_headline", Georgia, Times, "Times New Roman", serif;
}

.sommario a:link {
	text-decoration: underline;
}

.sommario a:visited {
	text-decoration: underline;
}

.sommario a:hover {
	font-weight: 600;
	text-decoration: underline;
}

.sommario a:active {
	font-weight: 600;
	text-decoration: underline;
}


.occhiello{
	font-size: 20px;
    margin: 0 auto 20px auto;
    padding: 0 15%;
    width: 70%;
    color: #ed3fbf;
	text-transform: uppercase;
}

.gruppoClas{
	margin-bottom:40px}

#annifocus{
	border-bottom: 1px solid #ba9583;
	}

.scegliAnno{
	position:relative;
	float:left;
	text-align:center;
	width:12%;
	margin:0px 2.8%;
	margin-top:1vw;
	padding-bottom: 0.4vw;
	font-size: 19px;
	cursor: pointer;
	}

.scegliAnno:not(.annoSel):hover{
	color: #1d1d1b;
	border-bottom: 4px solid;
	margin-bottom: -1px;
	}

.scegliAnno:first-of-type{
	margin-left: 0;
	}
.scegliAnno:last-of-type{
	margin-right:0;
	}
.annoSel{
	font-weight: bold;
	color: #1d1d1b;
	border-bottom: 4px solid;
	margin-bottom: -1px;
	}
.cntGrafica{
	position:relative;
	float:left;
    width: 690px;
    height: 740px;
	margin-top: 25px;
	}

.cntGraficaConf{
	position:relative;
	float:left;
	width:555px;
	height:400px;
	}

#svgfocusTxt{
    position: absolute;
    display: table;
    width: 43%;
    height: 100%;
    top: 0px;
    left: 0px;
    text-align: center;
    margin: 40px calc( 28% - 25px);
	/*
    position: absolute;
    display: table;
    width: 46%;
    height: 100%;
    top: 0px;
    left: 0px;
    text-align: center;
    margin: 40px calc( 27% - 25px);
	*/
}

#svgfocusTxtAnno{
	display: block;
	margin-bottom: 20px;
	color:#fad610;
	font-size: 30px;
	}
#svgfocusTxtTesto{
	display: block;
	color:#fff;
	font-size: 50px;
	margin-bottom: 35px;
	}
#svgfocusTxtCnt {
  display: table-cell;
  vertical-align: middle;
  line-height: normal;
}

#cntfocusIndice, #cntGeoIndice{
	opacity: 0;
}

.cntDati{
	position:relative;
	float:left;
	width: 445px;
	}

#cntDati1{
	float: right;
	margin-top: 70px;
}


#cntDati1 .datiNumero0,
#cntDati1 .datiNumero1{
	color:#007dc4;
	}
.datiTitolo0{
	font-size: 50px;
	margin-bottom:50px;
	}

#blocco3 .datiTitolo0, #blocco2 .datiTitolo0{
	margin-bottom:30px;	}

#blocco2{
	margin-bottom: 90px;
	}

.datiTitolo0b, .datiTitolo0c{
	font-size: 30px;
	margin-bottom:10px;
	}
.datiTitolo0c{
	display: none;
}
.datiTitolo1{
	margin-top: 10px;
	font-size: 20px;
	line-height: 21px;
	}
.datiTitolo2{
	font-size: 15px;
	line-height: 19px;
	}
.datiNumero0{
	font-size: 130px;
	padding-bottom: 10px;
	border-bottom: 1px solid #1d1d1b;
	}
.datiNumero1{
	font-size: 60px;
    padding-bottom: 10px;
    border-bottom: 1px solid #1d1d1b;
	}

.cntBarre{
	min-height:100px;}

.dividi33{
	position: relative;
	float: left;
	width: 33.3%;
	}
.barreGrp{
	position: relative;
	float: left;
	width: 360px
	}

.posPunti{
	position: absolute;
	right: 0;
	font-size: 13px;
	line-height: 16px;
	}
.barreTitoloCnt div{
	margin-left: 20px;
	}
.barreTitolo{
	position:relative;
	float: left;
	width: auto;
	font-size: 18px;;
	}
.barreScorri{
	height: 20px;
}
.barreBarra{
	position:relative;
	float: left;
	width: 100%;
	height: 20px;
	background-color: #fff;
}
.barraPos{
	position: absolute;
	top:0px;
	height: 20px;
	width: auto;
	line-height: 22px;
	}
#barreGrp1 .barreBarra{
	background-color: #5f5689;
}
#barreGrp2 .barreBarra{
	background-color: #086171;
}
#barreGrp3 .barreBarra{
	background-color: #ec995f;
}


.posizione, .punteggio{width: auto;}
.punteggio{color:#e5d5c5}
.nonPresente{
	color:#B0B0B0;
	}

/********************************************************** BLOCCO 3: italia*/
#cntDati2{
	margin-top: 40px;
	float:left;
	}
#cntDati2 .datiNumero0,
#cntDati2 .datiNumero1{
	color:#007dc4;
	}
#svgGeoCntsvgGeoCnt{
	display: -webkit-flex;
    justify-content: -webkit-center;
    display: flex;
    justify-content: center;
	}

#livNero path{
	cursor:pointer;
}

.cartinaColora, #livHit path {
	cursor:pointer;
	opacity:0.5;
	}

#livHit path{opacity:0.0}

#livSelezionato{
	opacity: 0;}

/********************************************************** BLOCCO 4: confronto*/
#blocco4 .titolo1{margin-top: 0;}
.confBlocco{
	position: relative;
	width: 555px;
}


.blocco-confronto .selettoriCnt {
    margin-bottom: -55px;
	}

#confBlocco1, #confBloccoProv1{
	margin-top: 20px;
	float: left;
}
#confBlocco2, #confBloccoProv2{
	margin-top: 20px;
	float: right;
}
.barreConfGrp{
	position: relative;
	float: left;
	width: 555px
	}
.barreTitoloCnt{
	padding-bottom: 3px;
	border-bottom: 1px solid #E9E9E9;
}

.axis line, .axis circle  {
  stroke: #cccccc;
  stroke-width: 1px
}

.puntatore{
	cursor: pointer;
}

.cntGraficaConf+.datiTitolo0b{
	margin-bottom:40px;
}

#confronto2-dettaglio{
	margin-top:30px;
}
/********************************************************** l24Menu*/
#bloccoMenu, #l24Menu{
	height: 40px;
	display: block;
	}

	#bloccoMenu {
		z-index: 3;
	}

#l24Menu{
	left: 50%;
	transform: translateX(-50%);
	display: block;
	z-index: 100;
	background: #fcefe6;
    border-bottom: 2px solid #cabdad;
	/*
	background: #fcefe6;
	border-bottom: 4px solid #cabdad;
	*/
	}
#l24menuHidden{
	position: relative;
    float: left;
    width: 100%;
	height: 100%;
	}
.overflowHidden{
	overflow: hidden;
	}

#l24MenuClassficheContainer {
	width: 980px;
    margin: auto;
}

#l24MenuSfondo{
	position: relative;
    float: left;
    width: 100%;
	}
#l24MenuCnt{
	position:relative;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	width: 100%;
	height: 40px;
	padding: 0 30px;
	background-color: #ffffff;
	}

.selGrande{
	position: relative;
	width: 23.75%;
	height: 100%;
	margin-right: 2.5%;
	}

.l24MenuBottone{
	cursor: pointer;
	position: relative;
	border-bottom: 1px solid;
	float: left;
	-webkit-transition: .20s ease-in-out; -moz-transition: .20s ease-in-out; -o-transition: .20s ease-in-out; transition: .20s ease-in-out;
	}

.l24MenuBottone.errore{
	border-bottom: 1px solid #ff0000;
}

#l24MenuApri{
	position:absolute;
	bottom: -34px;
    width: 47px;
    height: 34px;
	background-color:#FF6648;
	display: none;
	background-image:url(../img/mmChiudiMenu.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 40px 40px;
	-webkit-border-bottom-right-radius: 50px;
	-webkit-border-bottom-left-radius: 50px;
	-moz-border-radius-bottomright: 50px;
	-moz-border-radius-bottomleft: 50px;
	border-bottom-right-radius: 50px;
	border-bottom-left-radius: 50px;
	z-index: -1;
	}
#l24MenuChiudi{
	position:fixed;
	top:-40px;
	left:0;
    width: 47px;
    height: 34px;
	background-color:#FF6648;
	background-image:url(../img/mmApriMenu.svg) !important;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 40px 40px;
	-webkit-border-bottom-right-radius: 50px;
	-webkit-border-bottom-left-radius: 50px;
	-moz-border-radius-bottomright: 50px;
	-moz-border-radius-bottomleft: 50px;
	border-bottom-right-radius: 50px;
	border-bottom-left-radius: 50px;
	z-index: 10;
	}

.selPiccolo{
	position: relative;
	width: 9.375%;
	height: 100%;
	margin-right: 2.5%;
	}
.selPiccolo:first-of-type{
	margin-right: 0;
	}

.l24MenuBase{
    position: relative;
    float: left;
    /*
	background: url(../img/menuSpunta.svg);
    background-repeat: no-repeat;
	*/
    width: 100%;
    padding-left: 11px;
    padding-right: 20px;
    margin-right: 30px;
    height: 100%;
    background-position-y: 10px;
    line-height: 31px;
    padding-top: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	}

.l24Random .l24MenuBase{
	width: calc(100% - 40px);
	}

.l24MenuTesto{
	-webkit-transition: .20s ease-in-out; -moz-transition: .20s ease-in-out; -o-transition: .20s ease-in-out; transition: .20s ease-in-out;
}

.errore .l24MenuTesto{
	color:#ff0000;
}

.l24MenuSelect{
    position: absolute;
    right: 0;
    width: 18px;
    height: 100%;
    top: 0;
	}

.l24MenuSelectDn{
	background: url(../img/menuSelect.svg);
    background-repeat: no-repeat;
    background-position: 0 10px;
	}
.errore .l24MenuSelectDn{
	background: url(../img/menuSelectErrore.svg);
    background-repeat: no-repeat;
    background-position: 0 10px;
	}
/*
.l24MenuSelectDn:hover{
	background: url(../img/menuSelectHover.svg);
    background-repeat: no-repeat;
    background-position: 0 10px;
	}
*/
.l24MenuSelectUp{
	background: url(../img/menuSelectUp.svg);
    background-repeat: no-repeat;
    background-position: 0 10px;
	}

.errore .l24MenuSelectUp{
	background: url(../img/menuSelectUpErrore.svg);
	background-repeat: no-repeat;
    background-position: 0 10px;
	}


#scegli-provincia .l24MenuSelectUp {
    background: url(../img/cerca.svg);
    background-repeat: no-repeat;
    background-position: -10px 0px;
    background-size: 38px;
	}

#scegli-provincia .l24MenuSelectDn {
    background: url(../img/cerca.svg);
    background-repeat: no-repeat;
    background-position: -10px 0px;
    background-size: 38px;
	}


/*
.l24MenuSelectUp:hover{
	background: url(../img/menuSelectUpHover.svg);
    background-repeat: no-repeat;
    background-position: 0 10px;
	}
*/

.l24MenuTornaSu{
	background: url(../img/menuTornaSu.svg);
    background-repeat: no-repeat;
    background-position: 0 2px;
	background-size: 32px 32px;
    position: relative;
	float: left;
    width: 32px;
    height: 100%;
	cursor:pointer;
	}
/*
.l24MenuTornaSu:hover{
	background: url(../img/menuTornaSuHover.svg);
	background-repeat: no-repeat;
    background-position: 0 2px;
	background-size: 32px 32px;
	}
*/
.l24MenuRandom{
	background: url(../img/menuRandom.svg);
    background-repeat: no-repeat;
    background-position: 0 2px;
	background-size: 32px 32px;
    position: absolute;
    right: 0;
    width: 32px;
    height: 100%;
    top: 0;

	}
/*
.l24MenuRandom:hover{
	background: url(../img/menuRandomHover.svg);
	background-repeat: no-repeat;
    background-position: 0 2px;
	background-size: 32px 32px;
	}
*/
.l24MenuCerca{
    position: absolute;
    top: 4px;
    left: 4px;
    width: calc(100% - 40px);
    line-height: 32px;
    background: #FFF8F0;
    margin-left: 5px;
	display: none;}

.l24MenuLista{
    position: absolute;
    left: 0;
    top: 35px;
    width: 100%;
    max-height: 287px;
    background: #fff;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    border-bottom: 2px solid #1d1d1b;
    border-top: 2px solid #1d1d1b;
    display: none;
    z-index: 4;
	}

.l24MenuLista li:hover, .l24MenuListaGrande li:hover{
	background-color: #eeedef;
	}

.l24MenuLista ul, .l24MenuListaGrande ul, #mmCnt ul{
    list-style-type: none;
    margin: 0 2px 0 10px;
    padding: 0;
	}

.l24MenuLista li {
	padding: 10px 5px;
	font-size:14px;
 	border-bottom: 1px solid #ccc;
	color: #1d1d1b;
	}
.l24MenuLista li:last-child {
  	border: none;
	}

.l24MenuListaGrande li {
	padding: 5px 5px;
	font-size:12px;
	border-bottom: none;
	}

.l24MenuListaGrande .l24MenuGruppo {
	font-weight: bold;
	font-size: 14px;}

.l24MenuListaGrande {
    position: absolute;
    left: 0;
    top: 40px;
    width: 100%;
	max-height:none;
    background: #fcefe6;
    border-left: 1px solid #c4c1b4;
    border-right: 1px solid #c4c1b4;
    border-bottom: 1px solid #c4c1b4;
    display: none;
}

.l24MenuColFinale {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 10px;
}

.l24MenuCol{
	position: relative;
	width: 100%;
	height: 100%;
	padding-right: 1.25%;
	margin-right: 1.25%;
	}

.l24MenuListaGrande table{
    width: 100%;
    table-layout: fixed;
	margin-bottom: 10px;
	}

.l24MenuListaGrande td {
    vertical-align: top;
    width: 16.66%;
    padding: 0 1% 0 1%;
	}
.l24MenuDividi{
	border-left: 1px solid #cabdad;
	padding: 0 1% 0 0%;
	}

.l24MenuItemSelezionato{
	background-color: #f7f7f7;
	font-weight: 900;
	}

.selettoriCnt{
	text-align:left;
	display: flex;
    justify-content: center;
	display: -webkit-flex;
    justify-content: -webkit-center;
	z-index: 1;
	}

.selettoriCnt + .selettoriCnt {
	margin-top: 35px;
	}
/********************************************************** fine l24Menu*/

/********************************************************** comuni */
.posizione{
	/*font-family: sole_display,Georgia,Times,"Times New Roman",serif;*/
	font-family: "soleSans", Helvetica, Arial, Sans-Serif;
	font-weight: 900;
	letter-spacing: -2px;
	}
.nero{
	color:#000;
	}
.disattivato{
	opacity: .3;
	}
line {
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   -o-user-select: none;
}

line:focus{
	outline:0px;
	 outline:none !important;
	}
.l24-float-right.nascosto{
	display: block!important;
}

.titolo-nota{
	text-align: left;
	text-transform: uppercase;
    width: 100%;
    font-weight: 700;
    color: #bdbcbc;
	margin-top: 80px
	}
.testo-nota p{
	font-size: 12px; }
.testo-nota {
	text-align: left;
	margin-bottom: 40px
	}

.swiper-button-prev, .swiper-button-next {
	display: none}
/********************************************************** ruota */

     .Raxis {
        stroke: black;
        opacity: .2;
     	}

     circle.Raxis {
        stroke: white;
        stroke-width: 1px;
        fill: none;
     	}

     circle.Raxis.Rrecord {
        stroke: #bae0d6;
        stroke-width: 1px;
        opacity: 1;
     	}

     line.Rrecord {
        stroke: #e4e4e4;
        stroke-width: 8px;
		cursor:pointer;
     	}

     line.Rrecord:hover {
        stroke: #d8d8d8;
     	}

     .Ravg {
        stroke: #71C5AF;
        fill: #71C5AF;
     	}

     .Rrecord {
        stroke: #e4ded7;
        fill: #e4ded7;
     	}

	div#ruota-cnt {
		overflow: hidden;
		height: 607px;
		margin-top: 50px;
		/*border-bottom: 1px solid #827f7a;*/
		}
	#ruota-info{
		position: absolute;
		right: 0;
		top: 0;
		}
	#ruota-info img{
		width: 100px;
		}

	#ruota-evidenzia{
		position:absolute;
		width: 1px;
		height: 76%;
		left: 50%;
		transform: translateX(-50%);
		background-color: #1d1d1b;
		}
	#ruota{
		width: 1200px;
		height: 1200px;
		}

	.ruota-dettagli-cnt {
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		}
	.ruota-dettagli-cnt .posizione {
		font-size: 62px;
		padding-left: 10px;
		letter-spacing: -1px;
		}
	.ruota-dettagli-cnt .nome {
		font-size: 26px;
		font-family: "sole_headline", Georgia, Times, "Times New Roman", serif;
		font-weight: 900;
		width: 200px;
		}
	.sigla {
		font-weight: 900;
		font-size: 15px;
		}

	.temp{
		font-size:12px
		}

	#ruota-zoom-desktop {
		position: absolute;
		right: 0;
		top: 0;
		width: 100px;
		height: 70px;
		cursor: pointer;
		}

	.ruota-filo{
		position: absolute;
		bottom:0;
		width: 38.5%;
		height: 1px;
		border-bottom: 1px solid #1d1d1d;
		}
	.ruota-filo.allineaSX{ left:0;}
	.ruota-filo.allineaDX{ right:0;}

	#ruota-dettagli-mobile{ display:none; }
/********************************************************** fine ruota */

/********************************************************** colori */


.c1 { color:#223874; }
.c2 { color:#07ab86; }
.c3 { color:#4e91ce; }
.c4 { color:#e6333a; }
.c5 { color:#8b214b; }
.c6 { color:#f49622; }

.bs0 { color:#000000; }
.bs1 { color:#223874; z-index: 2; }
.bs2 { color:#07ab86; z-index: 2; }
.bs3 { color:#4e91ce; z-index: 2; }
.bs4 { color:#e6333a; z-index: 2; }
.bs5 { color:#8b214b; z-index: 2; }
.bs6 { color:#f49622; z-index: 2; }

.b0 { background-color:#000000; }
.b1 { background-color:#223874; z-index: 2; }
.b2 { background-color:#07ab86; z-index: 2; }
.b3 { background-color:#4e91ce; z-index: 2; }
.b4 { background-color:#e6333a; z-index: 2; }
.b5 { background-color:#8b214b; z-index: 2; }
.b6 { background-color:#f49622; z-index: 2; }

.p1 .pos { background-color:#223874!important; }
.p2 .pos { background-color:#07ab86!important; }
.p3 .pos { background-color:#4e91ce!important; }
.p4 .pos { background-color:#e6333a!important; }
.p5 .pos { background-color:#8b214b!important; }
.p6 .pos { background-color:#f49622!important; }
.p7 .pos { background-color:#000000!important; }

#focus-intro .b0 { z-index:3; cursor: pointer;}

.macro-dettaglio-box-cnt, .macro-dettaglio-palle-cnt, .macro-dettaglio-dida-cnt, .macro-dettaglio-pulsante-cnt  {
    position: relative;
    float: left;
    width: 65%;
    left: 50%;
    transform: translateX(-50%);
	}

.anni-cnt{
    position: relative;
    float: left;
    width: 65%;
}


.macro-dettaglio-pulsante-cnt {
    display: flex;
    justify-content: center;
    margin-top: 50px;
}

.macro-dettaglio-dida-cnt {
	color:#1d1d1b;
	margin: 50px 0 10px 0;
	}

.macro-dettaglio-dida2 {
	text-transform: uppercase;
    position: absolute;
    width: 100%;
	font-weight: 700;
    color: #bdbcbc;
	}

.macro-dettaglio-box {
    position: relative;
    float: left;
    width: calc(16.66667% - 16px);
    padding: 8px;
	}

.macro-dettaglio-box:before {
	content: "";
    border-left: 1px solid #000;
    height: 90%;
    position: absolute;
    left: 0;
}
.macro-dettaglio-box:first-of-type:before {
	content: none;
}


.bottone{
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	width: 24px;
	height: 24px;
	cursor:pointer}

.macro-dettaglio-box .bottone{
	position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -45px;
	}

.freccino {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background-color: #8e8a85;
    width: 1px;
    height: 20px;
    bottom: -80px;
	}
.mostraIndicatori{
	position: absolute;
    left: 50%;
    transform: translateX(-50%);
    color: #b2b2b2;
    bottom: -80px;
    text-transform: uppercase;
    font-size: 12px;
    width: auto;
    white-space: nowrap;
	}
/********************************************************** colori */

/********************************************************** palle */

.macro-dettaglio-palle-cnt{
    background-image: url(../img/punto.svg);
    background-repeat: repeat-x;
    background-position: left center;
    background-size: 1px;
    height: 13px;
	margin: 0 0 50px 0;
	}

.macro-dettaglio-palle{
	position: absolute;
	height: 100%;
	width: 50%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #eeedef;
	}

.macro-dettaglio-palla,.focus-intro-palla {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 13px;
    height: 13px;
    position: absolute;
    left: 10px;
	}

.macro-dettaglio-palla{
    top: 50%;
    transform: translate(-50%,-50%);
}

.macro-dettaglio-posizione {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    width: 23px;
    height: 23px;
    position: absolute;
    left: 50px;
	top:50%;
	transform: translate(-50%,-50%);
	}

.macro-dettaglio-box-cnt .nome {
    font-size: 16px;
    line-height: 16px;
	font-weight: 900;
	font-family: "soleSans", Helvetica, Arial, Sans-Serif;
}

.macro-dettaglio-box-cnt .posizione {
	font-size: 45px;
    line-height: 50px;
	}

.macro-dettaglio-box-cnt .puntiSpiega{
	margin-top:10px;
	font-weight: 600;
	font-family: "soleSans", Helvetica, Arial, Sans-Serif;
	text-transform: uppercase;
	color:rgba(0,0,0,.3)!important;
	font-size: 12px;
	line-height: 14.4px;
}

.macro-dettaglio-box-cnt .punti {
    color: #000;
	font-weight: 600;
	font-family: "soleSans", Helvetica, Arial, Sans-Serif;
    font-size: 12px;
	line-height: 16.3px;
	}
/********************************************************** fine palle */

/********************************************************** indicatori */
	.macro-indicatori-cnt {
		margin-top: 20px;
		overflow: hidden;
		height: 0;
		}
	.mostra{
		overflow:visible;
		height: auto;
		}
	.macro-indicatori-acc{
		border-top: 2px solid;
		padding-top: 20px;
		width: 80%;
		left: 50%;
		transform: translateX(-50%);
		}
	.macro-dettaglio-box-cnt + .macro-indicatori-cnt {
		margin-top: 95px;
		}
	.macro-indicatore {
		position: relative;
		float: left;
		width: calc(33.33% - 40px);
		text-align: left;
		margin: 10px 20px 10px 20px;
		/* min-height: 150px; */
		/* display: inline-block; */
		}

	.macro-indicatore:nth-child(1),
	.macro-indicatore:nth-child(2),
	.macro-indicatore:nth-child(3){
		border-top: none;
	}

	.macro-indicatori-acc .posizione {
		letter-spacing: 0;
	}

	.macro-indicatore .posizione {
		line-height: 20px;
		padding-right: 10px;
		font-size: 30px;}

	.macro-indicatore .punti {
		line-height: 22px;
		font-size: 26px;}

	.dida.punti{
		line-height: 20px;
		}
*
	.macro-indicatori-acc .dida.posizione{
		display: none;
		}
	.macro-indicatori-acc .macro-indicatore:nth-child(1) .dida.posizione,
	.macro-indicatori-acc .macro-indicatore:nth-child(2) .dida.posizione,
	.macro-indicatori-acc .macro-indicatore:nth-child(3) .dida.posizione{
		display: block;
		}

	.macro-indicatori-acc .dida.punti{
		display: none;
		}
	.macro-indicatori-acc .macro-indicatore:nth-child(1) .dida.punti,
	.macro-indicatori-acc .macro-indicatore:nth-child(2) .dida.punti,
	.macro-indicatori-acc .macro-indicatore:nth-child(3) .dida.punti{
		display: block;
		}

	.macro-indicatore .dida {
		text-transform: uppercase;
		font-family: "soleSans", Helvetica, Arial, Sans-Serif;
		color: #bdbcbc;
		font-weight: 200;
		width: 100%;
		font-size: 12px!important;
		margin-bottom: 10px;
		line-height: 10px!important;
		}

	.macro-indicatore .valore {
		font-size: 14px;
		font-weight: 500;
		}

	.macro-indicatore .punti {
		position: relative;
		float: left;
		padding-left: 10px;
		border-left: 1px solid #1d1d1b}

	.macro-indicatore .bloccoDX,.macro-indicatore .bloccoSX  {
		position: relative;
		float: left;
		}

	.macro-indicatore .nome {
		font-weight: 600;
		font-family: "soleSans", Helvetica, Arial, Sans-Serif;
		font-size: 14px;
		margin: 10px 0 0 0;
		}

	.macro-indicatore .spiega {
		font-size: 13px;
		line-height:inherit;
		font-style: normal;
		margin-top: 3px;
		}

	.macro-indicatore .spiega .dati{
		font-style: italic;
		}

	.l24MenuSelectBt {
		background-image: url(../img/l24MenuSelectBt.svg);
		background-repeat: no-repeat;
		background-position: center center;
	}
	.l24MenuSelectAperto .l24MenuSelectBt {
		transform: rotate(90deg);
	}

	.l24MenuSelectBiancoDn {
		background-image: url(../img/menuSelectBianco.svg);
		background-repeat: no-repeat;
		background-position: center center;
	}
	.l24MenuSelectBiancoUp {
		background-image: url(../img/menuSelectBiancoUp.svg);
		background-repeat: no-repeat;
		background-position: center center;
	}



/********************************************************** timeline */

	.tml-cnt.blocco {
		width: 100%;
		margin: 40px auto;
		left: 50%;
		transform: translateX(-50%);
		color:#1d1d1b;
		}
	.tml-dida div{
		font-size: .9rem;
		}
	.allineaSX{
		float:left;
		}
	.allineaDX{
		float:right;
		}
	.tml-scorri-cnt{
		background-color: #e4ded7;
		height: 6px;
		margin: 12px 0;
		color: #1d1d1b;
		}
	.tmlScorri {
		background-color: #1d1d1b;
		position: absolute;
		width: 3.333333%;
		height: 100%;
		}
	.tml-scorri-anno {
		font-weight: bold;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		top: -30px;
		background-color: #FFF8F0;
		padding: 0 8px;
		white-space: nowrap;
		}
	.tml-scorri-finto{
		position: absolute;
		width: 90px;
		height: 90px;
		top: -50px;
		left: 50%;
		transform: translateX(-50%);
		}
	.tml-scorri-anno .fa {
		vertical-align: middle;
		font-size: 12px;
		padding: 0 5px;
		}
/********************************************************** fine timeline */

/********************************************************** provincia */
#scegli-provincia {
    height: 70px;
}
/********************************************************** fine provincia */

/********************************************************** testo anni */
.anni-sfondo{
	color:#1d1d1b;
	text-align: left;
	background-repeat:no-repeat;
	background-position: bottom left;
	background-size: contain;
	}
.titolo{
	font-weight: 900;
	font-family: "soleSans", Helvetica, Arial, Sans-Serif;
	font-size: 14px;
	text-transform: uppercase;
	}
#anni-fatti{
    position: relative;
    width: 50%;
    float: left;
    margin-bottom: 400px;
	}

#anni-podio{
    position: absolute;
    width: 215px;
    top: 0;
    right: 0;
    text-align: center;
	}
.anni-podio-cnt{
	position: relative;
	width: 50%;
	}
.anni-podio-posizione{
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    position: relative;
    font-weight: bold;
    background-color: rebeccapurple;
    padding: 10px 0;
    width: 45px;
    left: 50%;
    transform: translateX(-50%);
	margin: 10px 0;
	}
.anni-podio-cnt.allineaDX{
	border-left: 1px dotted #1d1d1d;
	width: calc(50% - 1px)
	}

.allineaSX .anni-podio-posizione{
	background-color: #fdd530;
	color: #1d1d1d;
	}

.allineaDX .anni-podio-posizione{
	background-color: #1d1d1d;
	color: white;
	}
#anni-novita {
    position: absolute;
    width: 40%;
    height: auto;
    bottom: 0;
    right: 0;
	}
#anni-novita .titolo{
	text-align: right;
	}
#anni-novita .testo{
	text-align: right;
	}
#anni-novita span{
	padding: 1px 3px;
	color: white;
	}
.anni-podio-titolo{
	font-size: 10px;
	color: #1d1d1d;
	text-transform: uppercase;
	margin-top: 10px;
	}
.anni-podio-prima,.anni-podio-ultima{
    font-weight: 600;
    font-family: "sole_headline", Georgia, Times, "Times New Roman", serif;
	}

.anni-podio .cnt{ padding-left: 10px;}
/********************************************************** fine testo anni +/


/********************************************************** FOCUS intro */

	#focus-intro{ min-height: 100vh; }

	.bloccoH{ height: 100vh; }

	.bloccoX {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		}

	.bloccoAlto{
		position: relative;
		float: left;
		width: 100%;
		height: 100vh;
		display: -webkit-flex;
		display: flex;
		justify-content: -webkit-flex;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
		/*display: flex;
		justify-content: center;
		align-items: center;
		*/
		}
	.bloccoAlto-fumetto{
		width: 400px;
		background: #e7e2dd;
		z-index: 4;
		padding: 20px;
		}
	.fumetto-titolo.blocco {
		font-weight: bold;
		text-transform: uppercase;
	}
	.bloccoAbs{
		position: absolute;
		top: 0;
		margin: 40px 0;
		height: calc(100% - 80px);
		width: 100%;
		}
	.focus-intro-cnt {
		position: relative;
		float: left;
		height: 50%;
		width: 100%;
		}

	.focus-intro-linea {
		position: absolute;
		bottom: 0;
		border-top: 1px dotted #999999;
		width: 100%;
	}

	.focus-intro-linea:first-of-type,.focus-intro-linea:last-of-type {
		position: absolute;
		bottom: 0;
		border-top: 2px solid #999999;
		width: 100%;
		}

	.focus-intro-base {
		position: absolute;
		width: calc(100% - 80px);
		height: calc(100% - 80px);
		left: 50%;
		transform: translateX(-50%);
		margin: 40px 0;
		}
	span.focus-intro-linea-lato {
		position: absolute;
		left: -40px;
		top: -8px;
		text-align: right;
		width: 30px;
		font-size: 12px;
		display: block;
		}

	.monolite{
		background-color: #1c1d1a;
		width: 80px;
		height: 150px;
		bottom:0;
		color:#fff;
		position: absolute;
		}

	#monoliteSX{
		border-right: 2px solid #1c1d1a;
		width: calc(50% -2px);
		}

	#monoliteSX .monolite{
		right:30px;
		}
	#monoliteDX .monolite{
		left:30px;
		}

	.monolite-cnt{
		position: absolute;
		width: 50%;
		height: calc(100% - 80px);
		margin: 40px 0;
		}
	#monoliteDX{ right: 0; }
	#monoliteSX{ left:  0; }
	.no-bordo{border:none;}
	#focus-intro-rivela, .focus-intro-anno-cnt {
		position: absolute;
		width: calc(100% - 300px);
		height: calc(100% - 80px);
		left: 50%;
		transform: translateX(-50%);
		overflow: hidden;
		padding: 40px 0;
		display: -webkit-flex;
		display: flex;
		justify-content: -webkit-flex;
		justify-content: center;
		}
	#focus-intro-1705
{
		/* display:none; */
		visibility: hidden;
		}
	.focus-intro-anno-cnt {
		overflow:visible;
		}
	.focus-intro-canna-cnt{
		position: relative;
		float: left;
		width: 3.2258064516%;
		height: 100%;
		background-image: url(../img/puntoFocus.svg);
		background-repeat: repeat-y;
		background-position: top center;
		background-size: 1px;
		}
	.focus-intro-canna{
		position:absolute;
		width: 100%;
		height: 50px;
		background-color: #eeedef;
		}
	.focus-intro-anno{
		position: relative;
		float: left;
		width: 3.2258064516%;
		height: 100%;}

	.focus-intro-anno span{
		font-size: 14px;
		text-align: center;
		bottom: -25px;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		}

	.focus-intro-palle-cnt {
		position: absolute;
		width: 7px;
		left: 50%;
		transform: translateX(-50%);
		height: 100%;
		}
	.focus-intro-palle {
		position: absolute;
		height: 50%;
		width: 100%;
		bottom:0;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		background-color: #eeedef;
		}
	.focus-intro-palla {
	    left: 50%;
	    transform: translate(-50%,-50%);
		width: 7px;
		height: 7px;
		}
	.focus-intro-posizione {
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
		width: 9px;
		height: 9px;
		position: absolute;
		left: 50%;
		transform: translate(-50%,-50%);
		}

	.focus-intro-posizione span{
		position: absolute;
		text-align: center;
		font-weight: 900;
		font-family: "soleSans", Helvetica, Arial, Sans-Serif;
/*		font-family: sole_display,Georgia,Times,"Times New Roman",serif; */
/*		font-weight: 900; */
		font-size: 15px;
		left: 50%;
		transform: translateX(-50%);
		}
	.monolite .anno {
		font-size: 14px;
		}
	.monolite .posizioneTx{
		text-transform: uppercase;
		font-size: 10px;
		margin-top: 5px;
		}
	.monolite .posizione{
		font-size: 30px;
		}
	.monolite .dati{
		padding: 15px 0;
		}
	#focus-intro-rivela2{
		visibility:hidden;
		}
/********************************************************** FOCUS intro fine */

/********************************************************** FOCUS ribasa */
	.blocco-ridotto{
		width:80%;
		}
	.ribasa-canne {
		position: absolute;
		width: calc(100% - 180px);
		height: 100%;
		left: 50%;
		transform: translateX(-50%);
		}
	.ribasa-riga {
		height: 90px;
		margin-bottom: 20px;
		}
	.ribasa-totem {
		width: 80px;
		height: 100%;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		}
	.ribasa-totem.allineaSX {
		align-items: flex-start;
		-webkit-align-items: flex-start;
	}
	.ribasa-totem.allineaDX {
		align-items:flex-end;
		-webkit-align-items:flex-end;
	}
	.ribasa-totem-titolo{
		font-weight: 900;
		font-family: "soleSans", Helvetica, Arial, Sans-Serif;
		font-size: 14px;
		line-height: 16px;
		text-align: left;
	}

.ribasa-totem .anno{ font-size:12px; }
.ribasa-totem .posizione{
	font-size:35px;
	letter-spacing: 0;
}
.ribasa-totem .punti{ font-size:14px; }

	.ribasa-canna-cnt {
		position: relative;
		float: left;
		width: calc(3.2258064516% - 4px);
		height: 100%;
		margin: 0 2px;
		background-color: #e8e6e6;
		}
	.ribasa-canna {
		position: absolute;
		width: 100%;
		height: 50%;
		}
	.seleziona .ribasa-canna{
		background-color: #1d1d1b;
		border-bottom: 2px solid #1d1d1b;
		}
	.ribasa-canna-cnt.seleziona{
		background-color: #cac7c7;
		}
	.canna-zero{
		border-bottom: 1px solid #1d1d1b;
		}
	.ribasa-titolo{
		font-weight: 900;
		font-size: 12px;
		text-transform: uppercase;
		font-family: "soleSans", Helvetica, Arial, Sans-Serif;
		position: relative;
		float: left;
		width: 35px;
		text-align: left;
		margin-left: 55px;
		}

	.ribasa-titolo .bottone{
		position: relative;
		}

	.ribasa-blocco .macro-indicatori-acc {
		border-top: none;
		padding-top: 0;
		/* width: calc(100% - 150px); */
		left: 0;
		transform: none;
		/* border-left: 1px solid; */
		width: 90%;
		position: relative;
		float: right;

		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		}
	.ribasa-blocco .macro-indicatori-cnt {
		width: 100%;
		}

	.ribasa-blocco .macro-indicatori-wrap{
		margin-top: 0;
		left: 67px;
		width: calc(100% - 150px);
		position: relative;
    	float: left;
		border-bottom: 1px solid;
		margin-bottom: 15px;
		}

	.macro-indicatori-wrap .bottone{
		position: absolute;
		bottom: 32px;
		left: 19px;
	}

	.ribasa-blocco + .ribasa-blocco{
		margin-top:10px;
		}

	.blocco.ribasa-riga-cnt {
		overflow-x: hidden;
		width: calc(100% - 180px);
		margin-left: 90px;
		}

	.l24MenuSelectRiga.animato {
		border-left: 1px solid black;
		position: absolute;
		width: 1px;
		height: 0;
		left: 12px;
		top: 40px;
	}
	.l24MenuSelectAperto .l24MenuSelectRiga.animato {
		height: 70px;
	}

	.ribasa-titolo .mostraIndicatori{
		position:relative;
		left: 0;
		transform: none;
		text-transform: uppercase;
		font-size: 12px;
		width: auto;
		bottom:0;
		white-space:normal;
		font-family: "soleSans", Helvetica, Arial, Sans-Serif;
		padding: 5px 0;
		}

	.ribasa-cnt .macro-indicatori .punti{
		line-height: 21px;
		font-size: 22px;
		}
	.ribasa-cnt .macro-indicatore .posizione {
		line-height: 20px;
		padding-right: 10px;
		font-size: 24px;
		}
	.ribasa-cnt .macro-indicatore {
		min-height: 180px;}
	.blocco-ridotto .tml-cnt.blocco {
		width: calc(100% - 362px);
		margin: 40px 0 20px 0;
		}
	.ribasa-canna-cnt .anno {
		font-size: 12px;
		left: 50%;
		transform: translateX(-50%);
		bottom: -20px;
		position: absolute;
		}
	#ribasa-cnt .macro-indicatore .posizione {
		/*
		line-height: 17px;
		padding-right: 10px;
		font-size: 22px;
		*/
		width: 80px;
		font-size: 20px;
		border-right: 1px solid rgba(0, 0, 0, 0.3);
		padding-right: 10px;
		}

	#ribasa-cnt .macro-indicatore .punti {
		/*
		line-height: 20px;
		font-size: 19px;
		*/
		font-size: 20px;
		}
	.ribasa-hit{
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: 3;
		}
	#ribasa-bottone, #ribasa-macro-indicatori{ display:none; }

	.ribasa-totem-spiega{
		font-size: 12px;
		line-height: 14.4px;
		font-weight: 500;
		text-transform: uppercase;
		color: #060707;
		text-align: right;
	}
/********************************************************** FOCUS ribasa fine */

/********************************************************** FOCUS confronto */
.blocco-confronto .l24MenuBase, #scegli-provincia  .l24MenuBase {
    position: relative;
    float: left;

    padding-left: 11px;
    padding-right: 20px;
    /* margin-right: 30px; */
    height: 100%;
    background-position-y: 10px;
    line-height: 31px;
    padding-top: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 23px;
	}

.blocco-confronto .selGrande, #scegli-provincia .selGrande{
    margin-right: 0;
	}
.blocco-confronto .macro-dettaglio-palle-cnt {
    margin: 30px 0;
	}
#confronto2{
	margin-top:40px;
}
/**************************************************************************** CARICAMENTO */
#l24stoCaricando{
    position: fixed;
    width: auto;
    height: auto;
    padding: 10px;
    background-color: #1d1d1d;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 999999;
	display: none;
	-webkit-border-radius:20%;
    -moz-border-radius:20%;
    border-radius:20%;
	}

.lds-ring {
	display: inline-block;
	position: relative;
	width: 64px;
	height: 64px;
	}
.lds-ring div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 51px;
	height: 51px;
	margin: 10px 6px 6px 6px;
	border: 6px solid #FFF8F0;
	border-radius: 50%;
	animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	border-color: #FFF8F0 transparent transparent transparent;
	}
.lds-ring div:nth-child(1) {
	animation-delay: -0.45s;
	}
.lds-ring div:nth-child(2) {
	animation-delay: -0.3s;
	}
.lds-ring div:nth-child(3) {
	animation-delay: -0.15s;
	}
@keyframes lds-ring {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
	}

/**************************************************************************** FINE CARICAMENTO */

/********************************************************** TOOLTIP*/


#isTooltip{
	top:-300px;
	left:-300px;
    position: absolute;
    width: 130px;
    color: #423434;
    /* background: #eeeef0; */
	background: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
    padding: 10px;
	opacity: 0;
	text-align: center;
	z-index: 90;
	}

#isTooltip:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -8px;
	width: 0; height: 0;
	border-top: 8px solid #fff;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
	}

.isTooltipDx{
	-webkit-border-bottom-right-radius: 0!important;
	-moz-border-radius-bottomright: 0!important;
	border-bottom-right-radius: 0!important;
	}
.isTooltipDx:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 190px;
	margin-left: -8px;
	width: 0; height: 0;
	border-top: 8px solid #fff;
	border-right: none;
	border-left: 8px solid transparent;
	}
.isTooltipCx:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -8px;
	width: 0; height: 0;
	border-top: 8px solid #fff;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
	}
.isTooltipSx{
	-webkit-border-bottom-left-radius: 0!important;
	-moz-border-radius-bottomleft: 0!important;
	border-bottom-left-radius: 0!important;
	}
.isTooltipSx:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 8px;
	margin-left: -8px;
	width: 0; height: 0;
	border-top: 8px solid #fff;
	border-right: 8px solid transparent;
	border-left: none;
	}

#isTooltip .nome {
    font-size: 22px;
    font-family: sole_display,Georgia,Times,"Times New Roman",serif;
    font-weight: 900;
	margin-bottom: 8px;
	}
#isTooltip .posizione{
    font-size: 38px;
    font-family: sole_display,Georgia,Times,"Times New Roman",serif;
    font-weight: 900;
	margin-bottom: 12px;
	padding-left: 10px;
	line-height: 31px;
	}
#isTooltip .dida {
    text-transform: uppercase;
    font-weight: bold;
    color: #bdbcbc;
	}

#isTooltip .indicatore {
    text-transform: uppercase;
    font-size: 14px;
    font-family: "soleSans", Helvetica, Arial, Sans-Serif;
	margin-bottom: 12px;
	font-weight: 900;
	}

#isTooltip .dida {
    text-transform: uppercase;
	font-weight: 200;
    color: #bdbcbc;
	font-size: 12px;
	}

#isTooltip .valore{
	margin-bottom: 12px;
	}
#isTooltip .punti{
	margin-bottom: 12px;
	}

#testaPos{
	position:absolute;
	width: 3px;
	height: 3px;
	background-color: red;
	}
/********************************************************** fine TOOLTIP*/

/********************************************************** FUFFA*/
.nascosto{
	display:none;
	}
.bloccoPIntro{
	position:relative;
	float: left;
	width: 100%;
	text-align: center;
	}
.pIntro {
	position:relative;
	float:left;
	width: 100%;
	height: 100vh;
	}
.bloccoPIntro .titolo0, .bloccoPIntroT.titolo0 {
    position: relative;
    margin-top: 17px;
	}

	.bloccoPIntro .titolo0 h1, .bloccoPIntroT.titolo0 h1 {
		font-size: 90px;
		font-weight: 800;
		line-height: 90px;
		font-family: "sole_display", Georgia, Times, "Times New Roman", serif;
		text-transform: none;
		}

		.firma {
			font-size: 22px;
			font-weight: 800;
			font-style: italic;
		}

.titolo_paragrafo_longform h2{
	margin-block-start: 0;
    margin-block-end: 0;
}

.margine-negativo {
	margin-top:-50px;
}


.titoloSezioneT, .widget-titolo{
	font-size: 36px;
	line-height: 46px;
    font-weight: 900;
	font-family: "soleSans", Helvetica, Arial, Sans-Serif;
}
.titoloSezioneP{
	font-size: 40px;
    font-weight: 600;
	font-family: "sole_headline", Georgia, Times, "Times New Roman", serif;
	margin-top: -70px;
}

/*
.titoloPosizione{
	font-size: 60px;
    font-weight: 600;
	font-family: sole_display,Georgia,Times,"Times New Roman",serif;
	margin-top: 60px;
	}

.titoloPosizione + .titoloProvincia {
	margin-top: -10px;
	}
*/

.titoloProvincia{
	line-height: 100px;
	font-size: 90px;
    font-weight: 600;
	font-family: sole_display,Georgia,Times,"Times New Roman",serif;
	margin-top: 40px;
	}

.provincia-ribasa .titoloProvincia{
    font-size: 40px;
	margin: 10px 0 -20px 0;
	}

.pIntroTesto {
    padding: 10px 10% 50px 10%!important;
    font-size: 20px;
	}

.logoQDV{
	background-image: url(../img/logoQDV.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    height: 100px;
    margin: 30px auto 50px auto;
	}

.divSocial {
	cursor: pointer;
	width: auto;
	position: relative;
	top: 0;
	right: 0;
	text-align: center;
	color:#1F2042;
	}
/* Style all font awesome icons
.fa {
    padding: 6px;
    font-size: 14px;
    width: 30px;
    text-align: center;
    text-decoration: none;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background-color: #1d1d1b;
    color: #fff;
}
*/
/* Add a hover effect if you want
.fa:hover {
   background-color: #a94721;
}
*/
.blocco.centraFlex {
	display: -webkit-flex;
	display: flex;
	justify-content: -webkit-flex;
    justify-content: center;
}

.top-bar{
	box-sizing: content-box!important;
}
.spazio-alto{
	margin-top: 50px!important;
}

.spazio-basso{
	margin-bottom: 50px!important;
}

.divLinka {
	cursor: pointer;
    /* width: auto; */
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    background-color: #1d1d1b;
    /* position: absolute; */
    font-size: 17px;
    color: #fff;
    text-align: center;
    padding: 6px 28px;
	border: 2px solid #1d1d1d;
	width: 130px;
	font-weight: 600;
	opacity: 1;
	font-family: "soleSans", Helvetica, Arial, Sans-Serif;
	-webkit-transition: .20s ease-in-out; -moz-transition: .20s ease-in-out; -o-transition: .20s ease-in-out; transition: .20s ease-in-out;}


.divLinka a:hover, a:visited, a:link, a:active{
    text-decoration: none;
	}
.divLinka + .divLinka {
	margin-left: 20px;
	}
.divLinka.rosso{
	background-color: #ed3fbf;
	border: 2px solid #ed3fbf;
}

.divLinka:hover{
	opacity: .7;
}

#titoloTop20 .divLinka{
	top:-5px;
	}

.bottoni-provincia .divLinka{
	position: relative;
	}
.divLinka-invertito{
	color:#1d1d1d;
	background-color: transparent;
	width: auto;
	}

.linka-inizio {
    z-index: 99;
	}

.divLinka + .divLinka-invertito{
	margin-left: 20px;
}

#ISfooter{
    background-size: 104px;
    margin: 8px 0;
    font-size: 12px;
}
#ISfooter .blocco+.blocco{
	margin-top: 0;
}
#ISfooter .divLinka{
	top: 10px;
}
#ISfooter1{
    position: relative;
    float: left;
    width: 100px;
    padding-left: 8px;
    margin-left: 103px;
}
#ISfooter2{
	position: relative;
	float: left;
	padding-left: 8px;
	height: 100%;
    text-align: left;
}
#barreGrp0{
	display: none;
    margin-top: 50px;}

.top20blocco{
	position: relative;
	float: left;
	width: 300px;
	margin: 0;
	padding: 0;
}
.top20box{
	position: relative;
	float: left;
	width: 20px;
	height: 30px;
	}
.top20pos{
    width: 18px;
    height: 20px;
    color: rgb(85, 40, 31);
    text-align: right;
    line-height: 21px;
    font-size: 12px;
    padding-right: 2px;
}
.top20citta{
	position: relative;
	float: left;
	width: 270px;
	height: 30px;
	border-left: 1px solid #1d1d1b;
	font-size:14px;
	padding-left: 4px;
	line-height: 40px;
	}

.top20scorri{
	position: relative;
	float: left;
	width: 279px;
	height: 20px;
	border-left: 1px solid #1d1d1b;
	}
.top20barra{
	position:relative;
	float: left;
	width: 100%;
	height: 20px;
	background-color: #fad510;
	}

.top20barre{
	/* fill: #a94721; */
	}
.top20barraPos {
    position: absolute;
    top: 0px;
    height: 20px;
    width: auto;
    line-height: 20px;
    color: rgb(85, 40, 31);
    font-size: 14px;
}

#confLegenda{
	display: none;
	margin-top: -45px;
    margin-bottom: 55px;
}

#confLegenda1,#confLegenda2,#confLegenda3,#confLegenda4{
	position: relative;
	width: auto;
	float: left;
    padding-left: 11px;
    font-size: 12px;
    margin-top: 3px;
	}

#confLegenda1{
    background-image: url(../img/cerchioGrp0.svg);
    background-repeat: no-repeat;
	background-position: 0 2px;
    background-size: 7px 7px;
	}
#confLegenda2{
    background-image: url(../img/cerchioGrp1.svg);
    background-repeat: no-repeat;
	background-position: 0 2px;
    background-size: 7px 7px;
	margin-left: 8px;
	}
#confLegenda3{
    background-image: url(../img/cerchioGrp2.svg);
    background-repeat: no-repeat;
	background-position: 0 2px;
    background-size: 7px 7px;
	}
#confLegenda4{
    background-image: url(../img/cerchioGrp3.svg);
    background-repeat: no-repeat;
    background-position: 0 2px;
    background-size: 7px 7px;
	margin-left: 8px;
	}
#svgfocusTxtAlert{
	display:none;
	margin-top: 10px;
    font-size: 20px;
    line-height: 21px;
	color: #B0B0B0;
	text-align:center;
	}

/* SVG */
.liv_hit path{
	opacity: 0;
	/* display: none;  */
}
.liv_rami {
	opacity: 0.5;
}

.liv_colora path{
	isolation: isolate;
	mix-blend-mode: screen;
}

.podioDati{
    position: absolute;
    /* float: left; */
    width: 210px;
    bottom: 20px;
    right: -22px;
}

.podioDatiPosizione, #toolTipPosizione {
	color:#a94721;
	font-size: 30px;
}
.podioDatiCitta{
	color:#1d1d1b;
	font-size: 30px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.podioDatiIndicatore{
	color:#1d1d1b;
	font-size: 18px;
	border-top: 1px solid #e2cec1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.podioDatiPunti, #toolTipValore{
	color:#a94721;
	font-size: 55px;
}



#podioSvg {
	height: 512px;
    margin-top: 35px;
}

.podioSvgCss{
	position:relative;
	float:left;
	width: 30%;
	height: 100%;
	}

.podioSvgCss:first-of-type{
	margin-left: 5%;
}

.podioSvgCnt{
	position:absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
}
.liv_colora path, .liv_hit path{
	cursor: pointer;
	}

/* TABELLA */

.tb{
	display: table;
	width: 100%;
}
.tbRow {
	display: table-row;
}
.tbHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.tbCel, .tbHead {
	display: table-cell;
	padding: 1px 3px;
}

.tbCel {
	width: 60px;
	font-family: "soleSansMed", Georgia, Times, "Times New Roman", serif;
	}
.tbCel-overflow {
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	max-width: 208px;
}
#geoBarreTb{
	vertical-align: bottom;
	}

.tbCel + .tbCel {
	width: 208px;
	vertical-align: bottom;}

.tbCel + .tbCel + .tbCel {
	width: 110px;
	}

.tbCel span{
	width: 100%;
	font-size: 0.4em;
}

.tbBody {
	display: table-row-group;
}

.tbSintetico .tbCel{
	font-family: "soleSansReg", Georgia, Times, "Times New Roman", serif;
	font-size:35px;
	color:#a94722;}
.tbIntestazione .tbCel{
	font-family: "soleSans", arial;
	font-weight: 900;
	text-transform: uppercase;
	color:#1d1d1b;}

.tbGruppo2 .tbCel{
	color: rgb(220, 141, 8);}
.tbGruppo3 .tbCel{
	color: rgb(229, 89, 15);}
.tbGruppo4 .tbCel{
	color: rgb(153, 42, 28);}
.tbGruppo1 .tbCel{
	color: rgb(139, 123, 33);}
.tbGruppo5 .tbCel{
	color: rgb(50, 70, 29);}

.tbRiga .tbCel{
	border-top:1px solid #e2cec1;}

.tbSel .tbCel{
	background-color: #f7eee7;
	font-weight: 900;
	font-family: "soleSans", arial;}

#podioSpiega{
	position: relative;
    margin-top: 20px;
	margin-bottom: -30px;}

#podioSpiega a{
	color: #1d1d1b;
	font-weight: bold;
	text-decoration: underline;
	cursor: pointer;
	}

#widget{
	z-index: 1;
}

#widget .selGrande{
	width: 30.83%;
}

#widget .divLinka, #ruota-dettaglio .divLinka {
    width: auto;
    text-align: left;
    background-repeat: no-repeat;
    background-position: calc(100% - 14px) center;
    background-size: 16px;
    padding-left: 20px;
}

.macro-dettaglio-pulsante-cnt .divLinka{
    text-align: left;
    background-repeat: no-repeat;
    background-position: calc(100% - 14px) center;
    background-size: 16px;
	padding-left: 20px;
	width: 170px;
}

.ico-cancella{
	background-image: url(../img/ico-cancella.svg);
}

.ico-freccia{
	background-image: url(../img/ico-freccia.svg);
}


.outline{
	background-color: transparent;
	color:#1d1d1b;
}

.disabilitato{
	opacity: .5;
	cursor: default;
}

.animato{ -webkit-transition: .20s ease-in-out; -moz-transition: .20s ease-in-out; -o-transition: .20s ease-in-out; transition: .20s ease-in-out;}

#backtotop {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 3;
	text-align: right;
	display: none;
  }

  #backtotop img {
	cursor: pointer;
	width: 30px;
	max-width: 30px;
	height: auto;
	margin-right: 10px;
	margin-bottom: 10px;
  }


@media only screen and (max-width: 1199px) and (min-width: 481px) {
	body:after {
		content: "1080";
	}

	.contieni-largo-mpu{
		position: relative;
		width: 100%;
		right: auto;
		margin-top: 10vh;
	}

	#contieni, .contieni{
		width: 1008px;}
	#ruota {
		width: 1008px;
		height: 1008px;}
	div#ruota-cnt {
		height: 500px;}
	#anni-fatti {
		margin-bottom: 320px;}
	.anni-sfondo {
		color: #1d1d1b;
		text-align: left;
		background-repeat: no-repeat;
		background-position: bottom left;
		background-size: 81%;
		}
	.macro-indicatore {
		position: relative;
		float: left;
		width: calc(33.3334% - 40px);
		text-align: left;
		border-bottom: 1px solid;
		margin: 20px;
		min-height: 150px;
		/* display: inline-block; */
		}
	.ruota-dettagli-cnt .posizione {
		font-size: 52px;
		padding-left: 10px;
		}
	.macro-dettaglio-box-cnt, .macro-dettaglio-palle-cnt, .macro-dettaglio-dida-cnt, .anni-cnt {
		color: white;
		position: relative;
		float: left;
		width: 80%;
		}
	.blocco-confronto .selGrande, #scegli-provincia .selGrande {
		margin-right: 0;
		width: 34%;
		}

.ribasa-canne, .blocco-ridotto .tml-cnt.blocco,.blocco.ribasa-riga-cnt {
  		width: 100%}

	.ribasa-canne {
		position: relative;
		height: 30vh;
		}
	.ribasa-riga{
		height: auto;
		}
	.mobile{
		position: relative;
		float: left;
		width: 100%;
		text-align: center;
		}
	.ribasa-valori{
		margin: 10px 0;
		}
	.ribasa-valore {
		position: relative;
		float: left;
		width: 50%;
		}
	.ribasa-valore.allineaSX {
		width: calc(50% - 1px);
		border-right: 1px solid #d1d1d1;
		}
	.ribasa-valore .spiega{
		font-size: 10px;
		color: #1d1d1d;
		text-transform: uppercase;
		margin: 0;
		}
	.ribasa-canna-cnt {
		width: calc(3.33333333333333334% - 2px);
		margin: 0 1px;
		}
	.ribasa-valore .posizione{
		font-size: 30px;
		line-height: 20px;
		}
	.ribasa-valore .punti{
		font-size: 24px;
		line-height: 20px;
		}
	.ribasa-blocco + .ribasa-blocco {
		margin-top: 0;
		}
	.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
		bottom: 0px;
		}
	span.swiper-pagination-bullet {
		background-color: #cac7c7;
		opacity: 1;
		}
	span.swiper-pagination-bullet.swiper-pagination-bullet-active {
		background-color: #1d1d1d;
		}
	.swiper-button-next, .swiper-button-prev {
		top: 14px!important;
		}
	#ribasa-bottone{
		position: relative;
		width: 100%;
		float: left;
		font-size: 12px;
		color: #1d1d1d;
		text-transform: uppercase;
		padding: 0 0 20px 0;
		display: block;
		margin-top: 20px;
		}
	#ribasa-macro-indicatori{
		display: block;
		}
	.ribasa-bottone-dn{
		background-image: url(../img/mostra-indicatori.svg);
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: 70px;
		}
	.ribasa-bottone-up{
		background-image: url(../img/nascondi-indicatori.svg);
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: 70px;
		}
	.macro-indicatore {
		min-height: inherit;
		width: 100%;
		margin: 20px 0 0 0;}
	.macro-indicatore .valore{
		margin-bottom: -8px;
		}
	.macro-indicatori-acc {
		width: 100%;
		}
	.titolo-nota, .testo-nota{
		width: calc(100% - 40px);
		padding: 0 20px;
	}
}

@media only screen and (max-width: 1007px) and (min-width: 481px) {
	body:after {
		content: "768";
		}
	#contieni, .contieni{
		width: 100%;
	}

	#ruota {
		width: 768px;
		height: 768px;}
	div#ruota-cnt {
		height: 390px;}
	.macro-indicatore {
		position: relative;
		float: left;
		width: calc(33.3334% - 10px);
		text-align: left;
		border-bottom: 1px solid;
		margin: 5px;
		min-height: 150px;
		/* display: inline-block; */
		}


	#ruota-cnt {
	display: -webkit-flex;
	display: flex;
	justify-content: -webkit-flex;
	justify-content: center;
	}

	.blocco.ribasa-riga-cnt {
		overflow-x: hidden;
		width: 100%;
	}
	.blocco-ridotto {
		width: 80%;
		left: 50%;
		transform: translateX(-50%);
	}
	#ruota-info img {
		width: 9vw;
	}
	.macro-dettaglio-box-cnt .nome {
		text-transform: uppercase;
		font-weight: 600;
		font-size: 11px;
	}

	.illustrazione{
		height: 100vh;
		background-image: url("../img/S24_QdV-quadrata.jpg");
		background-size: 100%;
		background-attachment: fixed;
		background-position: center;
	}
}