.ramowka .hour .prog .teraz{
	width: 40px;
	height: 27px;
	background: url(http://i.wp.pl/a/i/programtv/videostar/s.png) -32px -1180px no-repeat;
	overflow: hidden;
	text-indent: -9999px;
	margin: 1px auto 0;
	display:block;
}

.ramowka .hour .prog .preview {
  display: block;
  position:relative;
  clear:both;
}

.ramowka .hour .prog .preview:after {
	background: url(http://i.wp.pl/a/i/programtv/videostar/s.png) 1px -1180px no-repeat;
	content: "";
	position: absolute;
	width: 30px;
	height: 30px;
	bottom: 3px;
	right: 3px;
	z-index: 3;
}

.ramowka .hour .prog .preview img {
  display: block;
}

.ramowka .hour .prog .preview .preview-btn{
	background-color: #009ee0;
	color: #FFF;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -12px;
	margin-left: -45px;
	width: 90px;
	line-height: 24px;
	text-align: center;
}

.ramowka .hour .prog .preview:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
  -moz-transform: scale(0.999, 0.999);
  -ms-transform: scale(0.999, 0.999);
  -webkit-transform: scale(0.999, 0.999);
  transform: scale(0.999, 0.999);
}



/* ================== CSS ================== */
.ramowka .hour .prog .counter{
  display: block;
  position:relative;
  clear:both;
}

.ramowka .hour .prog .counter .timer{
	text-shadow:0px 1px black;
	background-color: rgba(113, 130, 150, 0.6);
	color: #FFF;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -24px;
	margin-left: -45px;
	width: 90px;
	line-height: 24px;
	text-align: center;
}

.ramowka .hour .prog .counter .timer>span{
	font-weight:bold;
	font-size:16px;
}

.ramowka .hour .prog .counter img {
  display: block;
}

.ramowka .hour .prog .counter:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
  -moz-transform: scale(0.999, 0.999);
  -ms-transform: scale(0.999, 0.999);
  -webkit-transform: scale(0.999, 0.999);
  transform: scale(0.999, 0.999);
}