/* radiosintony - classifiche */

div.maintype_classifiche div.main {
	background-image: url(../images/sfondo_classifiche.png);
}
div.maintype_classifiche div.main_inner {
	background-image: url(../images/header_classifiche.png);
}
div.maintype_classifiche div.main_lower {
	background-image: url(../images/footer_classifiche.png);
}

div.coltype_classifiche div.container_inner {
}
div.maintype_classifiche div.columns_lower {
	background-image: url(../images/sweep_classifiche.png);
}

div.coltype_classifiche div.titolo_pagina h1 {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 24px;
    text-transform: uppercase;
}

div.coltype_classifiche div.titolo_pagina h1 a.back {
    background: url("../images/ico_back.png") no-repeat scroll 0 0 transparent;
    font-family: myriad;
    font-size: 13px;
    font-weight: bold;
    line-height: 13px;
    padding-left: 17px;
    text-transform: none;
}

/* elenco */

div.classifiche_pair {
	overflow: hidden;
}

div.box_classifiche {
	position: relative;
	margin: 0 3% 30px;
}

div.box_classifiche div.tipo {
	width: 100%;
	text-align: center;
    font-family: 'Open Sans Condensed', sans-serif;
	font-size: 20px;
	color: #fff;
	text-transform: uppercase;
    background: #000;
}

div.box_classifiche div.tipo a{
	display: block;
    padding: 5px 0 ;
}

div.box_classifiche div.placement ,
div.compo_classifica div.placement {
	color: #FFFFFF;
    font-size: 15px;
	line-height: 18px;
    height: 58px;
    display: table;
    border-top: 1px solid #fff;
}
div.compo_classifica div.placement {
    padding: 5px 0;
}

div.box_classifiche div.place_2 ,
div.compo_classifica div.place_2 ,
div.box_classifiche div.place_3 ,
div.compo_classifica div.place_3 {
	background: #EFEFEF;
}

div.box_classifiche div.place_1 ,
div.compo_classifica div.place_1{
	background: #ccc;
}

div.box_classifiche div.placement div.num,
div.compo_classifica div.placement div.num{
	font-size: 50px;
	line-height: 40px;
	text-align: center;
    font-family: 'Open Sans Condensed', sans-serif;
    display: table-cell;
    vertical-align: middle;
    padding: 0 13px;
    margin-right: 15px;
}

div.box_classifiche div.placement div.item,
div.compo_classifica div.placement div.item{
	width: 235px;
    display: table-cell;
    vertical-align: middle;
}

div.box_classifiche div.placement div.item{
	width: 100%;
    padding: 10px 0;
}

div.compo_classifica div.placement div.item{
	width: 465px;
}

div.box_classifiche div.placement div.item .btn_buy,
div.compo_classifica div.placement div.item .btn_buy{
    display: inline-block;
    height: 26px;
    color: #FE64CB;
    font-size: 12px;
    font-weight: normal;
    line-height: 12px;
    padding: 6px 27px 0 15px;
    margin: 8px 0;
    background: #fff url(../images/ico_tab_normal.png) 91% center no-repeat;
    background-size: 9px auto;
    border-bottom: #FE64CB solid 2px;
}

div.box_classifiche div.placement div.item .btn_buy:hover,
div.compo_classifica div.placement div.item .btn_buy:hover{
    text-shadow: 1px 1px 0 #000;
    text-decoration: none;
    background-color: #FE64CB;
    color: #fff;
}

div.box_classifiche div.placement div.sep ,
div.compo_classifica div.placement div.sep {
	display: none;
}

div.box_classifiche div.placement div.name,
div.box_classifiche div.placement div.title ,
div.compo_classifica div.placement div.name,
div.compo_classifica div.placement div.title {
	text-transform: uppercase;
}

div.box_classifiche div.placement div.name ,
div.compo_classifica div.placement div.name {
	color: #999999;
    line-height: 100%;
}

div.box_classifiche div.place_1 div.name ,
div.compo_classifica div.place_1 div.name {
	color: #fff;
}

div.box_classifiche div.placement div.title ,
div.compo_classifica div.placement div.title {
	font-weight: bold;
	color: #666;
}

