@import "reset.min.css";
@import "/fonts/stylesheet.css";
/* @import "swieta2016.css"; */

body {
	background:#F9BE0E;
    
	background: linear-gradient(0deg, #FBC20F 0%, #F4A21B 100%) no-repeat scroll 0 0 #F9BE0E;
    color: #000000;
    font-family: DINPlLight;
    font-size: 14px;
    font-weight: 400;
	height: 100%;
}
a {
    text-decoration: none;
}
a:focus {outline-width:3px;outline-style:solid;outline-color:#fec538;text-decoration:none;}
.sprite {
    background: url("/img/csg-5367918354f86.png") no-repeat scroll left top transparent;
    display: block;
}
.sprite.arr_l{ background-position: 0 0; width: 64px; height: 64px; } 
.sprite.arr_l_mini{ background-position: 0 -114px; width: 35px; height: 35px; } 
.sprite.arr_r{ background-position: 0 -199px; width: 64px; height: 64px; } 
.sprite.arr_r_mini{ background-position: 0 -313px; width: 35px; height: 35px; } 
.sprite.drizzle_l{ background-position: 0 -398px; width: 210px; height: 182px;     bottom: 0;  left: -62px; position: absolute; z-index: 1;} 
.sprite.drizzle_r{ background-position: 0 -630px; width: 433px;height: 218px; position: absolute; right: 0;z-index:1; margin-top: -200px;} 
.sprite.knz{ background-position: 0 -898px; width: 72px; height: 74px; } 
.sprite.logo{ background-position: 0 -1004px; width: 210px; height: 102px;float: left; margin-top: 59px; position: relative;  } 
.sprite.ludzik_f{ background-position: 0 -1135px; width: 68px; height: 106px;     position: absolute;right: 24px;top: -21px;} 
.sprite.ludzik_r{ background-position: 0 -1291px; width: 94px; height: 116px; margin-left: -57px; margin-top: 59px; position: absolute;} 
.sprite.ludzik_z{ background-position: 0 -1457px; width: 98px; height: 116px; position: absolute; right: -68px; top: 150px; z-index: 10;} 
.sprite.ludziki{ background-position: 0 -1623px; width: 237px; height: 176px; } 
.sprite.more{ background-position: 0 -1849px; width: 15px; height: 15px; display: inline-block;float: right; position: absolute;right: -21px;top: -4px;} 
.sprite.play{ background-position: 0 -1914px; width: 93px; height: 97px; } 
.sprite.zagraj{ background-position: -483px 0; width: 89px; height: 120px;position: absolute;right: -10px;top: 20px; } 
.sprite.zagraj_h{ background-position: -483px -170px; width: 190px; height: 107px; } 
.sprite.zobacz{ background-position: -483px -327px; width: 89px; height: 120px; position: absolute;right: -10px;  top: 20px;} 
.sprite.zobacz_h{ background-position: -483px -497px; width: 190px; height: 107px; } 


.container {
    margin: auto;
    padding: 15px 130px 0;
    width: 960px;
	z-index: 10;
	position: relative;	
}
.main-menu {
    color: #000000;
    font-family: CanalDINMiXPL;
    font-size: 24px;
    font-weight: 400;
    list-style: none outside none;
	position:relative;
}
.main-menu li {
    float: left;
    margin: 30px 4px 20px;
}
.main-menu li a {
    background: url("/img/bgToonItem.png") no-repeat scroll center 18px transparent;
    color: #000000;
    padding: 0 7px;
}
html[data-useragent*='MSIE 10.0']  .main-menu li a { padding:0 5px; }
.main-menu li a:hover {
    background-color: #E2640E;
    color: #FFFFFF;
}
.row {
    clear: both;
    margin-top: 20px;
    position: relative;
}
.col13, .col23, .col33 {
    float: left;
    margin-left: 20px;
}
.col13 {
    width: 320px;
}
.col23 {
    width: 620px;
}
.col33 {
}
.clear {
    clear: both;
}
.fll {
    float: left;
}
.flr {
    float: right;
}
.row .col13:first-child, .row .col23:first-child, .col .row33:first-child {
    margin-left: 0;
}
footer {
    color: #000000;
    font-size: 11px;
    line-height: 14px;
    margin-top: 40px;
    position: relative;
	z-index:22;
}
footer > div {
    position: absolute;
    z-index: 2;
}
footer a {
    color: #000000;
}
footer .fll {
    left: 0;
}
footer .flr {
    right: 0;
}
.user-area .ogladaj {
    color: #FFFFFF;
    float: left;
    font-family: ncplus_pl_lightregular,sans-serif;
    font-size: 14px;
    margin: 9px 0 0 15px;
}
.user-area .ogladaj a {
    color: #FFFFFF;
    text-decoration: none;
}
.footerNC {
}
.user-area .ogladaj img {
    margin-left: 3px;
    margin-top: -3px;
    vertical-align: middle;
}
.user-area a.btn_top {
    color: #FFFFFF;
    float: right;
    font-size: 14px;
    margin-right: 22px;
    margin-top: 9px;
}
.user-area ul.ikonyTop {
    margin: 0;
    padding: 0;
}
.user-area li {
    display: block;
    float: right;
    margin: 0;
    padding: 0;
}
.user-area a.ico {
    background: url("/img/srite-top.gif") repeat scroll 0 0 transparent;
    display: block;
    float: right;
    height: 35px;
    overflow: hidden;
    text-indent: 2000px;
    width: 35px;
}
.user-area a.ico.ktv {
    background-position: 0 0;
}
.user-area a.ico.ktv.hover {
    background-position: -35px 0;
    width: 150px;
}
.user-area a.ico.ale {
    background-position: 0 -35px;
}
.user-area a.ico.ale.hover {
    background-position: -35px -35px;
    width: 145px;
}
.user-area a.ico.pla {
    background-position: 0 -70px;
}
.user-area a.ico.pla.hover {
    background-position: -35px -70px;
    width: 155px;
}
.user-area a.ico.dom {
    background-position: 0 -105px;
}
.user-area a.ico.dom.hover {
    background-position: -35px -105px;
    width: 150px;
}
.user-area a.ico.min {
    background-position: 0 -140px;
}
.user-area a.ico.min.hover {
    background-position: -35px -140px;
    width: 170px;
}
.user-area a.ico.tt {
    background-position: 0 -420px;
}
.user-area a.ico.tt.hover {
    background-position: -35px -420px;
    width: 170px;
}
.user-area a.ico.hp {
    background-position: 0 -210px;
}
.user-area a.ico.hp.hover {
    background-position: -35px -210px;
    width: 165px;
}
.graczeArea {
    float: right;
    font-family: CanalDINMiXPL;
    font-size: 13px;
    margin: 13px 20px 0 0;
}
.graczeArea li {
    float: right;
    margin-right: 20px !important;
}
.graczeArea a {
    color: #FFFFFF;
}
.user-area {
    background-color: #800C83;
    float: left;
    font-weight: normal;
    padding: 0;
    width: 100%;
}
.baner {
    margin-bottom: 20px;
    min-height: 145px;
    position: relative;
    width: 100%;
}
.zobacz {
}
.teraz {
    background-color: #FCC61D;
    padding: 17px 17px 0;
    width: 286px;
}
.dz {
    background: url("/img/banner_dz.jpg") no-repeat scroll left top #F17A20;
}
.teraz h2 {
    color: #000000;
    font-family: CanalDINMiXPL;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 7px;
}
.g {
    height: 42px;
}
.g span {
    background: url("/img/mbg.png") no-repeat scroll left top transparent;
    color: #FFFFFF;
    display: inline-block;
    font-family: DINPlLight;
    font-size: 35px;
    font-weight: 400;
    height: 42px;
    margin-left: 5px;
    padding: 0 3px;
    vertical-align: top;
}
.g span:first-child {
    background: url("/img/hbg.png") no-repeat scroll left top transparent;
    color: #FFFFFF;
    font-family: DINPlBlack;
    font-size: 41px;
    min-height: 42px;
    width: 56px;
}
.teraz h3 {
    color: #E94827;
    font-family: DINPlBlack;
    font-size: 26px;
    font-weight: 400;
    margin: 20px 0;
}
.teraz a {
    color: #000000;
    display: inline-block;
    font-family: CanalDINMiXPL;
    font-size: 14px;
    font-weight: 400;
    position: relative;
}
.dz img {
    float: right;
    margin: 10px;
}
.dz h2 {
    bottom: 12px;
    color: #FFFFFF;
    font-family: CanalDINMiXPL;
    font-size: 14px;
    font-weight: 400;
    left: 45px;
    position: absolute;
}
header {
    height: 212px;
    position: relative;
}
header .jcarousel-wrapper {
    float: right;
    margin: 0;
    position: relative;
}
header .jcarousel-wrapper .photo-credits a {
    color: #FFFFFF;
}
header .jcarousel {
    height: 235px;
    overflow: hidden;
    position: relative;
    width: 700px;
}
header .jcarousel ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 20000em;
}
header .jcarousel li {
    float: left;
    /* height: 190px; */
    margin-right: 17px;
    width: 100px;
}
header .jcarousel li a {
    background: url("/img/bgToonItem.png") no-repeat scroll center 121px transparent;
    display: block;
}
header .jcarousel li img {
    height: 100px;
    position: relative;
    margin-top: 35px;
}
header .jcarousel li span {
    color: #000000;
    display: block;
    font-family: CanalDINMiXPL;
    font-size: 14px;
    font-weight: 400;
    margin-top: 10px;
    text-align: center;
    text-transform: lowercase;
}
header .jcarousel-control-prev, header .jcarousel-control-next {
    position: absolute;
    text-indent: -3000px;
    top: 85px;
}
header .jcarousel-control-prev {
    left: -33px;
}
header .jcarousel-control-next {
    right: -20px;
}
header .jcarousel-control-prev:hover span, header .jcarousel-control-next:hover span {
    display: block;
}
.main-carousel {
    height: 212px;
    position: relative;
}
.main-carousel .jcarousel-wrapper {
    margin: 0;
    position: relative;
}
.main-carousel .jcarousel-wrapper .photo-credits a {
    color: #FFFFFF;
}
.main-carousel .jcarousel {
    height: 475px;
    overflow: hidden;
    position: relative;
    width: 620px;
}
.main-carousel .jcarousel ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 20000em;
}
.main-carousel .jcarousel li {
    float: left;
    height: 475px;
    margin-right: 0;
    width: 620px;
    background: #FCC61D;
	position:relative;
}
.main-carousel .jcarousel li img {
    margin-left: 0;
    width: 100%;
}
.main-carousel .jcarousel li h2 {
    color: #E94827;
    font-family: CanalDINMiXPL;
    font-size: 30px;
    font-weight: 400;
    line-height: 0.933;
    margin-bottom: 20px;
    margin-top: 18px;
    margin-left: 20px;
}
.main-carousel .jcarousel li p {
    color: #000000;
    font-family: DINPlLight;
    font-size: 18px;
    font-weight: 400;
    margin-left: 20px;
}
.main-carousel .jcarousel li span {
    color: #000000;
    display: block;
    font-family: CanalDINMiXPL;
    font-size: 14px;
    font-weight: 400;
    margin-top: 10px;
    text-align: center;
    text-transform: lowercase;
}
.main-carousel .jcarousel-control-prev, .main-carousel .jcarousel-control-next {
    position: absolute;
    text-indent: -3000px;
    top: 136px;
}
.main-carousel .jcarousel-control-prev {
    left: 20px;
}
.main-carousel .jcarousel-control-next {
    right: 20px;
}
.main-carousel .jcarousel-control-prev:hover span, .main-carousel .jcarousel-control-next:hover span {
    display: block;
}
.jcarousel-pagination {
    margin: 0;
    position: absolute;
    right: 10px;
    top: 10px;
}
.jcarousel-pagination a {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 10px;
    color: #81197F;
    display: inline-block;
    font-size: 11px;
    height: 15px;
    line-height: 10px;
    margin-right: 12px;
    text-decoration: none;
    text-indent: -9999px;
    width: 15px;
}
.jcarousel-pagination a.active {
    background: none repeat scroll 0 0 #81197F;
    color: #FFFFFF;
    opacity: 1;
}
.tabs > ul {
    display: block;
}
.tabs > ul li {
    background-color: #E94827;
    float: left;
    list-style: none outside none;
    padding: 18px 0;
}
.tabs > ul li:first-child a {
}
.tabs > ul li a, .tabs > ul li span {
    border-left: 1px solid #FFFFFF;
    color: #FEFEFE;
    font-family: CanalDINMiXPL;
    font-size: 17px;
    font-weight: 400;
    padding: 0 25px;
}
.tabs .content {
    background-color: #EE7825;
    clear: both;
    min-height: 187px;
    width: 100%;
}
.tabs .content > div {
    display: none;
    position: relative;
}
.tabs li.active {
    background-color: #EE7825;
    color: #000000;
    margin-top: -5px;
    padding-top: 23px;
}
.tabs > ul li:first-child a {
    border: medium none;
}
.tabs li.active + li > a {
    border: medium none;
}
.tabs li.active a, .tabs li.active span {
    border: medium none;
    color: #000000;
}
.tabs .content > div.active {
    display: block;
}
.tabs .content > div ul {
    display: block;
    margin-top: 20px;
}
.tabs .content > div ul li {
    float: left;
    list-style: none outside none;
    margin: 20px 0 0 24px;
    position: relative;
    width: 190px;
}
.tabs .content > div ul li a {
    color: #FEFEFE;
    font-family: CanalDINMiXPL;
    font-size: 16px;
    font-weight: 400;
}
.tabs .content > div ul li a .sprite {
    display: none;
    position: absolute;
    top: 0;
}
.tabs .content > div ul li a:hover .sprite {
    display: block;
}
.tabs .content > div ul li a span {
    display: block;
    margin: 10px 0;
}
.bgPat1 {
background: url('/img/bgPat1.png') no-repeat center top;
position: absolute;
top: 0px;

}
.bgPat1, .bgPat2, .bgPat3, .bgPat4, .bgPat5 {
height: 600px;
width: 100%;
z-index:0;
}
.searchFooter {
background: url('/images/bgSearchFt.png') no-repeat bottom right;
width: 980px;
height: 151px;
position: relative;
}

