/* CSS classifiche INDICE SPORTIVITA' */

@font-face {
    font-family: 'soleHeadlineBold';
    src: url('http://c.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_Bd.eot');
    src: url('http://c.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_Bd.eot?#iefix') format('embedded-opentype'),url('http://c.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_Bd.woff2') format('woff2'),url('http://c.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_Bd.woff') format('woff'),url('http://c.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_Bd.ttf') format('truetype'),url('http://c.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: 'soleHeadline';
    src: url('http://c.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_Rg.eot');
    src: url('http://c.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_Rg.eot?#iefix') format('embedded-opentype'),url('http://c.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_Rg.woff2') format('woff2'),url('http://c.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_Rg.woff') format('woff'),url('http://c.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_Rg.ttf') format('truetype'),url('http://c.res.24o.it/fonts/w-fonts/SoleSerifHeadline_W_Bd.svg#SoleSerifHeadline_W_Rg') format('svg');
    font-weight: 700;
    font-style: normal
	}
@font-face {
	font-family: "soleSansReg";
	src: url("fonts/Sole24SansNumberW-Regular.eot");
	src: url("fonts/Sole24SansNumberW-Regular.woff") format("woff");
	}
@font-face {
	font-family: "soleSansBold";
	src: url("fonts/Sole24SansNumberW-Bold.eot");
	src: url("fonts/Sole24SansNumberW-Bold.woff") format("woff");
	}
@font-face {
	font-family: "soleSansMed";
	src: url("fonts/Sole24SansNumberW-Medium.eot");
	src: url("fonts/Sole24SansNumberW-Medium.woff") format("woff");
	}
@font-face {
	font-family: "soleSansRegIt";
	src: url("fonts/Sole24SansNumberW-RegularIt.eot");
	src: url("fonts/Sole24SansNumberW-RegularIt.woff") format("woff");
	}
.soleSansReg {
    font-family: "soleSansReg", Georgia, Times, "Times New Roman", serif}
.soleSansBold {
    font-family: "soleSansBold", Georgia, Times, "Times New Roman", serif}
.soleSansMed {
    font-family: "soleSansMed", Georgia, Times, "Times New Roman", serif}
.soleSansRegiIt {
    font-family: "soleSansRegIt", Georgia, Times, "Times New Roman", serif}
.soleHeadlineBold{
    font-family: "soleHeadlineBold", Georgia, Times, "Times New Roman", serif}
.soleHeadline{
    font-family: "soleHeadline", Georgia, Times, "Times New Roman", serif}

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%;
}

#ISfooter{
	height: 60px;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: contain;
	margin: 8px 0;
	font-size: 14px;
}
#ISfooter .blocco+.blocco{
	margin-top: 0;
}
#ISfooter .divLinka{
	top: 10px;
}
#ISfooter1{
	position: relative;
	float: left;
	width: 300px;
	padding-left: 8px;
}
#ISfooter2{
	position: relative;
	float: left;
	width: 300px;
	border-left: solid 1px #fff;
	padding-left: 8px;
	height: 100%;
}

.blocco{
	position:relative;
	float:left;
	width:100%;
	}

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

.titolo1{
	font-size:60px;
	line-height: 50px;
	}
.spiega1{
	font-size:18px;
	line-height: 19.2px;
	margin-bottom:10px;
	}

.titolo0{
	font-size:86px;
	}

.datiTitolo0b, .datiTitolo0c {
    font-size: 40px;
    margin-bottom: 20px;
}

.spiega{
	margin-top:10px;
	margin-bottom:10px;
	font-size:20px;
	line-height:22px;
	font-style:italic;
	}
.blocco>.titolo1{
	margin-top:80px;
	}

.divSocial {
	cursor: pointer;
	width: auto;
	position: absolute; 
	top: 0;
	right: 0;
	text-align: center;
	color:#1F2042;
	}	
	
.gruppoClas{
	text-align:right;
	margin-bottom:60px}

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

.divSocial {
	cursor: pointer;
	width: auto;
	position: absolute; 
	top: 0;
	right: 0;
	text-align: center;
	color:#1F2042;
	}	
/* Style all font awesome icons */
.fa {
    padding: 10px;
    font-size: 15px;
    width: 35px;
    text-align: center;
    text-decoration: none;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background-color: #fff;	
}

/* Add a hover effect if you want */
.fa:hover {
    opacity: 0.7;
}

