@charset "utf-8";
/* CSS base v2011-09-22 */
body { font: 100%/1.4 Arial, Helvetica, sans-serif; background:#fff; margin:0; padding:0; color:#000;}
ul, ol, dl {padding:0; margin:0;}
h1, h2, h3, h4, h5, h6, p {margin-top:0; padding:0 5px;}
header, section, footer, aside, nav, article, figure {display:block;}
a, a:link { color:#42413C; text-decoration:none; }
a:visited { color:#6E6C64; text-decoration:underline; }
a:hover, a:active, a:focus { text-decoration:underline; }
a img {border:0 none;}

.container {width:960px; margin: 0 auto;}

/* top header */
.header {position:relative; height:132px; font-size:10px;}
.header ul {position:absolute; list-style:none;}
.header a {color:#0e4594; text-decoration:none;}
.header a:hover {color:#000;}
.header fieldset, .footer fieldset {border:0 none; margin:0; padding:0;}
.header button {cursor:pointer;}
.header .links {right:10px; top:0; width:190px; height:20px;}
.header .links li {display:block; float:right; font-size:10px;}
.header .links li a {display:block; font-size:9px; height:13px; padding:7px 0 0 7px;}
.header .tvp-logo {display:block; clear:both; float:left; margin:20px 10px 0;}
.header .menu {width:507px; height:54px; top:20px; right:200px;}
.header .menu li {display:block; float:left; height:54px; text-indent:-999em;}
.header .menu li a {display:block; height:53px;}
.header .menu .n1 a {width:128px; background:url(../gfx/mtop2.png) 0 0 no-repeat;}
.header .menu .n2 a {width:125px; background:url(../gfx/mtop2.png) -128px 0 no-repeat;}
.header .menu .n3 a {width:127px; background:url(../gfx/mtop2.png) -253px 0 no-repeat;}
.header .menu .n4 a {width:127px; background:url(../gfx/mtop2.png) -380px 0 no-repeat;}
.header .user {position:absolute; width:170px; height:20px; top:23px; right:10px; border-top:1px solid #e4e5e5; border-bottom:1px solid #e4e5e5;}
.header ul.user li {display:block; float:right; margin:0 0 0 10px; color:#aeaeae; line-height:20px;}
.header ul.user li a {display:block;}
.header .search {position:absolute; width:170px; height:20px; top:54px; right:10px;}
.header .search input {width:100px; height:18px; padding:1px; border:1px solid #e4e5e5; margin:0 0px 0 0;line-height:18px !important;}
.header .search button {width:62px; height:20px; background:url(../gfx/top-search-button.png) 0 0 no-repeat; text-indent:-999em; border:0 none;}
.header .main-menu {position:absolute; left:0; bottom:0; margin:10px 5px 0; padding:10px 5px; border:0px none #f4f5f5; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; background:#f4f5f5}
.header .main-menu ul {clear:both; position:static; width:940px; height:32px; background:url(../gfx/spr-bg.png) 0 0 repeat-x;}
.header .main-menu ul li {display:block; float:left;}
.header .main-menu ul li.act {}
.header .main-menu ul li a {display:block; height:32px; padding:0 30px; line-height:32px; background:url(../gfx/spr-bg.png) 0 0 repeat-x; color:#fff; font-size:14px; text-decoration:none; text-transform:uppercase;}
.header .main-menu ul li.act a, .header .main-menu ul li a:hover, .header .main-menu ul li:hover > a {background:url(../gfx/spr-bg.png) 0 -40px repeat-x;}
.header .main-menu #home a span {text-indent:-999em; display:block; width:50px; height:32px; background:url(../gfx/spr-ico.png) 50% -32px no-repeat; overflow:hidden;}
.header .main-menu ul li ul {display:none; width:auto; min-width:120px; height:auto; position:absolute; padding:1px 5px 5px; background:#2b7fcc none; border:0px solid #eee; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; z-index:300;}
.header .main-menu ul li ul li {clear:both; float:none; z-index:301;}
.header .main-menu ul li ul li a {clear:both; float:none; height:auto; padding:0 10px; font-size:11px; line-height:2em; background:#2b7fcc none; text-transform:none; border-top:1px solid #fff;}
.header .main-menu ul li:hover ul {display:block;}
.header .main-menu ul .first a {-webkit-border-radius:4px 0 0 4px; -moz-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px;}
.header .main-menu ul li #m-tvp-regional {width:216px; -moz-column-count: 2; -moz-column-gap: 5px; -webkit-column-count: 2; -webkit-column-gap: 5px; column-count: 2; column-gap: 5px;}
.header .main-menu ul li #m-s-nasze-anteny {width:152px;}
/** easter */
.easter .header .menu {width:431px; height:62px; right:230px;}
.easter .header .menu li {height:62px;}
.easter .header .menu li a {height:62px;}
.easter .header .menu .n1 a {width:159px; background:url(../gfx/mtop-wielkanoc.jpg) 0 0 no-repeat;}
.easter .header .menu .n2 a {width:125px; background:url(../gfx/mtop-wielkanoc.jpg) -159px 0 no-repeat;}
.easter .header .menu .n3 a {width:147px; background:url(../gfx/mtop-wielkanoc.jpg) -284px 0 no-repeat;}

.footer { padding:10px 0; background:#fff; position:relative; clear:both; font-size:12px; color:#000;}
.footer h4 {padding:0; max-width:50%;}
.footer a { text-decoration:none; color:#0e4594;}
.footer a:hover { text-decoration:underline; color:#0e4594;}
.footer ul {list-style:none;}
.footer .anteny { width:100%; height:35px; display:table; margin-bottom: 10px}
.footer .anteny li {display:table-cell; text-indent:-999em;}
.footer .anteny li a {display:block; width:52px; height:32px; background:url(../gfx/loga-anten-v2.png) 100px 100px no-repeat;}
.footer .anteny #logo-TVP1 a {width:59px; background-position:-25px -17px;}
.footer .anteny #logo-TVP2 a {width:59px; background-position:-125px -17px;}
.footer .anteny #logo-TVPInfo a {width:54px; background-position:-208px -17px;}
.footer .anteny #logo-TVPPolonia a {width:52px; background-position:-324px -17px;}
.footer .anteny #logo-TVPSport a {width:64px; background-position:-411px -17px;}
.footer .anteny #logo-TVPKultura a {width:52px; background-position:-525px -17px;}
.footer .anteny #logo-TVPHistoria a {width:52px; background-position:-625px -17px;}
.footer .anteny #logo-TVPHD a {width:60px; background-position:-720px -17px;}
.footer .anteny #logo-TVPSeriale a {width:52px; background-position:-824px -17px;}
.footer .anteny #logo-Belsat a {width:48px; background-position:-914px -17px;}
.footer .anteny #logo-TVPAbc a {width: 38px; background-position: -1430px -17px;}
.footer .anteny #logo-TVPParlament a {width:106px; background-position:-1010px -17px;}
.footer .anteny #logo-TVPRozrywka a {width:52px; background-position:-1224px -17px;}
.footer .anteny #logo-TVPregionalna a {width:52px; background-position:-1324px -17px;}
.footer .anteny #logo-TVPAbc2 a {width:26px; background-position:-1517px -17px;}
.footer .anteny #logo-TVPAlfa a {width:63px; background-position:-1593px -17px;}
.footer .anteny .last {width:65px;}
.footer .anteny #logo-TVP1 a:hover {background-position:-25px -79px;}
.footer .anteny #logo-TVP2 a:hover {background-position:-125px -79px;}
.footer .anteny #logo-TVPInfo a:hover {background-position:-208px -79px;}
.footer .anteny #logo-TVPPolonia a:hover {background-position:-324px -79px;}
.footer .anteny #logo-TVPSport a:hover {background-position:-411px -79px;}
.footer .anteny #logo-TVPKultura a:hover {background-position:-525px -79px;}
.footer .anteny #logo-TVPHistoria a:hover {background-position:-625px -79px;}
.footer .anteny #logo-TVPHD a:hover {background-position:-720px -79px;}
.footer .anteny #logo-TVPSeriale a:hover {background-position:-824px -79px;}
.footer .anteny #logo-Belsat a:hover {background-position:-914px -79px;}
.footer .anteny #logo-TVPAbc a:hover {background-position:-1430px -79px;}
.footer .anteny #logo-TVPParlament a:hover {background-position:-1010px -79px;}
.footer .anteny #logo-TVPRozrywka a:hover {background-position:-1224px -79px;}
.footer .anteny #logo-TVPregionalna a:hover {background-position:-1324px -79px;}
.footer .anteny #logo-TVPAbc2 {width: 40px;}
.footer .anteny #logo-TVPAbc2 a:hover {background-position:-1517px -79px;}
.footer .anteny #logo-TVPAlfa a:hover {background-position:-1593px -79px;}
.footer .table {width:100%; border-top:1px solid #ccc; padding:1em 0;}
.footer .seetoo {width:560px; float:left; column-count:3; column-gap:1em; -moz-column-count:3; -moz-column-gap:1em; -webkit-column-count:3; -webkit-column-gap:1em;}
.footer .tvp-regional {width:380px; column-count:3; column-gap:1em; -moz-column-count:3; -moz-column-gap:1em; -webkit-column-count:3; -webkit-column-gap:1em;}
.footer .foot {width:100%; height:111px; display:table; border-top:1px solid #ccc; font-size:11px; color:#aeaeae;}
.footer .foot a {color:#444; margin:0 1em 0 0;}
.footer .foot li {display:table-cell; padding:1.5em 0;}
.footer .foot .last {text-align:right;}
.footer a#logo-BIP {background: url(../gfx/bip.png) no-repeat scroll 0 100% transparent; margin:-10px 0 0; display: block; float: left; height: 40px; overflow: hidden; text-indent: -999em; width: 40px;}

.content {clear:both; padding:0 10px; width: 940px; background:#fff;}
.content .cols3 .modul {float:left;}
.content .cols3 .w300 {width:278px;}
.content .cols3:after { content:" &nbsp; "; display:block; height:0; overflow:hidden; clear:both; visibility:hidden; color:#fff; }
.contentTable {/*display:table;*/}
/* kolumny */
.content .mcCols {display:table;}
.content .mcCol_1, .content .mcCol_2, .content .mcCol_3 {width:300px; padding:0 10px; display:table-cell; vertical-align: top;}
.content .mcCol_1 {padding-left:0;}
.content .mcCol_3 {padding-right:0;}
.content .mcCol_1-2 {width:620px; padding-right:10px; display:table-cell; vertical-align: top;}
.content .mcCol_2-3 {display:table-cell; width:620px; padding-left:10px;}
.content .mcCol_1-3 {display:table-cell; width:940px;}

/* scroll */
.sliderbox {margin:0 auto; position:relative;}
.sliderbox .slider-content {margin:0 auto; overflow:auto;}
.sliderbox .slider-inner {}
.sliderbox .slider-content .item {}
.sliderbox .slider-nav-left {position:absolute; top:0; left:0;}
.sliderbox .slider-nav-right {position:absolute; top:0; right:0;}

/* modul uni */
.section {position:relative; height:auto; margin:10px 0; padding:0 10px 30px; border:1px solid #ccc; border-radius: 4px; -moz-border-radius:4px; font-size:80%;}
.section h2 {border-top:2px solid #353f84; border-bottom:1px solid #eee; margin:-1px 0 6px; line-height:34px; color:#212b70; font-weight:normal; font-family:  Arial, Helvetica, sans-serif; font-size:17px;}
.section .section-nav {list-style:none; position:absolute; top:8px; right:10px; font-size:11px;}
.section .section-nav li {float:left;}
.section .section-nav li a {display:block; padding:2px 5px;}
.section .articles ul {list-style:none;}
.section .articles ul li {clear:both; border-bottom:1px solid #f0f0f0; padding:3px 1px; margin:0 0 0 10px;}
.section .articles ul li.first {border:0 none;}
.section .articles ul li.first .img {float:left; margin:0 10px 7px 0; border:0 none;}
.section .articles ul li a {font-size:12px; color:#0e4594; text-decoration:none; white-space:normal;}
.section .articles ul li a p, .section .articles div a p, .section .articles ul li a span.p, .section .articles div a span.p {display:block; white-space:normal; line-height:1.1em; font-size:11px; margin:5px 0 0; padding:0;}
.section .articles ul li.first a {display:block; color:#0e4594; text-decoration:none; font-weight:bold;font-size:13px; line-height:1.1em;}
.section .section-nav li ul {display:none; position:absolute; list-style:none; z-index:111; background:#eee;}
.section .section-nav li ul li {display:block; float:none; background:#eee; list-style:none; font-size:10px; padding:0 5px;}
.section .section-nav li:hover ul {display:block;}
.section .articles ul li a:hover, .section .articles div a:hover .sub p, .section .articles div a:hover .sub span.p {display:block; color:#000; text-decoration:underline;}
.section .articles .video a:after {content:" "; display:inline-block; width:11px; height:11px; margin:0 0 0 5px; padding:0; background: url(../gfx/spr-ico.png) 0 0 no-repeat;}
.section .sub {display:block;}

.breadcrumb {font-size:11px;}
.breadcrumb a {color:#333; padding:0 10px 0 0; background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAMAAACZS1ciAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF52eI////rWeBbgAAAAJ0Uk5T/wDltzBKAAAAIUlEQVR42mJghAAGDJoBzGaAMKFsBmQaTjBg1Q8BAAEGAA3gAEk0hnc7AAAAAElFTkSuQmCC") no-repeat 100% 0;}
.breadcrumb {color:#0e4594;}
.top h1 {color:#353f84; margin:10px 0 5px; padding:0 10px;}
.like-nk #nk_fajne_0, .like-nk #nk_fajne_0 iframe {width:200px;}


/* tytuly */
#modul-nie-przegap h2 {text-indent:-999em; background:transparent url(../gfx/th.png) 10px 8px no-repeat;}
#modul-informacje h2 {text-indent:-999em; background:transparent url(../gfx/th.png) 10px -22px no-repeat;}
#modul-kultura h2 {text-indent:-999em; background:transparent url(../gfx/th.png) 10px -51px no-repeat;}
#modul-sport h2 {text-indent:-999em; background:transparent url(../gfx/th.png) 10px -82px no-repeat;}
#modul-najpopularniejsze-serwisy h2 {text-indent:-999em; background:transparent url(../gfx/th.png) 10px -112px no-repeat;}
#modul-fotoreportaze h2 {text-indent:-999em; background:transparent url(../gfx/th.png) 10px -142px no-repeat;}
#modul-rozrywka h2 {text-indent:-999em; background:transparent url(../gfx/th.png) 10px -172px no-repeat;}
#modul-teraz-na-antenie h2 {text-indent:-999em; background:transparent url(../gfx/th.png) 10px -202px no-repeat;}
#modul-waszym-zdaniem h2 {text-indent:-999em; background:transparent url(../gfx/th.png) 10px -232px no-repeat;}
#modul-sklep h2 {text-indent:-999em; background:transparent url(../gfx/th.png) 10px -262px no-repeat;}
#modul-vod h2 {text-indent:-999em; background:transparent url(../gfx/th.png) 10px -292px no-repeat;}
#modul-nowosci h2 {text-indent:-999em; background:transparent url(../gfx/th.png) 10px -322px no-repeat;}
#modul-serwisy h2 {text-indent:-999em; background:transparent url(../gfx/th.png) 10px -352px no-repeat;}
#modul-katalog-programow h2 {text-indent:-999em; background:transparent url(../gfx/th.png) 10px -382px no-repeat;}
#modul-aktualnosci h2 { text-indent:-999em; background:transparent url(../gfx/th.png) 10px -442px no-repeat; }

/* odsyłacze przy tytułach */
#modul-sport h2 a {display:block;width:55px;}
.section .link-list {position:absolute;top:0;right:0;margin:0;padding:0;display:block;}
.section .link-item {margin:0 5px 0 0;padding:7px 0 0;display: block;float:left;clear:none;}
.section .link-item a {color:black;font-weight: bold;font-size:0.9em;}

/* zostaje ogolne */
.fl {display:block; float:left;} .fr {display:block; float:right;}
.m10h {margin-left:10px; margin-right:10px;}
.m20h {margin-left:20px; margin-right:20px;}
.fltrt { float:right; margin-left:8px; }
.fltlft { float:left; margin-right:8px; }
.clearfloat { clear:both; height:0; font-size:1px; line-height:0px; }
.table { display:table;}
.cell {display:table-cell;}
.w300 {width:300px;}
.w620 {width:620px;}
.clr {clear:both;}
.cRed {color:#d2244a;} .bgRed {background-color:#d2244a;}
.cRed2 {color:#db3b64;} .bgRed2 {background-color:#db3b64;}
.cBlue {color:#0e4594;} .bgBlue {background-color:#0e4594;}
.cBlue2 {color:#212b70;} .bgBlue2 {background-color:#212b70;}
.cBlueL {color:#5e8bca;} .bgBlueL {background-color:#5e8bca;}
.cBlueL2 {color:#5c73a5;} .bgBlueL2 {background-color:#5c73a5;}
.cBlueL3 {color:#8b9bbf;} .bgBlueL3 {background-color:#8b9bbf;}
.cWhite {color:#fff;} .bgWhite {background-color:#fff;}
.cBlack {color:#000;} .bgBlack {background-color:#000;}
.foto {background:#fff; display:block;}
.bl {display:block;} .fl {float:left;} .fr {float:right;} .fno {float:none;}
.txl {text-align:left;}
.txc {text-align:center;}
.txr {text-align:right;}

iframe.boxfb {overflow:hidden; background:#fff; border:0 none;}

/* _ */
.radius4 {border:0px solid #eee; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.shadow1 {-webkit-box-shadow: #666 0px 1px 1px; -moz-box-shadow: #666 0px 1px 1px; box-shadow: #666 0px 1px 1px;}
.gradient-old {border:0 none; background: #f0f1f2; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f9f9f9), to(#e2e3e7)); background: -webkit-linear-gradient(#f9f9f9, #e2e3e7); background: -moz-linear-gradient(#f9f9f9, #e2e3e7); background: -ms-linear-gradient(#f9f9f9, #e2e3e7); background: -o-linear-gradient(#f9f9f9, #e2e3e7); background: linear-gradient(#f9f9f9, #e2e3e7);
}
.gradient {border:0 none; background: #f9f9f9; background: -moz-linear-gradient(top, #f9f9f9 0%, #e2e3e7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e2e3e7)); background: -webkit-linear-gradient(top, #f9f9f9 0%,#e2e3e7 100%); background: -o-linear-gradient(top, #f9f9f9 0%,#e2e3e7 100%); background: -ms-linear-gradient(top, #f9f9f9 0%,#e2e3e7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f9f9f9", endColorstr="#e2e3e7",GradientType=0 ); background: linear-gradient(top, #f9f9f9 0%,#e2e3e7 100%); }


.test {border:1px solid #c63; -webkit-border-radius: 0px 10px; -moz-border-radius: 0px 10px; border-radius: 0px 10px;}

#cookieControl {display:none;width:970px;background:#F8F8F8;padding:10px;}
#cookieControl strong {display:block;margin:10px 0 10px 5px;font-weight:bold;float:left;font-size:16px;}
#cookieControl .close-cookie-control {display:block;float:right;margin:10px 20px 10px 0;cursor:pointer;}
#cookieControl p {display:block;clear:both;font-size:14px;}