#fr_ASC_on, #fr_DESC_on { color: yellow; font-size: calc(150%); }
#fr_ASC_off, #fr_DESC_off {}

div.m_PIV_float {
	background-color: rgba(255, 255, 255, 0.7);
	width: 160px;
	display: inline-block;
	position: fixed;
	z-index:1;
	padding: 5px;
	margin: 0 10px 5px -10px;
	-webkit-border-radius: 10px; -webkit-border-top-right-radius: 15px;
	-moz-border-radius: 10px; -moz-border-radius-topright: 15px;
	border-radius: 10px; border-top-right-radius: 15px;
	-moz-box-shadow: 2px 2px 6px 2px #66b3b3; -webkit-box-shadow: 2px 2px 6px 2px #66b3b3; box-shadow: 2px 2px 6px 2px #66b3b3;
	transition: top 0.3s;
}
div.m_PIV_mobi { display: none; }

#content_sponsor_PIV { display: table; width: 756px; margin: -5px 0 25px 180px; padding: 0; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; border: 0px solid red; text-align: center; }
#sponsor_PIV { display: inline-block; padding: 0; margin: 0 12px 0 12px; line-height: 0%; }
#sponsor_PIV img { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 4px 4px 12px 1px rgba(0,0,0,1); -moz-box-shadow: 4px 4px 12px 1px rgba(0,0,0,1); box-shadow: 4px 4px 12px 1px rgba(0,0,0,1); }

#content_hp_PIV { font-size: 14px; line-height: 120%; position: absolute; z-index: 1; display: table; width: 760px; margin: 0 0 25px 180px; padding: 0 0 120px 0; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; border: 0px solid red; text-align: justify; }
#column_hp_sponsor_PIV { float: right; width: 332px; border: 0px solid blue; margin: 0 0 10px 15px; }
#hp_sponsor_PIV { display: inline-block; padding: 0; margin: 0 6px 12px 6px; line-height: 0%; }
#hp_sponsor_PIV img { width: auto; height: auto; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 4px 4px 8px 1px rgba(0,0,0,1); -moz-box-shadow: 4px 4px 8px 1px rgba(0,0,0,1); box-shadow: 4px 4px 8px 1px rgba(0,0,0,1); }

#content_table_PIV {
	margin-left: 180px;
    width: 756px;
	justify-content: center;
}
#content_stat_PIV {
	margin-left: 180px;
    width: 756px;
	display: flex;
	justify-content: center;
}

#piv_tes_OFF, #piv_tes_ON, #piv_tes_calc_ON, #piv_tes_calc_OFF {
	text-align: center;
	color: #fff;
	font-weight: bold;
	letter-spacing: 1;
	padding: 1px 4px 2px 4px;
	text-shadow: 1px 1px 2px #000, -1px -1px 2px #000, -1px 1px 2px #000, 1px -1px 2px #000;
}
#piv_tes_OFF, #piv_tes_ON {
	font-size: 10.5px;
}
#piv_tes_calc_ON, #piv_tes_calc_OFF {
	font-size: 11.5px;
}
#piv_tes_OFF a:link, #piv_tes_ON a:link, #piv_tes_calc_ON a:link, #piv_tes_calc_OFF a:link {
	text-decoration: none;
	color: #fff;
}
#piv_tes_OFF a:visited, #piv_tes_ON a:visited, #piv_tes_calc_ON a:visited, #piv_tes_calc_OFF a:visited {
	color: #fff;
}
#piv_tes_OFF a:hover, #piv_tes_ON a:hover, #piv_tes_calc_ON a:hover, #piv_tes_calc_OFF a:hover {
	color: yellow;
	text-shadow: 1px 1px 2px #920000, -1px -1px 2px #920000, -1px 1px 2px #920000, 1px -1px 2px #920000;
}
#piv_tes_OFF {
	background-color: #66B3B3;
}
#piv_tes_calc_OFF {
	background-color: #008080;
}
#piv_tes_ON, #piv_tes_calc_ON {
	background-color: #920000;
}

/* ----------------- */
.piv_tb {
	width: 100%;
	border-spacing: 1px;
	border-collapse: separate;
}
.piv_tb,
.piv_stat_tb {
	width: auto;
	align-self: center;
	border-spacing: 1px;
	border-collapse: separate;
}

