body {
	margin: 0;
	background: #000;
}

.icon {
	margin-top: -26px;
}

.popup-icon {
	position: absolute;
	z-index: 1;
	width: 48px;
	opacity: 0.5;
	margin: 78px 0px 0px -29px;
	transition: opacity 0.5s ease;
}

.popup-icon:hover {
	opacity: 1.0;
}

.tunein-icon {
	position: absolute;
	z-index: 1;
	height: 43px;
	opacity: 0.5;
	margin: 17px 0px 0px 367px;
	transition: opacity 0.5s ease;
}

.tunein-icon:hover {
	opacity: 1.0; 
}

/* Regola generale per tutte le icone social per evitare ripetizioni */
.fb-icon, .twitter-icon, .instagram-icon, .whatsapp-icon, .skype-icon {
	position: absolute;
	z-index: 1;
	width: 40px;
	height: 40px;
	top: 14px;
	opacity: 0.5;
	transition: opacity 0.3s ease, margin-top 0.3s ease;
}

/* Gestione dei singoli posizionamenti da destra */
.fb-icon        { right: 288px; }
.twitter-icon   { right: 250px; }
.instagram-icon { right: 210px; }
.whatsapp-icon  { right: 168px; }
.skype-icon     { right: 128px; }

/* Effetto Hover unico e fluido per tutti i social */
.fb-icon:hover, .twitter-icon:hover, .instagram-icon:hover, .whatsapp-icon:hover, .skype-icon:hover {
	opacity: 1.0;
	margin-top: -6px;
}

a, a img, .fb-icon {
	cursor: pointer !important;
}

.logoradio {
	width: 200px;
	height: 136px;
}

.copertina {
	margin: 0px;
	border: 0px;
	width: 128px;
	height: 120px;
	position: relative;
}

.mipiace {
	margin: 2px 6px 6px 6px;
	position: absolute;
}

.condividi {
	position: absolute;
	z-index: 1;
	width: 186px;
	opacity: 0.5;
	top: 53px;
	right: 116px;
	transition: opacity 0.5s ease;
}

.condividi:hover {
	opacity: 1.0;
}