.searchFooter h3 {
color: #82197e;
font-size: 26px;
position: absolute;
top: 48px;
right: 410px;
margin: 0px;
font-family: CanalDINMiXPL;
}

.searchFooter input.txt {
position: absolute;
top: 55px;
right: 168px;
border: 0px;
width: 220px;
height: 20px;
}

.searchFooter input.submit {
position: absolute;
top: 35px;
right: 70px;
border: 0px;
width: 80px;
height: 60px;
background: transparent;
cursor: pointer;
background: url('/images/bgOK.png') no-repeat left top;
}

.col13 .addthis_toolbox {
    position: absolute;
    margin-top: -40px;
    margin-left: 5px;
}
div#FBRight {
background-image: url("/img/FBRight.png");
height: 300px;
right: 0;
padding: 10px;
position: fixed;
top: 55%;
width: 251px;
z-index: 1000;
}

.playVideoBtn2 {
    background: url("http://mamtalent.tvn.pl/bundles/basePrograms/img/btn_play.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    height: 94px;
    left: 50%;
    margin-left: -47px;
    margin-top: -77px;
    position: absolute;
    top: 50%;
    width: 94px;
    z-index: 11;
}

.gameItem.single p{}
.gameItem.single h3 a{}
@media only screen and (max-width: 920px){
	#nctop {display:none;}
	#nctop + div {display:none;}
}
	#cookie_policy {padding: 7px;margin:0 auto;background: white;text-align: center;font: 13px ncplus_pl_lightregular, verdana;text-transform:uppercase;position:fixed;bottom:0;width:100%;z-index:10000;}
	#cookie_policy input {background-color: #E94827;border: none;border-radius: 2px;font: 13px ncplus_pl_lightregular, verdana;color: white;cursor: pointer;}
	

	#cookie_policy a {margin-left: 30px;color: #e62c62;}

@media screen and (max-width: 768px){
	#cookie_policy {font-size:19px;}
	#cookie_policy input { font-size:19px}
}

.button, input[type="submit"].button {
    color: #fff !important;
    font-size: 30px;
    width: auto;
    padding: 15px   33px 5px !important;
    background: #ce1461;
    font-family: CanalDINMiXPL;
    font-weight: normal;
	min-width: 120px;
	min-height: 40px;
	text-decoration: none;
	line-height: 40px;	
	text-align: center;
	display:block;
    border: none;
}

.logowanie p {}

.logowanie header{
    height: 100%;
}
.logowanie h1{
    font-size: 41px;
    font-family: CanalDINMiXPL;
    display: inline-block;
    position: absolute;
    left: 50%;
    font-weight: normal;
    margin-left: -50px;
    margin-top: -58px;
    background: transparent url(/images/cien.png) no-repeat bottom center;
    padding-bottom: 11px;
    background-size: contain;
}
.logowanie .column{
    position: relative;
    display: block;
    float: left;
}
.logowanie .col_left{
    width: 571px;
}
.logowanie .col_right{
    width: 389px;
}
.logowanie input[type="text"], .logowanie input[type="password"], .logowanie input[type="email"], textarea, select {
    background: #f7ae17;
    border: 3px solid #81197f;
    FONT-SIZE: 24px;
    padding: 12px;
    margin-left: 20px;
    width: 56%;

	}
.logowanie input[type="file"]{
    width: 41%;
	
    margin-left: 20px;
}
.logowanie select {
    width: 61%;
}
.logowanie textarea {}
.logowanie form small {
    display: block;
    font-size: 11px;
    width: 40%;
    margin: 34px 10px;
    float: right;
    text-align: left;
    font-family: DINPlLight;
}
.logowanie form .thumb {
    float: right;
    width: 20%;
}
.logowanie label {
    display: block;
    font-family: CanalDINMiXPL;
    font-size: 24px;
    color: #81197f;
    text-align: right;
    margin: 7px 0;
}
.logowanie form {
    padding: 35px 63px 44px 0;
    border-right: 2px solid #81197f;
    border-bottom: 2px solid #81197f;
}
.logowanie form input[type="submit"]{
    float: right;
    width: 62%;
    margin-top: 10px !important;
    display: table-caption;
    position: relative;
}
.logowanie form a img{
    vertical-align: bottom;
}
.logowanie form a {
    font-size: 18px;
    font-family: CanalDINMiXPL;
    color: #81197f;
    display: block;
    float: right;
    margin: 30px 106px 0;
}
.btn-facebook, .btn-twitter, .btn-google, .btn-live {
    border: medium none;
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: verdana;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    margin: 6px auto !important;
    opacity: 1;
    padding: 0 8px 0 40px !important;
    text-align: left;
    text-transform: none;
    width: 100px;
}
.btn-facebook, .btn-twitter, .btn-google, .btn-live {
    float: left;
}
.btn-facebook {
    background: url("/images/icon-facebook.png") no-repeat scroll left center #3e5b97;
}
.btn-twitter {
    background: url("/images/icon-twitter.png") no-repeat scroll left center #2aa7de;
}
.btn-google {
    background: url("/images/icon-google.png") no-repeat scroll left center #cf4832;
}
.btn-live {
    background: url("/images/icon-live.png") no-repeat scroll left center #00adef;
}
.btn-facebook:hover, .btn-twitter:hover, .btn-google:hover, .btn-live:hover {
    color: #fff;
    opacity: 0.85;
    text-decoration: none;
}
.btn-facebook.disabled, .btn-twitter.disabled, .btn-google.disabled, .btn-live.disabled {
	opacity:0.5;
	text-decoration: none;
	text-decoration: none;
}
.connectbtns {
    margin: auto;
    width: 146px;
    text-align: center;
}
.connect {
	margin: 20px auto;
    width: 635px;
}
.connect .btn {
	margin:10px 5px !important;
}

.column h2 {
    color: #81197f;
    font-family: CanalDINMiXPL;
    font-size: 18px;
    text-align: center;
    margin: 0 0 20px;
}
.column h3 {
    font-size: 18px;
    margin: 40px 0 20px;
    font-family: CanalDINMiXPL;
}
.button.rejestracja {
    margin-bottom: 10px;
}
.span1 {
    margin-left: 182px;
    margin-right: 67px;
}
.close {
    position: absolute;
    right: 0;
    font-size: 90px;
    font-weight: bold;
    top: -27px;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	color:#000;
}

.center p{
    font-size: 18px;
    padding: 0 40px;
}
.center {
    text-align: center;
}
.center form {
    padding: 0;
    border: 0;
    display: block;
    width: 548px;
    margin: 40px auto;
}
.center h2 {
    font-family: CanalDINMiXPL;
    font-size: 24px;
    margin: 0 0 20px;
}

.userArea {
	 font-family: CanalDINMiXPL;
	 font-weight:normal;
}
.userArea a{
    color: #fff;
    line-height: 26px;
    font-size: 16px;
    margin-top: 3px;
    display: inline-block;
    margin-bottom: -3px;
}
.userArea li{}
.userArea .divider{
    content: "|";
    display: block;
    width: 20px;
    height: 26px;
    color: #fff;
    line-height: 30px;
    text-align: center;
}
.userArea .divider2{
    background: transparent url(/images/narrow.png) no-repeat top left;
    width: 10px;
    height: 36px;
    margin-top: -10px;
}
.userArea .big{
    height: 37px;
    position: relative;
    margin-top: -11px;
    background: #800C83;
    line-height: 42px;
    padding: 0 12px;
    font-size: 18px;
}
.userArea .big > img{
   border-radius: 35px;
    left: 4px;
    margin-right: 15px;
    margin-top: 4px;
    max-width: 30px;
    position: absolute;}
.userArea .big img{
    border-radius: 35px;
    margin-right: 15px;
    max-width: 30px;
}
.arrdown {
-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    
    display: inline-block;
    height: 25px;
    position: absolute;
    right: 5px;
    top: 5px;
    transform: rotate(90deg);
    width: 18px;
/* float: right; */
}
.big.logged {
	background: #cb0044;
	padding: 0 35px 0 43px;
}

.big ul {
    background: #cb0044;
    position: absolute;
    right: 0;
    top: 35px;
    width: 100%;
    min-width: 173px;
    z-index: 100000;
    border-top: 1px solid #800c83;
    display: none;
}
.big ul  li{
    float: none;
    margin: 2px 0;
}
.big ul  li a{
    display: block;
    padding: 4px 10px;
    margin: 2px 0;
}
.big ul  li a:hover{
    background: #800c83;
}
.big:hover ul {
    display: block;
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}   
.embed-responsive.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}
.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0;
}
.videoContainer .video-js.vjs-standard-skin .vjs-big-play-button:hover {
    background-color: rgba(129,25,127,.85);
}


.videoContainer .video-js.vjs-standard-skin .vjs-control:hover,.videoContainer  .video-js.vjs-standard-skin.vjs-playing .vjs-play-control:hover {
    background: rgba(129,25,127,.85);
}

.videoContainer .video-js.vjs-standard-skin .vjs-play-progress,.videoContainer  .video-js.vjs-standard-skin .vjs-play-progress.vjs-ad-progress,.videoContainer .video-js.vjs-standard-skin .vjs-volume-level {
    background: rgb(129,25,127);
}

.videoContainer .video-js.vjs-standard-skin .vjs-volume-control:hover,.videoContainer .video-js.vjs-standard-skin .vjs-current-time:hover,.videoContainer .video-js.vjs-standard-skin .vjs-duration:hover,.videoContainer .video-js.vjs-standard-skin .vjs-remaining-time:hover,.videoContainer .video-js.vjs-standard-skin .vjs-time-divider:hover {
    background: transparent;
}