.item
{
    border: solid 1px #dfdfdf;
    margin: -1px 0 0 -1px;
    width: 235px;
/*     height: 235px; */
	height: 225px;
    overflow: hidden;
    position: relative;
    font-size: 11px;
    display: block;
    float: left;
    text-align: left !important;
    cursor: pointer;
    
    
    

    
    
    
}
.item .itemContent > div, .itemsWraper .item .thumb
{
    padding: 0 10px;
}
.item .thumb
{
    padding-top: 10px;
}
.item ul
{
    list-style: none;
    padding: 0;
    margin: 0;
}
.item .headP, #descryption .headP
{
    display: table;
/*     margin: 10px 0; */
/*     height: 50px; */
	margin: 10px 0;
/*	height: 42px; */
    height: 22px;
	
}
.item .headP > li, #descryption .headP > li
{
    display: table-cell;
    vertical-align: middle;
/*     vertical-align: top; */
    padding-left: 10px;
    border-left: solid 1px #d1d1d1;
}
.item:hover .headP > li 
{
    vertical-align: bottom;
    vertical-align: middle;
}
.item .headP > li:first-child, #descryption .headP > li:first-child
{
    width: 50px;
    padding-left: 0;
    border-left: 0;
    text-align: center;
}
.item .headP > li .icon.more{	
	background-position: -48px -96px;
	display: inline-block;
	text-align: center;
	margin-right:10px;
	width: 32px;
	height: 32px;
}
.item .headP strong, #descryption .headP strong
{
    font-size: 1.3em;
    display: block;    
}
.item .headP strong
{  
    max-height:32px; 
    overflow:hidden; 
}
.item .headP, .item .headP a, .item .headP a:hover, .item .headP a:visited
{
    color: #4b4b4b;
}
.item .headP a:hover
{
    color: #000;
}
.item .headP span, #descryption .headP span
{
    color: #848484;
    display:none;
}
.item .headP small, #descryption .headP small
{
    font-size: .8em;
}
.item .itemContent
{
    height: 100%;
    position: absolute;
    z-index: 2;
    width: 100%;
    box-sizing: border-box;
}

.item .itemContent strong.fullTitle
{
    display:none; 
    max-height: 64px;
}
.item .itemContent p
{
/*     display: none; */
    padding-right: 12px !important;
    text-align: left !important;
    text-shadow: none;
}
.item .itemContent
{
	top:174px;
	-webkit-transition:all .5s ease-in-out;
	-moz-transition:all .5s ease-in-out;
	-o-transition:all .5s ease-in-out;
	transition:all .5s ease-in-out;

}

.item:hover .itemContent,
.item.taped .itemContent
{
    top: 0;
    background: #fff;



}
.item:hover .itemContent p
{
    display: block;
}

.item:hover .itemContent .icon.more { opacity:.4; }

.thumb
{
    position: relative;
    text-shadow: none !important;
}
.thumb,
.thumb > a { display: inline-block; width:100%; height: 163px; overflow: hidden; text-align: center;  }
.thumb > a > img,
.thumb > img
{
/*     display: block; */
/* 	text-align:center; */
/*     max-width: 100%; */
    width:218px;
/*     margin: 0 auto; */
}
.thumb > ul
{
    position: absolute;
    bottom: 5px;
    left: 9px;
    padding-right: 17px;
}
.thumb > ul li
{
    display: block;
    float: left;
    -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .5);
    -moz-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .5);
    -o-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .5);
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .5);
    padding: 0 5px 0 20px;
    height: 22px;
    line-height: 22px;
    vertical-align: middle;
    color: #fff;
    position: relative;
}
.thumb > ul li:after
{
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    position: absolute;
    z-index: 1;
    top: 0;
    right: -17px;
}
.thumb > ul li.series
{
    background: #969697; /* Old browsers */
    background: -moz-linear-gradient(top, #9C9C9C 0%, #909194 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9C9C9C), color-stop(100%,#909194)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #9C9C9C 0%,#909194 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #9C9C9C 0%,#909194 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #9C9C9C 0%,#909194 100%); /* IE10+ */
    background: linear-gradient(to bottom, #9C9C9C 0%,#909194 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9C9C9C', endColorstr='#909194',GradientType=0 ); /* IE6-9 */
}
.thumb > ul li.series:after
{
    background-position: -54px -230px;
}
.thumb > ul li.preview
{
    background: #5c5c5c; /* Old browsers */
    background: -moz-linear-gradient(top, #747474 0%, #444444 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#747474), color-stop(100%,#444444)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #747474 0%,#444444 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #747474 0%,#444444 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #747474 0%,#444444 100%); /* IE10+ */
    background: linear-gradient(to bottom, #747474 0%,#444444 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#747474', endColorstr='#444444',GradientType=0 ); /* IE6-9 */
}
.thumb > ul li.preview:after
{
    background-position: -54px -198px;
}
.thumb > ul li.new
{
    background: #005914; /* Old browsers */
    background: -moz-linear-gradient(top, #008934 0%, #005914 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008934), color-stop(100%,#005914)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #008934 0%,#005914 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #008934 0%,#005914 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #008934 0%,#005914 100%); /* IE10+ */
    background: linear-gradient(to bottom, #008934 0%,#005914 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008934', endColorstr='#005914',GradientType=0 ); /* IE6-9 */
}
.thumb > ul li.new:after
{
    background-position: -54px -166px;
}
.thumb > ul li.pay
{
    color: #333;
    background: #fff; /* Old browsers */
    background: -moz-linear-gradient(top, #F7F7F7 0%, #F1F1F1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F7F7F7), color-stop(100%,#F1F1F1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #F7F7F7 0%,#F1F1F1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #F7F7F7 0%,#F1F1F1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #F7F7F7 0%,#F1F1F1 100%); /* IE10+ */
    background: linear-gradient(to bottom, #F7F7F7 0%,#F1F1F1 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7F7F7', endColorstr='#F1F1F1',GradientType=0 ); /* IE6-9 */
}
.thumb > ul li.pay:after
{
    background-position: -54px -262px;
}
.thumb > ul li.mpay
{
    background: #ccc;
}
.thumb > ul li.mpay:after
{
    background-position: -54px -262px;
}
.thumb > ul li:after, 
.item .headP > li .icon.more
{
    background-image: url(../images/sprites-01.png);
    background-repeat: no-repeat;
}

/* Fade to white na listach seriali / odcinków */
.itemContent .fadeOutGradient { 
	position: absolute; 
	bottom: 0; left: 0;
	width: 100%; 
	text-align: center; 
	margin: 0; padding: 20px 0; 
	
	/* "transparent" only works here because == rgba(0,0,0,0) */ 
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgba(255, 255, 255, 0)),color-stop(1, white));
        background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), white);
        background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), white);
        background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0), white);
        background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), white);
}