.divLinka {
    cursor: pointer;
    width: 165px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    color: #000;
    background-color: #fff;
    position: relative;
    /* top: -58px; */
    /* right: 0; */
    float: right;
    font-size: 14px;
    color: #000;
    text-align: center;
    line-height: 40px;
	margin-bottom: 40px;}

.divLinka:hover {
	background-color: #ccc;
}
.divLinka a:hover, a:visited, a:link, a:active
{
    text-decoration: none;
}

#ISfooter{
	height: 60px;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: contain;
	margin: 8px 0;
}
#ISfooter .blocco+.blocco{
	margin-top: 0;
}
#ISfooter .divLinka{
	top: 10px;
	left:auto;
	right:0;
}
#ISfooter1{
	position: relative;
	float: left;
	width: 300px;
	padding-left: 8px;
}
#ISfooter2{
	position: relative;
	float: left;
	width: 300px;
	border-left: solid 1px #fff;
	padding-left: 8px;
	height: 100%;
}

#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: 20px;
	height: 20px;
	color: #fff;
	text-align: left;
	line-height: 21px;
	}
.top20citta{
	position: relative;
	float: left;
	width: 270px;
	height: 30px;
	border-left: 1px solid #fff;
	font-size:14px;
	padding-left: 4px;
	line-height: 40px;
	}

.top20scorri{
	position: relative;
	float: left;
	width: 279px;
	height: 20px;
	border-left: 1px solid #fff;
	}
.top20barra{
	position:relative;
	float: left;
	width: 100%;
	height: 20px;
	background-color: #fad510;
	}
.top20barraPos{
	position: absolute;
	top:0px;
	height: 20px;
	width: auto;
	line-height: 20px;
	color: #1f2041;
	}


body {
	background-color: #000000;
	color: #fff;
	/* font-family: Sole24Sans Number; */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#contieni{
	position: relative;
/*	float: left; */
	color:#fff;
	width: 1200px;
	margin: 10px auto;
	overflow: hidden;
	}

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

#testatina {
	font-size: 20px;
	color:#e91818;
	line-height: 20px;
	text-transform:uppercase;
	}
p {
	margin: 0px;
	font-weight: 400;
	font-size: 8pt;
}


h2 {
	font-family: "soleSansMed";
	margin: 3 0 0 0px;
	line-height: 1;
}


table {
	width: 100%;
	margin: 10px 0 0 0;
	padding: 0px;
	border-spacing: 0px;
	font-weight: 400;
	font-size: 8pt;
	text-align: right;
}


th, td {
	border-bottom: 1px solid rgba(250, 250, 250, 0.2);
	vertical-align: center;
	padding: 0 3px 0 3px;
}

td{
	font-size: 14px;
	line-height: 20px;
}


th {
	background-color: #404041;
    text-transform: uppercase;
    height: 30px;
    vertical-align: top;
    padding: 5px 3px 5px 3px;
}

em {
	font-style:normal;
	}

.p1 tr:hover {
	background-color: #E91818;
	color: #fff;
}

.p2 tr:hover {
	background-color: #5E1002;
	color: #fff;
}

.p3 tr:hover {
	background-color: #D15618;
	color: #fff;
}

.p4 tr:hover {
	background-color: #FFBA8A;
	color: #000;
}



/* --------------- CLASSI --------------- */

.titolo {
    height: 90px;
    border-top: 1px solid #fff;
    padding: 10px 0 0 0px;
}

.destra {
	text-align: right;
}

.sinistra {
	text-align: left;
	}

tbody .sinistra{
	font-size: 16px;
}