.piv_tb thead th {
	line-height: 120%;
	font-size: 11px;
	text-align: center;
	padding: 0px;
//	border-bottom: 1px dotted #008080;
}
.piv_tb tbody td {
	line-height: 100%;
	padding: 2px 4px 2px 4px;
	border-top: 1px dotted #008080;
}
.piv_tb tbody tr:nth-child(odd) {
	 background: #D2F8F8;
}
.piv_tb tbody tr:hover {
	 background: #ffd7ae;
}
.piv_tb tbody td a:link {
    text-decoration: none;
    color: #920000;
}
.piv_tb tbody td a:hover {
    background: #008080;
    color: #fff;
}
/* ----------------- */
.piv_stat_tb {
	align-self: center;
	border-spacing: 1px;
	border-collapse: separate;
}


#piv_sx, #piv_sx-1, #piv_dx-1, #piv_sx_1, #piv_dx_1, #piv_cx_1, #piv_sx_1_b, #piv_dx_1_b, #piv_cx_1_b, #piv_sx_b, #piv_dx, #piv_dx_b, #piv_cx, #piv_cx_b, #piv_venduto {
	font-family: Ubuntu, sans-serif;
	font-size: 12px;
}
#piv_sx, #piv_sx-1, #piv_sx_1, #piv_sx_1_b, #piv_sx_b, #piv_figli {
	text-align: left;
}
#piv_dx, #piv_dx_b, #piv_dx-1, #piv_dx_1_b, #piv_dx_1, #piv_dx_b_p1 {
	text-align: right;
}
#piv_cx, #piv_cx_b, #piv_cx_1, #piv_cx_1_b {
	text-align: center;
}
#piv_sx_b, #piv_dx_b, #piv_cx_b, #piv_sx_1_b, #piv_dx_1_b, #piv_cx_1_b, #piv_dx_b_p1 {
	font-weight: bold;
}
#piv_sx-1, #piv_dx-1 {
	font-family: Oswald, sans-serif;
	font-size: calc(65%);
}
#piv_sx_1, #piv_dx_1, #piv_cx_1, #piv_sx_1_b, #piv_dx_1_b, #piv_cx_1_b {
	font-size: calc(80%);
}
#piv_nome, #piv_nome_p1 {
	font-weight: bold;
	text-align: left;
	font-family: Ubuntu, sans-serif;
	font-size: 12px;
}

#piv_nome_p1, #piv_dx_b_p1 {
	font-size: calc(110%);
}
/*
.piv_p1 {
	font-size: calc(110%);
}
*/
#piv_figli {
	font-family: Ubuntu, sans-serif;
	font-size: 11.5px;
	line-height: 130%;
	background: #fff;
	padding-left: 6px;
}
#piv_figli li#figlio {
	margin-left: 11.5px;
}
#piv_figli li#gp1 {
	font-size: 11px;
	font-weight: bold;
	margin-left: 18px;
	list-style-type: square;
}
#piv_figli li#gp2 {
	font-size: 11px;
//	font-style: italic;
	margin-left: 36px;
	list-style-type: circle;
}

#piv_stretto, #piv_stretto_dx {
	font-weight: normal;
	font-family: Oswald, sans-serif;
	font-size: 11px;
	letter-spacing: 0.5px;
}
#piv_stretto { text-align: left; }
#piv_stretto_dx { text-align: right; }

#piv_venduto, #sold_x {
	background-color: #bce3ff;
}

.piv_stat_tb {
	margin: 5px 0 5px 0;
	border-spacing: 1px;
	border-collapse: separate;
}
.piv_stat_tb thead th {
	line-height: 120%;
	font-size: 10px;
	text-align: center;
	padding: 0px;
	border-bottom: none;
	background: #e6e6e6;
}
.piv_stat_tb tbody td {
	line-height: 100%;
	padding: 2px 4px 2px 4px;
	border-top: none;
}
.piv_stat_tb tbody tr:nth-child(odd) {
	 background: none;
}
.piv_stat_tb tbody tr:hover {
	 background: none;
}

#sold_x {
	color: #d70000;
	font-weight: bold;
	text-align: center;
	font-family: 'Patua One', sans-serif;
	font-size: 13px;
}

.stt_yell {
	background: #ffffce;
}

#piv_paging {
	font-size: 16px;
}
#piv_pg_num, #piv_pg_num_b {
	padding: 1px 3px 1px 3px;
}
#piv_pg_num_b {
	font-weight: bold;
}

#GP { position: relative; left: 3px; background-color: #66B3B3; letter-spacing: 1px; padding: 0 3px 0 3px; font-weight: bold; color: #fff; text-shadow: 1px 1px #000, -1px -1px #000, -1px 1px #000, 1px -1px #000; border-radius: 4px; }
#GP a { color: #fff; }
#GP a:hover { color: yellow; }
#vinc_classico, #piaz_classico { padding: 0px 4px 0px 4px; margin: 2px 0 2px -4px; border-radius: 4px; }
#vinc_classico { background-color: #ffcf4d; }
#piaz_classico { background-color: #ffebb3; }


