/* JINGLES */
#wrapper_spot {
	display:inline-block;
	width:90%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:40px;
	text-align:left;
}
.spotLeftPlay {
	clear: both;
	float: left;
	margin-left: 0;
	margin-bottom:13px;
	width: 100%;
	display: block;
	cursor:pointer;
	color:#000;
	background-color:#CCC;
	background-image:url(../images/play.png);
	background-repeat:no-repeat;
	background-position:94% 50%;
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.spotLeftPlay:hover {
	background-color:#666;
	color:#FFF;
}
.spotLeftPause {
	clear: both;
	float: left;
	margin-left: 0;
	margin-bottom:13px;
	width: 100%;
	color:#FFF;
	display: block;
	cursor:pointer;
	background-color:#999;
	background-image:url(../images/pause.png);
	background-repeat:no-repeat;
	background-position:94% 50%;
}
.spotLeftPlay h6, .spotLeftPause h6 {
	font-family: 'Rubik', sans-serif;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
	font-size:0.92em; /* 12px */
	text-align:left;
	font-weight:300;
	margin:0;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:15px;
	padding-right:40px;
	text-transform:uppercase;
}
.spotLeftPlay, .spotLeftPause {
	clear:none;
	float:left;
	margin-left:2%;
	margin-right:2%;
	width: 96%;
	display: block;
}
/* JINGLES */	
/* Layout tablet portrait: da 481 px a 768 px. Eredita stili da: Layout mobile. */
@media only screen and (min-width: 481px ) {
#wrapper_spot {
	display:inline-block;
	width:90%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:40px;
	text-align:right;
}
.spotLeftPlay {
	clear: both;
	float: left;
	margin-left: 0;
	margin-bottom:13px;
	width: 100%;
	display: block;
	cursor:pointer;
	background-color:#CCC;
	background-image:url(../images/play.png);
	background-repeat:no-repeat;
	background-position:94% 50%;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
}
.spotLeftPlay:hover {
	background-color:#666;
}
.spotLeftPause {
	clear: both;
	float: left;
	margin-left: 0;
	margin-bottom:13px;
	width: 100%;
	display: block;
	cursor:pointer;
	background-color:#666;
	background-image:url(../images/pause.png);
	background-repeat:no-repeat;
	background-position:94% 50%;
}
.spotLeftPlay h6, .spotLeftPause h6  {
	text-align:left;
	font-weight:300;
	margin:0;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:15px;
	padding-right:40px;
}
.spotLeftPlay, .spotLeftPause {
	clear:none;
	float:left;
	margin-left:1.5%;
	margin-right:1.5%;
	width: 47%;
	display: block;	
}
}
/* Layout landscape: da 769 px a 1024 px max.  Eredita stili da: Layout mobile e Layout tablet portrait */
@media only screen and (min-width: 769px ) {
/* JINGLES */
#wrapper_spot {
	clear:both;
	float:left;
	display:block;
	width:100%;
	max-width:none;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:40px;
	text-align:left;
}
.spotLeftPlay h6, .spotLeftPause h6  {
	text-align:left;
	font-weight:300;
	margin:0;
	font-size:1.0em; /* 13px */
	padding-top:10px;
	padding-bottom:10px;
	padding-left:15px;
	padding-right:40px;
}
.spotLeftPlay, .spotLeftPause {
	clear:none;
	float:left;
	margin-left:1.5%;
	margin-right:1.5%;
	width: 47%;
	display: block;	
/* JINGLES */
}
}
/* Layout desktop: da 1025 px a superiori. Eredita stili da: Layout tablet landscape */
@media only screen and (min-width: 1025px ) {
/* JINGLES */
#wrapper_spot {
	clear:both;
	float:left;
	width:100%;
	max-width:none;
	min-height:300px;
	margin-left:auto;
	margin-right:18%;
	margin-top:0;
	margin-bottom:60px;
	text-align:left;
}
.spotLeftPlay h6, .spotLeftPause h6  {
	text-align:left;
	font-weight:300;
	margin:0;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:15px;
	padding-right:40px;
}
.spotLeftPlay, .spotLeftPause {
	clear:none;
	float:left;
	margin-left:1.5%;
	margin-right:1.5%;
	width: 30.33%;
	display: block;	
/* JINGLES */
}