.info_24_tlo	{
	margin: 0px auto;
	overflow: hidden;
	border: none;
	padding: 8px 0px 0px 0px;
	color: #3b3b3b;
	background: #f7f7f7;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	height: 37px;
	vertical-align: middle;
	width: 100%;
	z-index: 10!important;
	display:block;
	position: relative;
	    /*margin-top: -20px;*/
}

a.info24:link	  {color: #3b3b3b; text-decoration: none;}
a.info24:visited {color: #3b3b3b; text-decoration: none;}
a.info24:hover	  {color: #3b3b3b; text-decoration: none;}
a.info24:active  {color: #3b3b3b; text-decoration: none;}

.info_24_tlo_maska {
	position: absolute;
	z-index: 11;
	width: 70px;
	height: 44px;
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
	font-weight: 700;
	text-transform: uppercase;
	background: #f7f7f7;
    margin-left: 0px;
}
.info_24_zamknij,
.info_24_pauza,
.info_24_play {
	position: absolute;
	z-index: 12;
	display: block;
	font-size: 0px;
	color: transparent;
		margin: 10px 0px 0px 2px;
	text-decoration: none !important;
}
.info_24_pauza,
.info_24_play {
	margin: 10px 0px 0px 28px;
	cursor: pointer;
}
.info_24_play {
	display: none;
}
.info_24_zamknij:before,
.info_24_pauza:before,
.info_24_play:before {
	content: "\f057";
	font-family: FontAwesome;
	font-size: 20px;
	padding: 5px 10px 5px 11px;
	color: #3b3b3b !important;
}
.info_24_pauza:before {
	content: "\f04c";
}
.info_24_play:before {
	content: "\f04b";
}

.ikona_firma {
	max-width: 224px;
	max-height: 115px;
	width: auto;
	height: auto;

}

img.ikona_firma{
		-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  	filter: grayscale(100%);
  	opacity:0.7;
  	transition: 0.2s;
}


img.ikona_firma:hover {
	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  	filter: grayscale(0%);
  	opacity:1;
  	transition: 0.2s;
}