td{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pos-1 {
	background-color: #E91818;
	text-align: right;
	font-weight: 700;
	color: #fff;
}

.pos-2 {
	background-color: #5E1002;
	text-align: right;
	font-weight: 700;
	color: #fff;
}

.pos-3 {
	background-color: #D15618;
	text-align: right;
	font-weight: 700;
	color: #fff;
}

.pos-4 {
	background-color: #FFBA8A;
	text-align: right;
	font-weight: 700;
	color: #000;
}

.negativo {
	font-weight: 700;
	color: #E91818;
}

.positivo {
	font-weight: 700;
	color: #00a892;
}


/* --------------- LAYOUT --------------- */

* {
    box-sizing: border-box;
}

[class*="grid-item"] {
    float: left;
    padding: 20px;
}

.grid-container {
  width: 1140px;
  display: grid;
  grid-template-columns: 33% 33% 33%;
  background-color: #000000;
}

.grid-item {
  width: 100%;
  margin: 20px 0 0 0px;
  padding: 10px;
}

#wrapper {
 background-color: #000000;}

body:after{
	display:none;
	}
	
@media only screen and (max-width: 1199px) {
	body:after {
		content: "1080";
	  }
	#contieni{
		width: 1008px;
	}
	#contieniSel{
		width: 968px;
		padding: 0 20px;
	}
    [class*="grid-container"] {
	width: 932px;
	grid-template-columns: 33% 34% 33%;
    }

	td{
		overflow:auto;
		text-overflow:inherit;
		white-space:normal;
		font-size:12px;
		}
	
	tbody .sinistra{
		font-size:14px;
		}
	
	.titolo0 {
	font-size: 73px;
	}
	.titolo1 {
		font-size: 50px;
		line-height: 40px;
	}
	.spiega1 {
		font-size: 18px;
		line-height: 18.2px;
		margin-bottom:10px;
	}
	.gruppoClas{
	margin-bottom:40px}	
	th, td {
    padding-left: 4px;
    padding-right: 3px;
	}
}

@media only screen and (max-width: 1007px) {
	th, td {
    padding-left: 6px;
    padding-right: 6px;
	}
	.ISpubb{
		width: 690px;;
		height:90px;}
	body:after {
		content: "768";
		}
	#contieni{
		width: 768px;
	}
	#contieniSel{
		width: 728px;
		padding: 0 20px;
	}
    [class*="grid-container"] {
    width: 695px;
	grid-template-columns: 50% 50%;
    }
	
	.titolo0 {
	font-size: 55px;
	}
	.titolo1 {
		font-size: 40px;
		line-height: 40px;
	}
		
	.spiega{
		font-size:18px;
		}
	.spiega1 {
		font-size: 16px;
		line-height: 18.2px;
		margin-bottom:10px;
	}
	.gruppoClas{
	margin-bottom:30px}
.fa {
    padding: 10px 10px 10px 7px;
    font-size: 12px;
    width: 26px;
    text-align: center;
    text-decoration: none;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: #fff;
    line-height: 6px;
}
	   
	.divSocial {
        top: -10px;}
	
	#ISfooter{
	    font-size: 14px;
		}
	
	#ISfooter1 {
		width: 220px;
		}

	#ISfooter2 {
	    width: 280px;
		}
	
}

@media only screen and (max-width: 480px) {
	body:after {
		content: "320";
	  }
	#contieni{
		width: 320px;}
	#contieniSel{
		width: 300px;
		padding: 0 10px;}			
    [class*="grid-container"] {
	width: 280px;
	grid-template-columns: auto;
    }
	
	#testatina {
    	font-size: 13px;}
	.fa {
		padding: 10px 10px 10px 7px;
		font-size: 12px;
		width: 26px;
		text-align: center;
		text-decoration: none;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		background-color: #fff;
		line-height: 6px;
	}
	.titolo0 {
		font-size: 40px;
		line-height: 41px;
		}
	.spiega {
    	font-size:15px;
		}
	.titolo1 {
     	font-size: 32px; 
		line-height: 32px; 
		}

	.divLinka{
		cursor: pointer;
		position: relative;
		font-size: 14px;
		float: left;
		top:0;
		}
	
	.blocco>.titolo1 {
		margin-top: 50px;
	}

	hr.hrDividi {
		position: relative;
		float: left;
		display: block;
	    margin: 110px 0px 0;
		width: 100%;
	}

	#ISfooter2 {
		position: relative;
		float: left;
		width: 300px;
		padding-left: 8px;
		margin-left: 34px;
		margin-top: 6px;
		border-left: none;
		}
	
	#ISfooter {
		height: 130px;
		background-size: 32px;
		}
	
	#ISfooter1 {
		margin-top:-2px;
	    width: 250px;
		}
	#ISfooter1 .blocco {
	    width: 250px;
		}
	
	#ISfooter .divLinka{
    	top: -315px;
		left: 70px;
		}
	#cntDati2.cntDati {
		width: 100%;
		margin-top: 20px;
	}

	#confProvince1, #confProvince2 {
       margin-bottom: 30px;}
	   
	.divSocial {
        top: -11px;}
	
}