.thumbnail{
	position: relative;
	z-index: 0;
}

.thumbnail:hover{
//		background-color: transparent;
	z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #fff;
//		padding: 5px;
//		left: -1000px;
//		border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
	font-size: 14px;
	line-height: 150%;
	font-weight: bold;
	text-align: center;
	font-family: Ubuntu, Arial, Sans-serif;
	box-shadow: 2px 2px 20px 1px #000;
	border: 2px solid #fff;
}

.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
	border-radius: 6px;
	padding: 0;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: 14px;
}

@media (max-width: 1014px) {

	div.m_PIV_float { display: none; }
	div.m_PIV_mobi {
		width: 266px;
		border: 0px solid red;
		position: relative;
		TEXT-ALIGN: center;
		display: block;
		margin: 10px auto;
	}
	#content_hp_PIV { font-size: 13px; width: 98%; margin: 0 0 25px 0; }
	#hp_sponsor_PIV img { width: 136px; height: auto; }

	#content_sponsor_PIV {
		margin-top: 20px;
		margin-left: 0;
		width: 100%;
		border: 0px solid red;
	}
	#content_table_PIV, #content_stat_PIV {
		margin-left: 0;
		width: 100%;
	}
}

@media (max-width: 750px) {
	#sponsor_PIV { margin: 12px; line-height: 0%; }
	#piv_nome, #piv_sx, #piv_sx-1, #piv_dx-1, #piv_sx_1, #piv_dx_1, #piv_cx_1, #piv_sx_1_b, #piv_dx_1_b, #piv_cx_1_b, #piv_sx_b, #piv_dx, #piv_dx_b, #piv_cx, #piv_cx_b, #piv_venduto {
		font-family: Oswald, sans-serif;
		font-size: 11px;
	}
	.piv_tb thead th {
		font-size: 10.5px;
	}
	.piv_tb tbody td {
		padding: 1px 3px 1px 3px;
	}
	.piv_hide {
		display: none;
	}
	#piv_paging {
		font-size: 15px;
	}
	#piv_pg_num, #piv_pg_num_b {
		padding: 0 2px 0 2px;
	}
}

@media (max-width: 650px) {

	#content_hp_PIV { font-size: 12px; width: 94%; }
	#column_hp_sponsor_PIV { float: none; text-align: center; width: 100%; margin: 5px 0 5px 0; }
	#hp_sponsor_PIV img { width: 120px; height: auto; }

	#piv_nome, #piv_sx, #piv_sx-1, #piv_dx-1, #piv_sx_1, #piv_dx_1, #piv_cx_1, #piv_sx_1_b, #piv_dx_1_b, #piv_cx_1_b, #piv_sx_b, #piv_dx, #piv_dx_b, #piv_cx, #piv_cx_b, #piv_venduto, #piv_stretto, #piv_stretto_dx {
		font-size: 10.5px;
	}
	.piv_tb thead th {
		font-size: 10px;
	}
	#piv_tes_OFF, #piv_tes_ON {
		font-size: 10px;
	}
	.piv_tb tbody td {
		padding: 1px 2px 1px 2px;
		border-top: none;
	}
	#piv_paging {
		font-size: 13.7px;
	}
}

@media (max-width: 450px) {

	#piv_nome, #piv_sx, #piv_sx-1, #piv_dx-1, #piv_sx_1, #piv_dx_1, #piv_cx_1, #piv_sx_1_b, #piv_dx_1_b, #piv_cx_1_b, #piv_sx_b, #piv_dx, #piv_dx_b, #piv_cx, #piv_cx_b, #piv_venduto, #piv_stretto, #piv_stretto_dx {
		font-size: 10px;
	}
	.piv_tb thead th {
		font-size: 9.5px;
	}
	#piv_tes_OFF, #piv_tes_ON {
		font-family: Oswald, sans-serif;
		font-size: 9.5px;
	}
	.piv_tb tbody td {
		padding: 0.5px 1px 0.5px 1px;
	}
	#piv_paging {
		font-family: Oswald, sans-serif;
		font-size: 12px;
	}
	#piv_pg_num, #piv_pg_num_b {
		padding: 0 1px 0 1px;
	}
}

@media print {
	#content_sponsor_PIV {
		margin-top: 20px;
		margin-left: 0;
		width: 100%;
		border: 0px solid red;
	}
	#content_table_PIV {
		margin-left: 0;
		width: 100%;
	}
}