#tvs { text-align:center;}
#tvs .logo { background-image: url(../images/loga-anten.png); display:inline-block; height:40px;  width:75px; overflow:hidden; text-indent:-12000px;}
#tvs .logo.fTVP1 { background-position: -16px -16px;}
#tvs .logo.fTVP2 { background-position: -115px -16px;}
#tvs .logo.fTVPInfo { background-position: -208px -16px; width:83px;}
#tvs .logo.fTVPPolonia { background-position: -308px -16px;}
#tvs .logo.fTVPSport { background-position: -421px -16px; width:60px;}
#tvs .logo.fTVPKultura { background-position: -518px -16px; width:60px;}
#tvs .logo.fTVPHistoria { background-position: -608px -16px; width:70px;}
#tvs .logo.fTVPHD { background-position: -708px -16px;}
#tvs .logo.fTVPSeriale { background-position: -808px -16px;}
#tvs .logo.fTVPRozrywka { background-position: -1224px -17px; width:60px;}
#tvs .logo.fBelsat { background-position: -911px -16px; width:83px; }
#tvs .logo.fTVPParlament { background-position: -1010px -16px; width:110px;}


#tvs .logo.fTVP1:hover { background-position: -16px -78px;}
#tvs .logo.fTVP2:hover { background-position: -115px -78px;}
#tvs .logo.fTVPInfo:hover { background-position: -208px -78px;}
#tvs .logo.fTVPPolonia:hover { background-position: -308px -78px;}
#tvs .logo.fTVPSport:hover { background-position: -421px -78px;}
#tvs .logo.fTVPKultura:hover { background-position: -518px -78px;}
#tvs .logo.fTVPHistoria:hover { background-position: -608px -78px;}
#tvs .logo.fTVPHD:hover { background-position: -708px -78px;}
#tvs .logo.fTVPSeriale:hover { background-position: -808px -78px;}
#tvs .logo.fTVPRozrywka:hover { background-position: -1224px -79px; }
#tvs .logo.fBelsat:hover { background-position: -911px -78px;}
#tvs .logo.fTVPParlament:hover { background-position: -1010px -78px;}

/*.taped { background-color: #f00; }*/

/* ustawienie reklamy */
.advertBannerWrapper
{
    text-align: center;
}
.advertBannerWrapper .advertBanner
{
    display: inline-block; 
    max-width: 947px;   
    margin: 0 auto;
}
@media (min-width: 320px)
{
    .advertBannerWrapper .advertBanner{ max-width:320px; }
}
@media (min-width: 480px)
{
    .advertBannerWrapper .advertBanner{ max-width:470px; }
}
@media (min-width: 768px)
{
    .advertBannerWrapper .advertBanner{ max-width:715px; }
}
@media (min-width: 769px)
{
    .advertBannerWrapper .advertBanner{ max-width:947px; }
}
.advertBannerWrapper .advertBanner img
{
    max-width:100%;
}