div.box_classifiche div.placement img ,
div.compo_classifica div.item img {
	width: 100px;
    float: left;
    margin-right: 10px;
}

div.box_classifiche div.image ,
div.compo_classifica div.image{
	margin-top: 1px;
}

div.box_classifiche div.image img ,
div.compo_classifica div.image img {
	display: block;
    width: 100%;
}

div.box_classifiche div.link_up {
	padding: 0px 10px 0px 0;
	text-align: right;
}

div.box_classifiche div.link_up a{
	font-weight: bold;
}

div.box_classifiche div.link_bar {
	position: absolute;
	top: -17px;
	right: -20px;
	width: 340px;
	z-index: 10;
	background: url('../images/ico_classifiche_home.png') 10px 27px no-repeat;
}

div.box_classifiche div.link_bar a {
	display: block;
	width: 298px;
	height: 46px;
	background: url('../images/vai_classifica.png') right 0 no-repeat;
	font-size: 20px;
	text-transform: uppercase;
    font-family: 'Open Sans Condensed', sans-serif;
	padding: 22px 0 0 42px;
}

div.box_classifiche div.link_bar a:hover{
	text-decoration: none;
} 

/* singola classifica */

div.tipo_classifica h2 {
	font-size: 21px;
}

div.fonte_classifica {
	margin: 0px 0px 0px 12px;
	font-size: 11px;
}
div.fonte_classifica a {
	font-weight: bold;
}

div.compo_classifica,
div.classifica_right {
	margin-top: 10px;
}

div.classifica_right {
	margin-left: 20px;
}

div.classifica_right div.banner120{
	padding: 10px;
	background: #EFEFEF;
}

div.compo_classifica {
	float: left;
	width: 470px;
	border-bottom: 8px solid #666666;
	position: relative;
    margin-bottom: 30px;
}

div.compo_classifica div.image {
	margin-bottom: 1px;
}

div.compo_classifica div.tipo_classifica {
	width: 100%;
	text-align: center;
    font-family: 'Open Sans Condensed', sans-serif;
	font-size: 20px;
	color: #fff;
	text-transform: uppercase;
    background: #000;
    padding: 10px 0;
}

div.compo_classifica div.tipo_classifica h2{
	margin-bottom: 0;
}

div.compo_classifica div.place_dark {
	background: #cccccc;
}
div.compo_classifica div.place_light {
	background: #ffffff;
}

div.compo_classifica div.place_dark,
div.compo_classifica div.place_light {
	width: 100%;
	padding: 7px 0 7px 0px;
	color: #333333;
	height: auto;
	overflow: hidden; /* clearfix */
}

div.compo_classifica div.place_dark div.num,
div.compo_classifica div.place_light div.num {
	float: left;
	width: 32px;
	padding: 0px 8px;
	color: #666666;
	font-weight: bold;
	text-align: right;
	font-size: 15px;
	line-height: 17px;
}

div.compo_classifica div.place_dark div.item,
div.compo_classifica div.place_light div.item {
	float: left;
	width: 420px;
	margin: 0;
}

div.compo_classifica div.place_dark div.name,
div.compo_classifica div.place_light div.name,
div.compo_classifica div.place_dark div.sep,
div.compo_classifica div.place_light div.sep,
div.compo_classifica div.place_dark div.title,
div.compo_classifica div.place_light div.title {
	display: inline;
	margin-right: 3px;
}

div.classifica_right {
	float: right;
	width: 140px;
}

div.classifica_subpages{
    float: right;
    width: 240px;
}

div.classifica_subpages ul{
    margin: 0;
    padding: 0;
    list-style: none;
}

div.classifica_subpages li{
    margin: 0 0 10px;
    padding: 0;
}

div.classifica_subpages li a{
    display: block;
    height: 50px;
    color: #000;
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    padding: 18px 37px 0 15px;
    border-bottom: 2px solid #FE64CB;
    background: #F4F4F4 url(../images/ico_tab_normal.png) 94% center no-repeat;
    background-size: 12px auto;
}

div.classifica_subpages li a:hover{
    text-decoration: none;
    color: #fff;
    background: #FE64CB;
}