/* reset 
---------------------------------------------------------------------------- */
abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background-color: transparent; }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
address, cite, q, dfn { font-style: normal; }
h1, h2, h3, h4, h5, h6 { font-weight: inherit; }
a, ins, del { text-decoration: none }
q { quotes: none; }
q:after, q:before { content: ""; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
th, td { vertical-align: top; }
th { text-align: left; }
pre, code, var, samp, kbd { font-family: "Monaco", "Lucida Console", monospace, sans-serif; }
a img { border: none; }
a:focus { outline: none; }
html * { margin: 0px; padding: 0px; }
/* loyout 
----------------------------------------------------------------- */
body { background-color: #f0f0f0; color: #252525; font-family: Arial, Helvetica, sans-serif; }
#maincontainer { background-color: #fff!important; min-height: 800px; max-width: 1600px; margin: 0 auto; }
body > header { }
.container, footer { margin: 0 auto; width:  960px; }
/* reklama header */
header .reklama { margin: 0 auto; width:  960px; text-align: center; padding: 10px 0; text-align: center; }
header .reklama img { display: block; margin: 0 auto; }
.container, footer { margin: 0 auto; width:  960px; }
/* nawigacja pozioma 
---------------------------------------------------------------- */

#main_nav .container { width: 980px; }
/* sekcja slidera na home page 
prowadzacy / logo / slider / nasze cykle 
---------------------------------------------------------------- */
.wallpaper {background:url(http://s.v3.tvp.pl/files/portal/ss2/pytanie-na-sniadanie/v2/gfx/pns-wallpaper.png) no-repeat left top;}
#top_section { position: relative; height:890px; }
#top_section_content { position: relative; height:180px; }
#top_section #plan_emisji, #top_section_content #plan_emisji { top:20px; right: 20px; position: absolute; }
#top_section #plan_emisji img, #top_section_content #plan_emisji img { display: block; }
#top_section .fb { top:130px; right: 20px; position: absolute; text-align: right; }
#top_section_content .fb { top:150px; right: 20px; position: absolute; text-align: right; }
#top_section .container, #top_section_content .container { position: absolute; left: 50%; margin:0px auto auto -490px; z-index: 2; width:  980px; }
#top_section #pns_logo a, #top_section_content #pns_logo a { text-indent: 100%; white-space: nowrap; overflow: hidden; width: 263px; height: 176px; background-image: url(../gfx/pns-logo-top.png); background-repeat: no-repeat; z-index: 100; display: block; margin:16px auto auto -131px; position: absolute; left: 50%; }
#home_slider { width: 980px; height: 420px; position: relative; margin: 172px auto 0 auto; z-index: 3; border-top: 8px solid #9100A5; }
/*#top_section_content #prowadzacy{position: relative;	z-index: 1; width: 100%; height: 680px; 	text-indent: 100%;white-space: nowrap;	overflow: hidden;}*/
#top_section #prowadzacy { position: relative; z-index: 1; width: 100%; height: 585px; text-indent: 100%; white-space: nowrap; overflow: hidden; }
#prowadzacy img { display: block; }
#nasze_cykle { height: 306px; background-color: #000; top: 585px; position: relative; }
#nasze_cykle .container { position: absolute; left: 50%; margin:0px auto auto -480px; z-index: 2; width:  960px; }
#nasze_cykle h1 { font-family: 'Lato', sans-serif; font-weight: 300; color: #838383; font-size: 24px; text-transform: uppercase; letter-spacing: 14px; text-align: center; margin: 60px 0 15px 0; }
/* nasze cykle slider */
#nasze_cykle span { display: block; width: 220px; color: #fff; font-family: 'Lato', sans-serif; font-weight: 400; text-transform: uppercase; font-size: 14px; letter-spacing: 2px; text-align: center; padding: 3px 0; }
#nasze_cykle .slider_container { position: relative; overflow: hidden; }
#nasze_cykle .slider_container .nasze_cykle_slider { width: 940px; margin-left: 10px; }
#nasze_cykle .slider_container li { margin-right: 20px; }
#nasze_cykle .slider_container li img { width: 220px; height: 153px; }
#nasze_cykle .slider_container li:hover span { opacity: 0.85; transition: all .2s linear; -o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; }
#nasze_cykle .slider_container .arrow { position: absolute; width: 80px; height: 125px; background-repeat: no-repeat; z-index: 3; background-position: 0 0px; top: 32px; text-indent: 100%; white-space: nowrap; overflow: hidden; }
#nasze_cykle .slider_container .arrow:hover { background-position: 0 -125px; }
#nasze_cykle .slider_container .previous.arrow { background-image: url(../gfx/arrow_nasze_cykle_l.png); left: 0px; }
#nasze_cykle .slider_container .next.arrow { background-image: url(../gfx/arrow_nasze_cykle_r.png); right: 0px; }
/* kodowanie kolorem dzialow w nasze cykle */
#nasze_cykle span.hobby { background-color: #FF4F00; }
#nasze_cykle span.dzieci { background-color: #008796; }
#nasze_cykle span.moda { background-color: #3386ED; }
#nasze_cykle span.uroda { background-color: #5432AC; }
#nasze_cykle span.hobby { background-color: #FF4F00; }
/* wybierz z archiwum */
#wybierz_z_archiwum { background-image: url(../gfx/shadow_920.png); background-position: 50% 100%; background-repeat: no-repeat; background-color: #EBEBEB; padding: 10px 0; text-align: center; font-family: 'Lato', sans-serif; font-weight: 400; text-transform: uppercase; font-size: 16px; letter-spacing: 2px; margin: 0 0 25px 0; color: #757575; }
#wybierz_z_archiwum #calendar { display: inline-block; height: 42px; width:  42px; background-image: url(../gfx/ico_kalendarz.png); background-position: 0 0; background-repeat: no-repeat; text-indent: 100%; white-space: nowrap; overflow: hidden; vertical-align: middle; margin-left: 10px; }
#wybierz_z_archiwum #calendar:hover { background-position: 0 -42px; }
/* uklad dwoch kolumn na home page */
.contentwrapper { float: left; width: 100%; }
.contentcolumn { margin-right: 310px; }
.rightcolumn { float: left; width: 310px; margin-left: -310px; }
/* uklad dwoch kolumn na o programie */
#o_programie .contentcolumn { margin-right: 320px; }
#o_programie .rightcolumn { width: 320px; margin-left: -320px; }
.container:after, .container.cols_2:after { clear: both; content: ""; display: block; height: 0; overflow: hidden; }
/* reklama */
.reklama span { color: #999999; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 10px; letter-spacing: 2px; margin: 0 10px 0 0; text-align: right; }
.reklama.Half_Page { margin: 0 0 10px 0; }
/* ankieta */
#ankieta { border: 5px solid #5431AE; margin: 20px 10px 20px 0; font-family: 'Lato', sans-serif; font-weight: 300; font-size: 16px; color: #444444; position: relative; }
#ankieta > p { text-align: center; }
#ankieta label { cursor: pointer; text-transform: uppercase; margin: 10px 0; display: block; }
#ankieta label:hover { color: #999; }
#ankieta fieldset, #ankieta #ankietaWyniki { list-style: none; margin: 20px 20px 20px 40px; }
#ankieta hgroup { text-align: center; padding: 52px 0 20px 0; }
#ankieta h3 { color: #fff; text-transform: uppercase; width: auto; background-color: #5431AE; display: inline-block; padding: 3px 20px; letter-spacing: 2px; }
#ankieta #logo_pns { width: 97px; height: 81px; background-image: url(../gfx/pns-logo-sonda.png); background-repeat: no-repeat; text-indent: 100%; white-space: nowrap; overflow: hidden; position: absolute; top: -20px; left: 90px; }
/* kontrolki radio - graficzne */
.has-js .label_check, .has-js .label_radio { padding-left: 25px; }
.has-js .label_radio { background: url(../gfx/radio-off.png) no-repeat; }
.has-js .label_check { background: url(../gfx/check-off.png) no-repeat; }
.has-js label.c_on { background: url(../gfx/check-on.png) no-repeat; }
.has-js label.r_on { background: url(../gfx/radio-on.png) no-repeat; }
.has-js .label_check input, .has-js .label_radio input { position: absolute; left: -9999px; }
#glosuj { display: block; width: 80px; cursor: pointer; padding: 4px 0; text-align: center; margin:  0 auto 20px auto; color: #444; font-family: 'Lato', sans-serif; font-weight: 400; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border: 1px solid #ccc; -webkit-box-shadow: inset 1px 2px 5px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 1px 2px 5px 1px rgba(0, 0, 0, 0.1); }
#glosuj:hover { color: #fff; background-color: #5431AE; border: 1px solid #5431AE; -webkit-box-shadow:  1px 0px 5px 1px rgba(0, 0, 0, 0.2); box-shadow:  1px 0px 5px 1px rgba(0, 0, 0, 0.2); }
/* w ostatnich programach  */
#w_ostatnich_programach ul { list-style: none; }
#w_ostatnich_programach nav ul { float: left; left: 50%; margin: 0 auto; position: relative; }
#w_ostatnich_programach nav ul li { float: left; position: relative; right: 50%; }
#w_ostatnich_programach nav ul li a { background-color: #E5E5E5; color: #111; display: block; padding: 5px 10px; float: left; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 14px; margin: 0 1px; }
#w_ostatnich_programach nav ul li a:hover, #w_ostatnich_programach nav ul li.active a { background-color: #5432AC; color: #fff; transition: all .2s linear; -o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; }
#w_ostatnich_programach nav:after, #w_ostatnich_programach nav ul:after, #w_ostatnich_programach header:after { clear: both; float: left; overflow: hidden; width: 100%; }
#w_ostatnich_programach header { text-align: center; background-image: url(../gfx/nav_lines.png); background-repeat: no-repeat; background-position: 50% 15px; height: 70px; }
#w_ostatnich_programach header .paginacja { margin: 20px 0; }
#w_ostatnich_programach header h2 { background-color: #5432AC; display: inline-block; padding: 8px 30px; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 2px; border-right: 10px solid #fff; border-left: 10px solid #fff; }
/* macierz miniatur HOME PAGE, PORADNIKI, TAGI, KUCHNIA */
#w_ostatnich_programach .browse_thumbs { margin: 0 0 0 10px; }
#Poradniki .browse_thumbs, #Tag .browse_thumbs, #Kuchnia .browse_thumbs { margin: 0 0 0 20px; }
#w_ostatnich_programach .browse_thumbs li, #Poradniki .browse_thumbs li, #Tag .browse_thumbs li { background-color: #F6F6F6; display: block; width: 300px; height: 305px; float: left; margin: 0 20px 20px 0; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 16px; position: relative; text-align: center; }
#Poradniki .browse_thumbs li.reklama, #Poradniki .browse_thumbs li.reklama:hover, #Tag .browse_thumbs li.reklama, #Tag .browse_thumbs li.reklama:hover, #Kuchnia .browse_thumbs li.reklama, #Kuchnia .browse_thumbs li.reklama:hover { background: transparent; }
#Poradniki .browse_thumbs li.reklama span, #Tag .browse_thumbs li.reklama span, #Kuchnia .browse_thumbs li.reklama span { color: #999999; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 10px; letter-spacing: 2px; margin: 0 0px 2px 0; text-align: right; }
#w_ostatnich_programach .browse_thumbs li h4 { background-color: #111; display: inline-block; padding: 2px 8px; margin-bottom: -4px; color: #fff; font-size: 14px; text-transform: uppercase; white-space: nowrap; }
/* wyjatki dla KUCHANIA */
#Kuchnia .browse_thumbs li { background-color: #F6F6F6; display: block; width: 300px; height: 225px; float: left; margin: 0 20px 26px 0; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 16px; text-align: center; }
#Kuchnia .browse_thumbs li hgroup { text-align: center; margin-left: 150px; margin-top: -10px; z-index: 2; position:  relative; }
#Kuchnia .browse_thumbs li h4 { background-color: #111; display: inline-block; padding: 2px 8px; color: #fff; font-size: 14px; text-transform: uppercase; white-space: nowrap; }
#Kuchnia ul.browse_thumbs li img { display: block; float: left; height: 225px; width: 150px; background-color: #F6F6F6; }
#Kuchnia .browse_thumbs li.reklama.Rectangle img { height: 225px; width: 300px; }
#Kuchnia .browse_thumbs li a { width: 300px; display: block; height: 225px; overflow: hidden; position: relative; }
#Kuchnia .browse_thumbs div.desc { background-image: url(../gfx/shadow_225.png); background-repeat: no-repeat; background-position: 0px 0; height: 225px; width: 150px; overflow: hidden; display: table; }
#Kuchnia .browse_thumbs div p { display: table-cell; vertical-align: middle; text-align: center; line-height: 140%; }
#w_ostatnich_programach .browse_thumbs li a span, #Poradniki .browse_thumbs li a span, #Tag .browse_thumbs li a span {/* ikona play */ background: transparent url(../gfx/ico_play.png) no-repeat scroll 50% 85%; color: #FFFFFF; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 13px; height: 225px; width: 300px; line-height: 16px; overflow: hidden; position: absolute; visibility: hidden; text-indent: 100%; white-space: nowrap; overflow: hidden; }
#Kuchnia .browse_thumbs li a span {/* ikona play */ background: transparent url(../gfx/ico_play.png) no-repeat scroll 50% 50%; color: #FFFFFF; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 13px; height: 225px; width: 150px; line-height: 16px; overflow: hidden; position: absolute; visibility: hidden; text-indent: 100%; white-space: nowrap; overflow: hidden; }
#w_ostatnich_programach .browse_thumbs li:hover span, #Poradniki .browse_thumbs li:hover span, #Tag .browse_thumbs li:hover span, #Kuchnia .browse_thumbs li:hover span { visibility: visible; }
#w_ostatnich_programach .browse_thumbs a, #Poradniki .browse_thumbs a, #Tag .browse_thumbs a, #Kuchnia .browse_thumbs a { color: #313131; }
#w_ostatnich_programach .browse_thumbs li img, #Poradniki .browse_thumbs li img, #Tag .browse_thumbs li img { display: block; }
#w_ostatnich_programach .browse_thumbs li div, #Poradniki .browse_thumbs li div.desc, #Tag .browse_thumbs li div { background-image: url(../gfx/shadow_280.png); background-repeat: no-repeat; background-position: 50% 0; text-align: center; padding: 14px 10px 10px 10px; }
#w_ostatnich_programach .browse_thumbs li:hover { background-color: #FF4F00; color: #fff; transition: all .2s linear; -o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; }
#Poradniki .browse_thumbs li:hover { background-color: #9100A5; color: #fff; transition: all .2s linear; -o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; }
#Tag .browse_thumbs li:hover { background-color: #5432AC; color: #fff; transition: all .2s linear; -o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; }
#Kuchnia .browse_thumbs li:hover { background-color: #FF4F00; color: #fff; transition: all .2s linear; -o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; }
#w_ostatnich_programach .browse_thumbs li:hover a, #Poradniki .browse_thumbs li:hover a, #Tag .browse_thumbs li:hover a, #Kuchnia .browse_thumbs li:hover a { color: #fff; }
#w_ostatnich_programach footer { margin: 10px 0 40px 0; width: 640px; }
/* paginacja */
.paginacja { clear: both; float: left; overflow: hidden; width: 100%; }
.paginacja ul { list-style: none; float: left; left: 50%; margin: 0 auto; position: relative; }
.paginacja li { float: left; position: relative; right: 50%; }
.paginacja a { margin: 0 5px; -webkit-appearance: none; background-color: #F5F5F5; border: 1px solid #cacece; -webkit-box-shadow: inset 0px 1px 1px 1px rgba(0, 0, 0, 0.12); box-shadow: inset 0px 1px 1px 1px rgba(0, 0, 0, 0.12); border-radius: 8px; display: block; float: left; position: relative; text-indent: 100%; white-space: nowrap; overflow: hidden; width: 14px; height: 14px; }
.paginacja ul:after, .paginacja:after, #w_ostatnich_programach footer:after, #w_ostatnich_programach .browse_thumbs:after, #Poradniki .browse_thumbs:after, #Kuchnia .browse_thumbs:after { clear: both; content: ""; display: block; height: 0; overflow: hidden; }
.paginacja .active a, .paginacja a:hover { background-color: #C7C7C7; }
/* 3 kolumny  - moduly: "OGŁOSZENIA", "INTERAKCJE", "KUCHNIA", "MODA I URODA" */
section.LightGray { background: #F0F0F0; }
section.LightGray .container { border-top: 5px solid #5431AE; }
.LightGray.cols_3:after, section.LightGray .container:after { clear: both; content: ""; display: block; height: 0; overflow: hidden; }
.column_1, .column_2, .column_3 { float: left; }
.column_1, #Poradniki .White.cols_3 .column_1 { width: 330px; }
.column_2 { width: 320px; }
.column_3 { width: 310px; }
section.cols_2 .column_1 { width: 320px; }
section.cols_2 .column_2 { width: 300px; }
#NeswListing .White.cols_3 .column_1, #NeswListing .White.cols_3 .column_2, #Poradniki .White.cols_3 .column_2 { width: 320px; }
#NeswListing .White.cols_3 .column_3 { width: 300px; }
#Poradniki .White.cols_3 .column_3 { width: 310px; }
.column_3 .fb-like-box { background-color: #fff; margin: 20px 0; }
.baner_300 img { display: block; }
.cols_3 ul.browse_thumbs, section.cols_2 ul.browse_thumbs { list-style: none; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 15px; }
.cols_3 ul.browse_thumbs li, section.cols_2 ul.browse_thumbs li { margin: 0 0 20px 0; display: block; height: 105px; overflow: hidden; }
section.cols_2 ul.browse_thumbs li a { background-color: #F6F6F6; }
.cols_3 ul.browse_thumbs li a:hover { background-color: #00B4FF; color: #fff; transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; }
.cols_3 ul.browse_thumbs li a:hover div { color: #fff; }
section.cols_2 ul.browse_thumbs li a:hover, #NeswListing .White.cols_3 ul.browse_thumbs li a:hover { background-color: #008796; color: #fff; transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; }
section.cols_2 ul.browse_thumbs li a:hover div { color: #fff; }
.cols_3 ul.browse_thumbs li img, section.cols_2 ul.browse_thumbs li img { display: block; float: left; width: 140px; height: 105px; }
.cols_3 ul.browse_thumbs li div, section.cols_2 ul.browse_thumbs li div { color: #666; font-size: 15px; padding: 10px 10px 10px 160px; }
.cols_3 ul.browse_thumbs li a, section.cols_2 ul.browse_thumbs li a { display: block; height: 105px; width: 300px; overflow: hidden; position: relative; background-image: url(../gfx/shadow_105.png); background-repeat: no-repeat; background-position: 140px 0; }
.cols_3 ul.browse_thumbs li div h4 { position: absolute; bottom: 8px; color: #000; text-transform: uppercase; font-size: 13px; letter-spacing: 1px; border-top: 1px solid #E5E5E5; padding: 3px 0px 0 0; width: 130px; }
.cols_3 .column_1 ul.browse_thumbs { margin: 0 0 0 10px; }
#NeswListing .White.cols_3 .column_1 ul.browse_thumbs { margin: 0 0 0 0px; }
.LightGray.cols_3 .browse_thumbs li a { background-color: #fff; }
.White.cols_3 .browse_thumbs li a { background-color: #F6F6F6; }
.LightGray.cols_3 h3 { color: #000; font-family: 'Lato', sans-serif; font-weight: 300; font-size: 30px; text-transform: uppercase; text-align: center; margin: 25px 0; }
.White.cols_3 h3, section.cols_2 h3 { color: #000; font-family: 'Lato', sans-serif; font-weight: 300; font-size: 22px; text-transform: uppercase; text-align: center; margin: 20px 0; }
/* Nesw Listing */
#NeswListing { padding: 0 0 40px 0; }
#NeswListing .container { background-color: #fff; width: 980px; }
#NeswListing .container > h1 { background-color: #008796; color: #fff; text-transform: uppercase; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 18px; letter-spacing: 2px; text-align: center; padding: 5px 0; }
#NeswListing ul.browse_news { list-style: none; }
#NeswListing ul.browse_news li { margin: 0 0 20px 20px; font-family: 'Lato', sans-serif; font-weight: 300; }
#NeswListing ul.browse_news li a { width: 620px; display: block; height: 225px; overflow: hidden; background-color: #F6F6F6; color: #111; }
#NeswListing ul.browse_news li a small { color: #008796; font-size: 13px; font-weight: 400; display: block; text-align: center; }
#NeswListing ul.browse_news li a:hover { background-color: #008796; color: #fff; transition: all .4s linear; -o-transition: all .4s linear; -moz-transition: all .4s linear; -webkit-transition: all .4s linear; }
#NeswListing ul.browse_news li a:hover small, #NeswListing ul.browse_news li a:hover h4, #NeswListing ul.browse_news li a:hover p { color: #fff; }
#NeswListing ul.browse_news div { background-image: url(../gfx/shadow_225.png); background-repeat: no-repeat; background-position: 0px 0; height: 225px; overflow: hidden; }
#NeswListing ul.browse_news li h4 { font-size: 25px; text-transform: uppercase; text-align: center; color: #555; margin: 40px 0 5px 0; }
#NeswListing ul.browse_news li p { font-weight: 400; font-size: 15px; text-align: center; padding: 0 20px; color: #666; margin: 5px 0 5px 0; }
#NeswListing header .paginacja { margin: 30px 0 30px 0; }
#NeswListing footer { width: 620px; }
#NeswListing footer .paginacja { margin: 20px 0 40px 0; }
#NeswListing footer:after { clear: both; content: ""; display: block; height: 0; overflow: hidden; }
/* uklad dwoch kolumn na NeswListing */
#NeswListing .contentcolumn { margin-right: 320px; }
#NeswListing .rightcolumn { width: 320px; margin-left: -320px; padding-top: 30px; }
#NeswListing .contentcolumn header:after { clear: both; content: ""; display: block; height: 0; overflow: hidden; }
#NeswListing ul.browse_news li img { display: block; float: left; height: 225px; width: 300px; }
.rightcolumn .baner_300 { margin: 0 0 20px 0; }
.rightcolumn .fb-like-box { background-color: #fff; margin: 0 0 20px 0; }
#NeswListing .rightcolumn #ankieta { margin: 20px 20px 20px 0; }
.mod_galeria h3 { color: #000; font-family: 'Lato', sans-serif; font-weight: 300; font-size: 22px; text-transform: uppercase; text-align: center; margin: 20px 0; }
/* dwie kolumny na lewej kolumnie */
#NeswListing .contentcolumn section.cols_2 { border-top: 5px solid #008796; margin: 0 20px 0 20px; }
section.cols_2:after { clear: both; content: ""; display: block; height: 0; overflow: hidden; }
#NeswListing .White.cols_3 .container { border-top: 5px solid #008796; width: 940px; margin: 40px auto 0 auto; }
/* artykul  NeswListing */
#NeswListing article { margin: 0 20px 0 20px; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 16px; }
#NeswListing article p { margin: 0 0 30px 80px; line-height: 140%; color: #444444; }
#NeswListing article figure { margin: 0 20px 20px 0; float: left; }
figure img { display: block; }
#NeswListing article figure figcaption { width: 300px; }
#NeswListing article figure figcaption small { color: #BBBBBB; text-transform: uppercase; font-size: 12px; display: block; padding: 5px 0; text-align: right; margin: 0px 0 0px 0; }
#NeswListing article figure figcaption .social { color: #999; text-transform: uppercase; font-size: 12px; border-bottom: 1px solid #E7E7E7; border-top: 1px solid #E7E7E7; padding: 10px 0; }
#NeswListing article figure figcaption .social a { color: #999; }
#NeswListing article figure figcaption .social a:hover { color: #000; }
#NeswListing article figure figcaption div.title { background-color: #008796; color: #fff; padding:5px 10px 20px 10px; }
article header #article_likes { border-bottom: 1px solid #F1F1F1; padding-bottom: 10px; margin: 0 0 20px 0; }
article header #article_likes:after { clear: both; content: ""; display: block; height: 0; overflow: hidden; }
article header #article_likes ul { list-style: none; margin: 0px 0 15px 0; }
article header #article_likes ul .google_plus div { width: 120px; }
article header #article_likes ul .nk iframe { width: 120px!important; }
article header #article_likes ul li { display: block; float: left; }
article header hgroup h1 { color: #000; font-weight: 300; font-size:45px; line-height: 110%; }
article header hgroup { margin: 0 0 20px 0; font-family: 'Lato', sans-serif; }
article header hgroup h5 { color: #008796; font-weight: 300; font-size:14px; font-weight: 400; margin: 10px 0 0 0; }
#NeswListing article figure+p { color: #008796; }
/* aside cytat */
#NeswListing article aside { float: left; width: 300px; margin: 10px 20px 30px 0; padding: 10px 0 0 0; }
#NeswListing article aside.note { background-image: url(../gfx/cytat.png); background-repeat: no-repeat; background-position: 0 6px; padding: 10px 10px 0 40px; border-top: 2px solid #008796; width: 250px; }
/* aside wideo */
#NeswListing article aside.video { background-color: #FE4F00; color: #fff; padding:0px 0px 10px 0px; }
#NeswListing article aside.video img { display: block; }
#NeswListing article aside.video div.title { color: #fff; text-align: center; padding: 10px; }
#NeswListing article aside.video a span {/* ikona play */ background: transparent url(../gfx/aside_play.png) no-repeat scroll 50% 0; display: block; height: 225px; width: 300px; overflow: hidden; position: absolute; text-indent: 100%; white-space: nowrap; overflow: hidden; }
#NeswListing article aside.video:hover span { background-position: 50% -225px; }
/* aside module */
#NeswListing article aside.module { width: 300px; height: 105px; overflow: hidden; margin: 0px 20px 30px 0; padding: 0; }
#NeswListing article aside.module img { display: block; float: left; height: 105px; width: 140px; }
#NeswListing article aside.module a { display: block; height: 105px; width: 300px; overflow: hidden; position: relative; background-image: url(../gfx/shadow_105.png); background-repeat: no-repeat; background-position: 140px 0; background-color: #F0F0F0; }
#NeswListing article aside.module div { color: #666; font-size: 15px; padding: 10px 10px 10px 160px; }
#NeswListing article aside.module a:hover { background-color: #008796; color: #fff; transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; }
#NeswListing article aside.module a:hover div { color: #fff; }
/* wiecej + menu tagi w lista newsow/wideo */
section#wiecej { margin: 20px 20px 40px 0; }
section#wiecej header h2 { color: #111; text-transform: uppercase; font-size: 14px; letter-spacing: 1px; padding: 0 0 6px 0; border-bottom: 1px solid #E5E5E5; text-align: center; font-family: 'Lato', sans-serif; font-weight: 400; margin-bottom: 5px; }
section#wiecej header h2 a { color: #111; }
section#wiecej header h2 a:hover { color: #666; }
section#wiecej nav ul { list-style: none; text-align: center; }
section#wiecej nav ul li { display: inline; }
section#wiecej nav a { color: #444444; font-size: 12px; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 13px; margin: 0 6px; }
section#wiecej nav a:hover { color: #008796; }
/* inne artykuly */
#NeswListing section#inne_artykuly header { text-align: center; margin: 20px 20px 20px 0; background-image: url(../gfx/inne_artykuly_line.png); background-repeat:  no-repeat; background-position: 0 30%; }
#NeswListing section#inne_artykuly header h2 { background-color: #000; color: #fff; text-transform: uppercase; font-size: 14px; letter-spacing: 1px; display: inline-block; padding: 2px 8px; border-right: 10px solid #fff; border-left: 10px solid #fff; font-family: 'Lato', sans-serif; font-weight: 400; }
/* Poradniki */
#Poradniki, #Tag, #Kuchnia, #Galeria, #Wideo, #o_programie { padding: 0 0 40px 0; }
#Poradniki .container, #Tag .container, #Kuchnia .container, #o_programie .container { background-color: #fff; width: 980px; }
#Poradniki > .container, #Tag > .container, #Kuchnia > .container { min-height: 1000px; }
/* Poradniki, Tagi  */
#Poradniki .container > h1, #Tag .container > h1 { background-color: #9100A5; color: #fff; text-transform: uppercase; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 18px; letter-spacing: 2px; text-align: center; padding: 5px 0; }
/* Poradniki, Tagi, Kuchnia  O programie stopka - inna wersja modulow z prawej kolumny */
#Poradniki .LightGray.cols_3 .container, #Tag .LightGray.cols_3 .container, #Kuchnia .LightGray.cols_3 .container, #o_programie .LightGray.cols_3 .container { background: transparent; width: 960px; padding: 5px 0 20px 0; }
#Poradniki .LightGray.cols_3 #ankieta, #Tag .LightGray.cols_3 #ankieta, #Kuchnia .LightGray.cols_3 #ankieta, #o_programie .LightGray.cols_3 #ankieta { background-color: #fff; margin: 30px 0px 0px 10px; width: 290px; font-size: 15px; height: 285px }
#Poradniki .LightGray.cols_3 #ankieta #logo_pns, #Tag .LightGray.cols_3 #ankieta #logo_pns, #Kuchnia .LightGray.cols_3 #ankieta #logo_pns, #o_programie .LightGray.cols_3 #ankieta #logo_pns { display: none; }
#Poradniki .LightGray.cols_3 #ankieta hgroup, #Tag .LightGray.cols_3 #ankieta hgroup, #Kuchnia .LightGray.cols_3 #ankieta hgroup, #o_programie .LightGray.cols_3 #ankieta hgroup { padding: 0px; position:  relative; top: -12px; width: 100%; }
#Poradniki .LightGray.cols_3 #ankieta hgroup h3, #Tag .LightGray.cols_3 #ankieta hgroup h3, #Kuchnia .LightGray.cols_3 #ankieta hgroup h3, #o_programie .LightGray.cols_3 #ankieta hgroup h3 { background-color: #5431AE; color: #fff; text-transform: uppercase; font-size: 14px; letter-spacing: 1px; display: inline-block; padding: 2px 8px; margin: 0px 0 0px 0; font-family: 'Lato', sans-serif; font-weight: 400; height: 18px; }
#Poradniki .LightGray.cols_3 #ankieta fieldset, #Tag .LightGray.cols_3 #ankieta fieldset, #Kuchnia .LightGray.cols_3 #ankieta fieldset, #o_programie .LightGray.cols_3 #ankieta fieldset { margin: 10px 20px 10px 40px; }
#Poradniki .LightGray.cols_3 #ankieta #glosuj, #Tag .LightGray.cols_3 #ankieta #glosuj, #Kuchnia .LightGray.cols_3 #ankieta #glosuj, #o_programie .LightGray.cols_3 #ankieta #glosuj { margin: 10px auto 10px auto; }
#Poradniki .LightGray.cols_3 #ankieta label, #Tag .LightGray.cols_3 #ankieta label, #Kuchnia .LightGray.cols_3 #ankieta label, #o_programie .LightGray.cols_3 #ankieta label { margin: 6px 0 4px 0; }
#Poradniki .LightGray.cols_3 .column_2, #Tag .LightGray.cols_3 .column_2, #Kuchnia .LightGray.cols_3 .column_2, #o_programie .LightGray.cols_3 .column_2 { padding: 30px 0 0 0; }
#Poradniki .LightGray.cols_3 .column_2 .baner_300, #Tag .LightGray.cols_3 .column_2 .baner_300, #Kuchnia .LightGray.cols_3 .column_2 .baner_300, #o_programie .LightGray.cols_3 .column_2 .baner_300 { margin: 0 0 20px 0; }
#Poradniki .LightGray.cols_3 .column_3 h3, #Tag .LightGray.cols_3 .column_3 h3, #Kuchnia .LightGray.cols_3 .column_3 h3, #o_programie .LightGray.cols_3 .column_3 h3 { background-color: #3386ED; color: #fff; text-transform: uppercase; font-size: 14px; letter-spacing: 1px; display: inline-block; padding: 2px 8px; margin: 0px 0 0px 0; font-family: 'Lato', sans-serif; font-weight: 400; height: 18px; }
#Poradniki .LightGray.cols_3 .column_3 h3 br, #Tag .LightGray.cols_3 .column_3 h3 br, #Kuchnia .LightGray.cols_3 .column_3 h3 br, #o_programie .LightGray.cols_3 .column_3 h3 br { display: none; }
#Poradniki .LightGray.cols_3 .column_3 hgroup, #Tag .LightGray.cols_3 .column_3 hgroup, #Kuchnia .LightGray.cols_3 .column_3 hgroup, #o_programie .LightGray.cols_3 .column_3 hgroup { width: 300px; text-align: center; margin: 8px 0 0 0; position: relative; bottom: -14px; z-index: 99; }
#Poradniki .LightGray.cols_3 #foto_na_sniadanie, #Poradniki .LightGray.cols_3 #foto_na_sniadanie .slides_box, #Tag .LightGray.cols_3 #foto_na_sniadanie, #Tag .LightGray.cols_3 #foto_na_sniadanie .slides_box, #Kuchnia .LightGray.cols_3 #foto_na_sniadanie, #Kuchnia .LightGray.cols_3 #foto_na_sniadanie .slides_box, #o_programie .LightGray.cols_3 #foto_na_sniadanie, #o_programie .LightGray.cols_3 #foto_na_sniadanie .slides_box { height: 300px!important; }
/* Poradniki, kuchnia  wybierz kategorie lub autora */
#Poradniki #wybierz_z_archiwum, #Kuchnia #wybierz_z_archiwum { padding: 8px 0 7px 0; margin:  0 0 10px 0; }
nav.category { display: inline-block; padding: 10px 0 0 0; vertical-align: top; }
nav.category ul ul { display: none; }
nav.category ul li:hover > ul { display: block; }
nav.category ul { padding: 0 0px 0 10px; list-style: none; position: relative; display: inline-table; z-index: 5; }
nav.category ul:after { content: ""; clear: both; display: block; height: 0; overflow: hidden; }
nav.category ul li { float: left; line-height: 130%; }
nav.category ul li:hover { }
nav.category ul li:hover a { color: #333; }
nav.category ul li a { -webkit-box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.15); box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.15); background-image: url(../gfx/arrow_top_menu.png); background-repeat: no-repeat; background-position: 94% 50%; display: block; padding: 2px 25px 2px 10px; color: #000; text-decoration: none; text-transform: none; background-color: #fff; letter-spacing: normal; font-size: 14px; text-align: left; white-space: nowrap; }
nav.category ul li span { display: block; padding: 2px 10px 2px 20px; color: #757575; text-decoration: none; }
nav.category ul li:last-child span { padding: 2px 0px 2px 40px; }
nav.category ul ul { background: #fff; padding: 0; position: absolute; top: 100%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; -webkit-box-shadow:  1px 1px 3px 1px rgba(0, 0, 0, 0.1); box-shadow:  1px 1px 3px 1px rgba(0, 0, 0, 0.1); }
nav.category ul ul li { float: none; border-left: 1px solid #ccc; border-right: 1px solid #ccc; position: relative; }
nav.category ul ul li a { padding: 5px 10px; color: #000; background-image: none; -webkit-box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0); box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0); }
nav.category ul ul li a:hover { background: #F8F8F8; color: #555; }
nav.category ul ul ul { position: absolute; left: 100%; top:0; }
/* poradniki, tagi nawigacja */	
#Poradniki section header, #Kuchnia section header { position: relative; height: 60px; margin: 0 0 6px 0; }
#Tag section header { position: relative; height: 100px; margin: 10px 0 0px 0; }
#Poradniki section header .arrow, #Kuchnia section header .arrow { position: absolute; top: 0px; text-indent: 100%; white-space: nowrap; overflow: hidden; background-repeat: no-repeat; background-position: 0 0; display: block; width: 55px; height: 55px; }
#Tag section header .arrow { position: absolute; bottom: 12px; text-indent: 100%; white-space: nowrap; overflow: hidden; background-repeat: no-repeat; background-position: 0 0; display: block; width: 55px; height: 55px; }
#Poradniki section header .previous, #Tag section header .previous, #Kuchnia section header .previous { background-image: url(../gfx/ar_l.png); left: 20px; }
#Poradniki section header .next, #Tag section header .next, #Kuchnia section header .next { background-image: url(../gfx/ar_r.png); right: 20px; }
#Poradniki section header .arrow:hover, #Tag section header .arrow:hover, #Kuchnia section header .arrow:hover { background-position: 0 -55px; }
#Poradniki section header h2, #Tag section header h2, #Kuchnia section header h2 { text-align: center; color: #444; text-transform: uppercase; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 18px; letter-spacing: 1px; padding: 15px 0 20px 0; }
#Tag section header h2 { padding: 25px 0 20px 0; }
#Poradniki section .paginacja, #Tag section .paginacja { margin-bottom: 40px; }
#Kuchnia section .paginacja { margin-bottom: 40px; margin-top: 10px; }
/* Tag */
#Tag > .container section { border-top: 5px solid #5432AC; }
#Tag header h3 { border-bottom: 1px solid #E5E5E5; padding: 0 0 6px 0; font-family: 'Lato', sans-serif; font-size: 14px; font-weight: 400; color: #333; text-transform: uppercase; letter-spacing: 1px; text-align: center; margin: 0 20px; }
#Tag header h3 a { color: #555; }
#Tag header h3 a:hover { color: #000; }
/* Kuchnia */
#Kuchnia .container > h1 { background-color: #FF4F00; color: #fff; text-transform: uppercase; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 18px; letter-spacing: 2px; text-align: center; padding: 5px 0; }
/* O Programie */
#o_programie .container > h1 { background-color: #3188EB; color: #fff; text-transform: uppercase; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 18px; letter-spacing: 2px; text-align: center; padding: 5px 0; }
#o_programie article { min-height: 500px; padding: 20px 20px 40px 20px; font-family: 'Lato', sans-serif; }
#o_programie article h1 { font-size: 36px; font-weight: 300; margin: 30px 0 60px 0; line-height: 120%; }
#o_programie article p { color: #444444; line-height: 140%; margin: 0 0 20px 80px; font-weight: 400; }
#o_programie section.LightGray .container { border-top: 5px solid #3188EB; }
#o_programie section#prowadzacy { border-top: 5px solid #3188EB; clear: both; }
#o_programie section#prowadzacy header { text-align: center; position: relative; top: -12px; }
#o_programie section#prowadzacy header h1 { background-color: #3188EB; color: #FFFFFF; display: inline-block; font-family: 'Lato', sans-serif; font-size: 18px; font-weight: 400; letter-spacing: 2px; margin: 0 0 20px 0; padding: 5px 20px; text-align: center; text-transform: uppercase; }
#o_programie .rightcolumn { padding-top: 35px; }
#o_programie .rightcolumn section { margin: 0 0 20px 0; font-family: 'Lato', sans-serif; }
section.pns_wideo { background-color: #3188EB; padding: 50px 0 0 0; position: relative; width: 300px; }
section.pns_wideo #logo_pns { background-image: url("../gfx/pns-logo-sonda.png"); background-repeat: no-repeat; height: 81px; left: 100px; overflow: hidden; position: absolute; text-indent: 100%; top: -24px; white-space: nowrap; width: 97px; }
section.pns_wideo div.title { color: #FFFFFF; padding: 10px; text-align: center; }
section.pns_wideo img { display: block; }
section.pns_wideo a span {/* ikona play */ background: transparent url(../gfx/aside_play.png) no-repeat scroll 50% 0; display: block; height: 225px; width: 300px; overflow: hidden; position: absolute; text-indent: 100%; white-space: nowrap; overflow: hidden; }
section.pns_wideo:hover span { background-position: 50% -225px; }
section.pns_wideo:hover div.title { opacity: 0.8; }
section.czy_wiesz_ze { background-color: #F6F6F6; padding: 20px 10px 30px 20px; width: 270px; }
section.czy_wiesz_ze h3 { background-image: url(../gfx/bg_czy_wiesz_ze.png); background-repeat: no-repeat; background-position:  0px 0px; padding: 10px 0 30px 40px; font-size: 22px; font-weight: 300; letter-spacing: 1px; color: #111; text-transform: uppercase; }
section.czy_wiesz_ze p { color: #444; line-height: 160%; font-weight: 300; }
/* Galeria / Wideo */
#Galeria .container > h1, #Wideo .container.wideo > h1 { background-color: #5431AE; color: #fff; text-transform: uppercase; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 18px; letter-spacing: 2px; text-align: center; padding: 5px 0; margin: 0 0 30px 0; }
#Galeria .container.galeria { background-color: #F0F0F0; width: 980px; }
#Galeria .container:after, #Wideo .container:after { content: ""; clear: both; display: block; height: 0; overflow: hidden; }
#Galeria .container .reklama.Half_Page { float: right; width: 300px; overflow: hidden; margin: 0 20px 20px 20px; }
#Wideo .container .reklama.Half_Page { float: right; width: 300px; overflow: hidden; margin: 0 18px 20px 18px; }
.reklama.Half_Page img { display: block; }
#Galeria .container .reklama.Half_Page span, #Wideo .container .reklama.Half_Page span { margin: 5px 0 0 0; }
#Galeria #inne_galerie h1 { display: inline-block; padding: 5px 20px; margin: 0 0px 20px 0px; border-left: 10px solid #fff; border-right: 10px solid #fff; }
#Galeria #inne_galerie .container { width: 960px; background-color: #fff; background-image: url(../gfx/inne_artykuly_line.png); background-repeat: no-repeat; text-align: center; background-position: 0 10px; }
#Galeria #inne_galerie { margin: 40px auto 0 auto; width: 960px; }
#Galeria #inne_galerie span, #Wideo #inne_galerie span { display: block; width: 220px; color: #333; font-family: 'Lato', sans-serif; font-weight: 300; text-transform: uppercase; font-size: 18px; letter-spacing:  normal; text-align: center; padding: 10px 0 3px 0; }
#Galeria #inne_galerie span em, #Wideo #inne_galerie span em { text-transform: none; font-style: normal; }
#Galeria #inne_galerie .slider_container, #Wideo #inne_galerie .slider_container { position: relative; overflow: hidden; width: 960px }
#Galeria #inne_galerie .slider_container .inne_galerie_slider, #Wideo #inne_galerie .slider_container .inne_galerie_slider { width: 940px!important; margin-left: 10px; }
#Galeria #inne_galerie .slider_container li, #Wideo #inne_galerie .slider_container li { margin-right: 20px; }
#Galeria #inne_galerie .slider_container li img, #Wideo #inne_galerie .slider_container li img { width: 220px; height: 165px; }
#Galeria #inne_galerie .slider_container li:hover span, #Wideo #inne_galerie .slider_container li:hover span { opacity: 0.55; }
#Galeria #inne_galerie .slider_container li:hover img, #Wideo #inne_galerie .slider_container li:hover img { opacity: 0.85; }
#Galeria #inne_galerie .slider_container .arrow, #Wideo #inne_galerie .slider_container .arrow { position: absolute; width: 80px; height: 125px; background-repeat: no-repeat; z-index: 3; background-position: 0 0px; top: 20px; text-indent: 100%; white-space: nowrap; overflow: hidden; }
#Galeria #inne_galerie .slider_container .arrow:hover, #Wideo #inne_galerie .slider_container .arrow:hover { background-position: 0 -125px; }
#Galeria #inne_galerie .slider_container .previous.arrow, #Wideo #inne_galerie .slider_container .previous.arrow { background-image: url(../gfx/arrow_inne_galerie_l.png); left: 0px; }
#Galeria #inne_galerie .slider_container .next.arrow, #Wideo #inne_galerie .slider_container .next.arrow { background-image: url(../gfx/arrow_inne_galerie_r.png); right: 0px; }
/* wideo */
#Wideo .container.wideo { background-color: #000; width: 980px; }
#Wideo #inne_galerie { margin: 40px auto 0 auto; background-color: #F0F0F0; padding-bottom: 20px; }
#Wideo #wideo_desc { width: 980px; margin: 20px auto; }
#Wideo #wideo_desc p { text-align: center; font-family: 'Lato', sans-serif; font-weight: 300; font-size: 18px; }
#Wideo #inne_galerie h1 { color: #111; text-transform: uppercase; font-family: 'Lato', sans-serif; font-weight: 300; font-size: 25px; letter-spacing:10px; text-align: center; padding: 14px 0; margin: 0 0 0px 0; border-top: 5px solid #5431AE; }
#Wideo #videoBox { float: left; margin: 0 0 20px 18px; }
#Wideo #videoBox h4 { color: #fff; font-family: 'Lato', sans-serif; font-weight: 300; text-transform: uppercase; font-size: 36px; letter-spacing:  1px; text-align: center; padding: 0px 0 0px 0px; }
#Wideo #videoBox h6 { color: #666; font-family: 'Lato', sans-serif; font-weight: 400; text-transform:  none; font-size: 14px; letter-spacing:  1px; text-align: center; padding: 10px 0 20px 0px; }
/* wideo vote */
.video-likeBox { margin: 10px 0 20px 0; }
#videoBox .playerBox-x { border-top: 5px solid #5431AE; }
.video-subBox { border-top: 3px solid #5431AE; }
.video-subBox:after { clear: both; content: ""; display: block; height: 0; overflow: hidden; }
.video-subBox .vote { position:relative; margin: 0 0 0 100px; }
.video-subBox .vote ul { width:115px; height:22px; list-style:none; margin:0; padding:0; background:url("../gfx/vote-stars.png"); }
.video-subBox .vote li { float:left; text-indent:-999em; }
.video-subBox .vote a { display:block; position:absolute; width:23px; height:22px; z-index:20; outline:none; }
.video-subBox .vote a.r1 { left:0px }
.video-subBox .vote a.r2 { left:23px }
.video-subBox .vote a.r3 { left:46px }
.video-subBox .vote a.r4 { left:69px }
.video-subBox .vote a.r5 { left:92px }
.video-subBox .vote a.r6 { left:115px }
.video-subBox .vote a:hover { left:0px; background:url("../gfx/vote-stars.png") repeat-x 0 -22px; z-index:2 }
.video-subBox .vote a.r1:hover { width:23px }
.video-subBox .vote a.r2:hover { width:46px }
.video-subBox .vote a.r3:hover { width:69px }
.video-subBox .vote a.r4:hover { width:92px }
.video-subBox .vote a.r5:hover { width:115px }
.video-subBox .vote a.r6:hover { width:138px }
.video-subBox .vote .actual { display:block; position:absolute; width:0px; height:22px; left:0px; background:url("../gfx/vote-stars.png") repeat-x 0 -22px; z-index:1 }
.video-subBox .vote .w0 { width:0px }
.video-subBox .vote .w10 { width:23px }
.video-subBox .vote .w20 { width:46px }
.video-subBox .vote .w30 { width:69px }
.video-subBox .vote .w40 { width:92px }
.video-subBox .vote .w50 { width:115px }
.video-subBox .vote .w60 { width:138px }
.video-subBox .c1 { width: 250px; padding: 10px 0 0px 0; }
.video-subBox .c2 { position: relative; width: 165px; padding: 10px 0 0px 17px; font-weight: 400; border-left:
}
.video-subBox .c3 { line-height: 22px; width: 173px; padding: 10px 0 0px 17px; font-weight: 400; }
.video-subBox .c1, .video-subBox .c2, .video-subBox .c3 { min-height: 80px; font-size: 12px; }
.clr, .cRed, .video-subBox .fl.c3 br { display: none; }
.video-subBox strong { font-weight: 400; display: block; margin: 0 0 10px 0; }
.fl { display: block; float: left; }
.video-subBox .fl.c1 .label { margin: 0 0 12px 0; }
.video-subBox .fl.c1 .vote { margin: 0 0 12px 115px; }
.video-subBox .fl.c3 a { font-weight: 400; font-size: 12px; text-transform: uppercase; }
.video-subBox { font-family: 'Lato', sans-serif; color: #fff; margin: 0px; width: 624px; }
.video-subBox a { color: #fff; }
.video-subBox a:hover { color: #5F5F5F; }
.video-subBox .label { clear: both; float: left; line-height: 22px; font-size: 12px; font-weight: 400; text-transform: uppercase; }
.send2Friend a { display: block; padding: 2px 0 4px 26px; background-image: url(../gfx/email_video.png); background-repeat: no-repeat; background-position: 0 0; height: 13px; margin: 0 0 14px 0; }
.favLink a { display: block; padding: 2px 0 4px 26px; background-image: url(../gfx/dodaj_do_ulubionych.png); background-repeat: no-repeat; background-position: 0 0; height: 16px; }
.send2Friend a:hover, .favLink a:hover { background-position: 0 -22px; }
/* listing KUCHNIA / PORADNIKI */
#poradniki_listing h1, #kuchnia_listing h1 { display: inline-block; padding: 5px 20px; margin: 0 0px 20px 0px; border-left: 10px solid #fff; border-right: 10px solid #fff; text-transform: uppercase; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 18px; letter-spacing: 2px; text-align: center; color: #fff; }
#poradniki_listing h1 { background-color: #5431AE; }
#kuchnia_listing h1 { background-color: #FF4F00; }
#poradniki_listing .container { width: 960px; background-color: #fff; background-image: url(../gfx/inne_artykuly_line.png); background-repeat: no-repeat; text-align: center; background-position: 0 10px; }
#poradniki_listing, #kuchnia_listing { margin: 40px auto 0 auto; width: 960px; }
#poradniki_listing span, #kuchnia_listing span { display: block; width: 220px; color: #333; font-family: 'Lato', sans-serif; font-weight: 300; font-size: 18px; letter-spacing:  normal; text-align: center; padding: 10px 0 3px 0; }
#poradniki_listing span { text-transform: uppercase; }
#kuchnia_listing span { text-transform:  none; }
#poradniki_listing span em, #kuchnia_listing span em { text-transform: none; font-style: normal; }
#poradniki_listing .slider_container, #kuchnia_listing .slider_container { position: relative; overflow: hidden; width: 960px }
#poradniki_listing .slider_container .poradniki_slider, #kuchnia_listing .slider_container .kuchnia_slider { width: 940px!important; margin-left: 10px; }
#poradniki_listing .slider_container li, #kuchnia_listing .slider_container li { margin-right: 20px; }
#poradniki_listing .slider_container li img, #kuchnia_listing .slider_container li img { width: 220px; height: 165px; }
#poradniki_listing .slider_container li:hover span, #kuchnia_listing .slider_container li:hover span { opacity: 0.55; }
#poradniki_listing .slider_container li:hover img, #kuchnia_listing .slider_container li:hover img { opacity: 0.85; }
#poradniki_listing .slider_container .arrow, #kuchnia_listing .slider_container .arrow { position: absolute; width: 80px; height: 125px; background-repeat: no-repeat; z-index: 3; background-position: 0 0px; top: 20px; text-indent: 100%; white-space: nowrap; overflow: hidden; }
#poradniki_listing .slider_container .arrow:hover, #kuchnia_listing .slider_container .arrow:hover { background-position: 0 -125px; }
#poradniki_listing .slider_container .previous.arrow, #kuchnia_listing .slider_container .previous.arrow { background-image: url(../gfx/arrow_inne_galerie_l.png); left: 0px; }
#poradniki_listing .slider_container .next.arrow, #kuchnia_listing .slider_container .next.arrow { background-image: url(../gfx/arrow_inne_galerie_r.png); right: 0px; }
#poradniki_listing .container, #kuchnia_listing .container { width: 960px; background-image: url(../gfx/inne_artykuly_line.png); background-repeat: no-repeat; text-align: center; background-position: 0 10px; }
/* sekcje - sklep */
#sklep_tvp { margin: 20px auto 30px auto; padding:40px 10px 0 10px; width:  960px; font-family: Arial, Helvetica, sans-serif; border-top: 2px solid #1C1819; }
#sklep_tvp header h2 { float: left; color: #212B70; font-weight: bold; font-size: 16px; line-height: 17px; }
#sklep_tvp header a { float: right; font-size: 12px; color: #0E4594; font-weight: bold; }
#sklep_tvp header a:hover { text-decoration: underline; color: #252525; }
#sklep_tvp header { margin-bottom: 15px; padding-bottom: 5px; border-bottom: 1px solid #DEDEDE; }
#sklep_tvp ul { list-style: none; }
#sklep_tvp ul li { display: block; float: left; width: 33%; font-size: 12px; color: #000; }
#sklep_tvp ul li a { color: #000; }
#sklep_tvp ul li img { float: left; }
#sklep_tvp header:after, #sklep_tvp ul:after { clear: both; content: ""; display: block; height: 0; overflow: hidden; }
#sklep_tvp ul li h4 { color: #0E4594; font-weight: bold; font-size: 13px; margin-bottom: 0.4em; }
#sklep_tvp span.new_price { color: #212B70; font-size: 16px; font-weight: bold; }
#sklep_tvp span.old_price { font-weight: bold; text-decoration: line-through; font-size: 12px; color:  #252525; margin-right: 10px; }
/* stala nawigacja top jak na http://www.tvp.pl/
----------------------------------------------------------- */
.tvp-page { background-color: #353535; }
.tvpTopNavVortal { height: 25px; margin: 0 0 5px; width:940px; overflow: hidden; margin: 0 auto }
.tvpTopNavVortal a { color: #fff; display: block; float: left; font-size: 12px; height: 25px; line-height: 25px; padding: 0 30px; }
.tvpTopNavVortal a:first-child { background-image: url(../gfx/arrow_top.png); background-repeat: no-repeat; background-position: 12px 0; padding: 0 30px; background-color: #000; }
.tvpTopNavVortal a:first-child:hover { background-position: 12px -50px; }
.tvpTopNavVortal a:hover { background-color: #000; color: #F8F8F8; }
.tvpTopNavVortal:after { clear: both; content: ""; display: block; height: 0; overflow: hidden; }
/* stala nawigacja stopka  jak na http://tvp1.beta.v3.tvp.pl/ wyjatki oznaczone
------------------------------------------------------------------------- */
.cell { display: table-cell; }
.footer h4 { padding:0; max-width:50%; font-size: 1.1em; font-weight: bold; margin-bottom: 1.1em; color: #333333; } /* wyjatek */
/* notacja jak w arkuszu: n.css */
.footer { padding:10px 0; background:#fff; position:relative; clear:both; font-size:12px; color:#000; }
.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:50px; display:table; margin:1em 0px 0 0px; border-top: 1px solid #CCCCCC; padding: 20px 0px 0 0px; }
.footer .anteny li { display:table-cell; text-indent:-999em; }
.footer .anteny li a { display:block; width:52px; height:32px; background:url(../gfx/loga-anten.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:85px; background-position:-208px -17px; }
.footer .anteny #logo-TVPPolonia a { width:52px; background-position:-324px -17px; }
.footer .anteny #logo-TVPSport a { width:64px; background-position:-420px -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:72px; background-position:-914px -17px; }
.footer .anteny #logo-TVPParlament a { width:106px; background-position:-1010px -17px; }
.footer .anteny .last { width:106px; }
.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:-420px -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-TVPParlament a:hover { background-position:-1010px -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; line-height: 135%; } /* wyjatek */
.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; line-height: 135%; } /* wyjatek */
.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; }

.foto-o-programie	{float:left;margin: 10px 20px 10px 10px}