* {margin: 0}
html, body {min-height: 100%}
body {margin: 0; padding: 0}
table {margin: 0; padding: 0; border: 0; border-spacing: 0; border-collapse: collapse}
img {border: 0; max-width: 100%; height: auto}
input::-moz-focus-inner {border: 0; padding: 0}
hr {border: 0; border-top: 1px solid rgba(0,0,0,0.1); height: 1px; background: none; margin: 1rem 0}

html {font-family: 'Signika Negative', Arial, sans-serif; font-weight: 300; font-size: 16px; line-height: 1.75; color: #000}
body {background: #FFF}
p {font-size: 1rem; margin: 1rem 0; line-height: 1.875}
h1, h2, h3, h4, h5, h6 {margin: 1rem 0; padding: 0; font-weight: 600; line-height: 1.25}
h1, .h1 {font-size: 2.25rem; font-weight: 300; line-height: 1.1}
h2, .h2 {font-size: 1.5rem}
h3, .h3 {font-size: 1.25rem}
h4, .h4 {font-size: 1.125rem}

b, strong {font-weight: 600}
big {font-size: 1.125rem}
small {line-height: 0.875rem}
sub small, sup small {font-size: 50%; line-height: 50%}

.f14 {font-size: 14px}
.f12 {font-size: 12px}
.f11 {font-size: 11px}
.f10 {font-size: 10px}

.nowrap {white-space: nowrap}
.text-center {text-align: center}
.clear {clear: both}
.clearfix::after {content: ''; display: table; clear: both}
.screen-reader-only {position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden}

input[type=text],
input[type=search],
input[type=password],
textarea {font-family: 'Signika Negative', Arial, sans-serif; font-size: 1rem; line-height: 1.25; color: #333; border: 1px solid #BABABA; border-radius: 3px; padding: 0.5rem; margin: 0}
input[type=radio],
input[type=checkbox] {margin: 5px 5px 0 0}



.gray {color: #999}
.blue {color: #08C}
.red {color: #C00}
.green {color: #693}
.green2 {color: #3A0}
.white {color: #FFF}

.g_d {color: #690}
.g_k {color: #06C}
.g_l {color: #90C}
.g_m {color: #F90}

a {color: #08C; text-decoration: none}
a:hover {color: #0af; text-decoration: underline}

a.gray:hover {color: #BABABA; border: 0}
a.blue:hover {color: #0AF; border: 0}
a.red:hover {color: #F00; border: 0}
a.green:hover {color: #6B3; border: 0}
a.green2:hover {color: #6B3; border: 0}
a.white:hover {color: #9CF}



.zdj {padding: 2px; border: 1px solid #CCC}
.zdj_nopad {border: 1px solid #CCC}
.zdj_main {padding: 1px; border: 1px solid #CCC; margin-right: 6px}
.zdj_l {padding: 2px; border: 1px solid #CCC; margin: 0 8px 10px 0}
.zdj_link {padding: 2px; border: 1px solid #CCC; margin-right: 8px}
.zdj_p_l {padding: 1px; border: 1px solid #CCC; margin-top: 2px; margin-right: 7px}
.zdj_p_r {padding: 1px; border: 1px solid #CCC; margin-top: 2px; margin-left: 7px}

.breadcrumb {position: absolute; left: 0; right: 0; border-bottom: 1px solid rgba(0,0,0,0.05); margin-top: -40px; padding-bottom: 18px; font-size: 12px; line-height: 1.2; text-transform: uppercase}
.breadcrumb .container ul {background: url('img/icon-home-black.svg') no-repeat left center / 14px 14px; margin: 0; padding: 0 0 0 10px; list-style: none}
.breadcrumb .container li {margin: 0; padding: 0 0 0 16px; display: inline-block; vertical-align: middle}
.breadcrumb .container li::before {content: ''; display: inline-block; vertical-align: -1px; margin-right: 14px; width: 6px; height: 10px; background: url('img/breadcrumb-chevron.svg') no-repeat center / 6px 10px}
.breadcrumb .container li:first-child::before {display: none}

.stronicowanie {margin: 40px 0 20px 0; padding: 0; list-style: none; text-align: center}
.stronicowanie li {display: inline-block; list-style-type: none; background: none; padding: 0; margin: 0}
li.stronicowanie_strona {padding: 3px 10px 0 0; font-size: 16px; line-height: 20px; font-weight: normal; color: #333}
.stronicowanie a {display: block; width: 36px; height: 36px; border: 2px solid rgba(0,0,0,0.05); border-radius: 2px; font-weight: 400; text-align: center; line-height: 36px; color: #777}
.stronicowanie a.page_active {border-color: #666; background: #666; color: #FFF}
.stronicowanie a.prev_next {width: 80px; font-size: 11px; color: #888}
.stronicowanie a:hover {border-color: #08C; background: #08C; color: #FFF; text-decoration: none}

.info {background: #e6f3fa; padding: 20px 24px; margin-top: 24px}
.info p {margin: 0; font-size: 14px; line-height: 24px}
.info a {color: #000}
.info a:hover {color: #747474; border: 0}
.info.header_msgs {margin: 1px; padding-top: 6px; padding-bottom: 4px; font-size: 10px; line-height: 15px; display: none; -moz-border-radius: 0; -khtml-border-radius: 0; -webkit-border-radius: 0; border-radius: 0}

.alert {background: #FFFF99 url('img/alert2.png') no-repeat 18px 10px; border: 1px solid #FFCC00; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 20px 10px 0 115px; margin: 15px 0 15px 0; font-size: 13px}
.alert p {margin: 0 0; font-size: 13px}
.alert .red {color: #CC0000}
.alert a {color: #000}
.alert a:hover {color: #747474; border: 0}

.table_tr {border-bottom: 1px solid #CCC}
tr.even td {background: #E1E1E1; border-top: 1px solid #CCC; padding: 3px 5px}
tr.odd td {background: #F4F4F4; border-top: 1px solid #CCC; padding: 3px 5px}
.thead {font-family: Georgia, serif; font-size: 10px; color: #333}
.tdtip {color: #08C}
.tdid, .tdauth, .tddate, .tdrate {color: #666}
.tduser {color: #0AF}
.table_padding td {padding: 1px 20px 1px 0}

#gpath {display: none}
#js_warning {width: 100%; background-color: #FFBABA; margin-bottom: 1px; font-size: 14px; color: #990000; padding: 5px 19px; text-align: center}
.separ_kropki {height: 1px; line-height: 1px; border-bottom: 1px dashed #CCC}
.icon16 {vertical-align: -2px; margin-right: 5px}
.sort_icon {margin-left: 4px}
.hidden, .hidden p {color: #AAAAAA}
.tab_more {margin-left: 20px; border-bottom: 1px dashed #CCC; padding-bottom: 7px; margin-bottom: 7px}
.tab_more_hidden {margin-left: 20px; border-bottom: 1px dashed #CCC; padding-bottom: 7px; margin-bottom: 5px; color: #AAAAAA}
.go {vertical-align: -5px}
.ul_pdf li {background: url('img/pdf.png') no-repeat 0 3px; padding: 3px 0 3px 23px; font-style: italic}



header {background: linear-gradient(180deg, #ebebeb, #FFF); min-height: 99px; border-top: 1px solid #FFF; margin-bottom: 20px}
header ul {margin: 0; padding: 0; list-style: none}
header li {margin: 0; padding: 0}
header .container {position: relative}
header .logo {display: block; float: left; width: 310px; height: 112px; background: url('img/milionporad-logo.png') no-repeat center / cover; margin-top: 8px}
header .search-form {position: absolute; left: 50%; transform: translateX(-50%); width: 400px; height: 42px; padding-top: 6px; border: 1px solid rgba(0,0,0,0.2); border-radius: 3px; background: #FFF; margin-top: 40px}
header .search-form input[type=search] {width: calc(100% - 58px); padding: 0.5rem; margin: 0 0.25rem 0 6px; border: 0}
header .search-form input[type=submit] {width: 32px; height: 32px; background: url('img/icon-search@2x.png') no-repeat center / cover; border: 0; border-radius: 0; text-indent: -9999px; opacity: 0.2; cursor: pointer; position: relative; top: -1px; transition: opacity 0.2s}
header .search-form input[type=submit]:hover {opacity: 0.6}

/*
.header_login {margin-top: 25px}
#header_login_login {margin-top: -15px; display: none}
.header_login_title a {color: #999}
.header_login_title a:hover {color: #CC0000; border-bottom: 0}
.header_login_pipe {margin: 0 11px; vertical-align: -5px}
.header_login_form {margin-top: 4px}
input[type=text].header_login_input, input[type=password].header_login_input {width: 96px; height: 13px; font-size: 11px; line-height: 13px; padding: 5px 5px 4px 5px; color: #999}
input[type=text].header_login_input_normal, input[type=password].header_login_input_normal {color: #333}
#header_pass_input {display: none}
#header_login_btn {vertical-align: -7px}
.header_login_remember {display: block; float: left; width: 105px; margin: 4px 7px 0 1px; font-size: 11px; color: #333}
.header_login_remember input[type=checkbox] {margin: 0 4px 0 0; padding: 0}
.header_login_forgot {padding-top: 4px}
.header_login_forgot a {font-size: 11px; color: #888}
.header_login_forgot a:hover {color: #0AF; border-bottom: 1px dashed #0AF}
.header_user {margin-top: -2px; line-height: 24px}
*/

.main-nav {clear: both; border-bottom: 2px solid rgba(0,0,0,0.05)}
.main-nav ul li {display: inline-block}
.main-nav a {display: block; color: #000; font-weight: 400; font-size: 1.125rem; line-height: 2.125; padding: 0 1px; margin: 0 20px 0 0; position: relative; transition: all 0.2s}
.main-nav a:hover {text-decoration: none}
.main-nav a::after {content: ''; position: absolute; bottom: -2px; left: 0; right: 0; height: 2px; background: rgba(0,0,0,0.1)}
.main-nav .we-dwoje a::after {background: #ff00f0}
.main-nav .zdrowie-i-uroda a::after {background: #00fff6}
.main-nav .turystyka a::after {background: #66ff00}
.main-nav .komputery-i-internet a::after {background: #ffcc00}
.main-nav .motoryzacja a::after {background: #969696}
.main-nav .finanse a::after {background: #00a8ff}
.main-nav .we-dwoje a:hover {color: #d900ca}
.main-nav .zdrowie-i-uroda a:hover {color: #00d9d2}
.main-nav .turystyka a:hover {color: #57d900}
.main-nav .komputery-i-internet a:hover {color: #d9ad00}
.main-nav .motoryzacja a:hover {color: #777}
.main-nav .finanse a:hover {color: #0090d9}
.main-nav ul li ul {display: none}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	header .logo {background-image: url('img/milionporad-logo@2x.png')}
}



footer {background: #333; color: #FFF; padding-top: 10px; margin-top: 40px}
footer ul {margin: 0; padding: 0; list-style: none}
footer li {margin: 0; padding: 0}
footer h2 {font-weight: 400}
footer a {color: #FFF}
footer a:hover {color: #9CF}

.about {border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 24px}

.footer-columns {display: flex}
.stopka-tematy {float: left; width: calc((100% - 360px) / 2); width: 31%; padding-right: 2%; color: #777; line-height: 1.5}
.stopka-tematy li {padding: 8px 0; border-top: 1px solid rgba(255,255,255,0.1)}
.stopka-tematy li:first-child {border-top: 0}
.stopka-tematy li a {display: inline-block; vertical-align: top; max-width: calc(100% - 85px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.stopka-kategorie {float: left; width: 360px; width: 33.3%}
.stopka-kategorie ul {color: #777; line-height: 1.5; columns: 2}
.stopka-kategorie li {padding: 3px 0}

.footer-bottom {background: #222; padding: 24px 0; margin-top: 36px}
.footer-small-menu ul {margin-top: 0px; list-style: none; text-align: center; font-size: 14px}
.footer-small-menu li {margin: 0 20px; display: inline-block}
.copyright {margin-top: 1.5rem; text-align: center}
.copyright p {font-size: 14px; margin: 0}
.disclaimer {color: #777}



.container {max-width: 1200px; margin: 0 auto}
.columns {display: flex}
.column-left {width: calc(100% - 400px)}
.column-right {width: 360px; margin-left: 40px}
.column-left.has-breadcrumb,
.column-left.has-breadcrumb + .column-right {padding-top: 40px}



.main-categories {display: flex; flex-wrap: wrap}
.main-cat {width: calc(50% - 0.5rem); margin: 0 0 1rem 1rem; float: left}
.main-cat:nth-child(2n+1) {margin-left: 0}
.main-cat h2 {font-weight: 400; font-size: 1.5rem; border-bottom: 2px solid rgba(0,0,0,0.05); margin-bottom: 0.75rem; padding-bottom: 0.5rem}
.main-cat h2 a {color: #000}

.main-cat.finanse h2 {border-bottom-color: #00a8ff}
.main-cat.we-dwoje h2 {border-bottom-color: #ff00f0}
.main-cat.motoryzacja h2 {border-bottom-color: #969696}
.main-cat.turystyka h2 {border-bottom-color: #66ff00}
.main-cat.komputery-i-internet h2 {border-bottom-color: #ffcc00}
.main-cat.zdrowie-i-uroda h2 {border-bottom-color: #00fff6}
.main-cat.finanse h2 a {color: #0090d9}
.main-cat.we-dwoje h2 a {color: #d900ca}
.main-cat.motoryzacja h2 a {color: #777}
.main-cat.turystyka h2 a {color: #57d900}
.main-cat.komputery-i-internet h2 a {color: #d9ad00}
.main-cat.zdrowie-i-uroda h2 a {color: #00d9d2}

a.main_cat_leader {display: block}
a.main_cat_leader:hover {text-decoration: none}
a.main_cat_leader img {display: block; width: 100%}
.main_cat_leader_txt {display: block; background: url('img/pxblack75.png'); color: #FFF; padding: 0.5rem 0; position: relative; overflow: hidden}
.main_cat_leader_txt::before {content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; transform: translateY(100%); transition: all 0.4s}
.main_cat_leader_container {position: relative; z-index: 2}
.main_cat_leader_count {display: inline-block; vertical-align: middle; width: 53px; height: 47px; text-align: center}
.main_cat_leader_x {display: block; font-size: 20px; font-weight: 600; color: #FFF; height: 22px; line-height: 22px; padding-top: 6px}
.main_cat_leader_porad {display: block; font-size: 9px; text-transform: uppercase; height: 14px; line-height: 14px; color: #FFF; padding-top: 0}
.main_cat_leader_title {display: inline-block; vertical-align: middle; max-width: calc(100% - 60px); margin: 0; line-height: 1.1; font-weight: 600; color: #FFF}
.main_cat_leader_desc {clear: both; display: block; line-height: 1.5; padding: 12px; margin: 0; color: #FFF}
.main_cat_leader_desc span.more {font-weight: 600}
.main_cat_leader_desc span.more:hover {color: #999}
a.main_cat_leader:hover .main_cat_leader_txt::before {transform: translateY(0)}
a.main_cat_leader:hover .main_cat_leader_title {text-decoration: underline}
a.main_cat_leader:hover span.more {color: #FFF; text-decoration: underline}
ul.main_cat_others {margin: 0; padding: 12px; list-style: none}
ul.main_cat_others li {margin: 0; padding: 0; height: 30px; line-height: 18px}
ul.main_cat_others li a {display: block; padding: 6px 0; color: #FFF; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
ul.main_cat_others li a:hover {color: #BABABA; text-decoration: underline; border-bottom: 0}
a.main_cat_end {display: block; color: #FFF; padding: 7px 12px}
a.main_cat_end:hover {border-bottom: 0; text-decoration: underline}

div.finanse .main_cat_leader_txt::before {background: #4e5a66}
div.finanse a.main_cat_name {text-shadow: 0 1px 1px #27629d}
div.finanse ul.main_cat_others {background: #576573}
div.finanse span.more {color: #0099ff}
div.finanse a.main_cat_end {background: #4087cf}
div.turystyka .main_cat_leader_txt::before {background: #5a614c}
div.turystyka a.main_cat_name {text-shadow: 0 1px 1px #5f8119}
div.turystyka ul.main_cat_others {background: #666e56}
div.turystyka span.more {color: #99ff00}
div.turystyka a.main_cat_end {background: #83ae2c}
div.motoryzacja .main_cat_leader_txt::before {background: #333333}
div.motoryzacja a.main_cat_name {text-shadow: 0 1px 1px #1c1c1c}
div.motoryzacja ul.main_cat_others {background: #4c4c4c}
div.motoryzacja span.more {color: #888}
div.motoryzacja a.main_cat_end {background: #2c2c2c}
div.we-dwoje .main_cat_leader_txt::before {background: #5a4c61}
div.we-dwoje a.main_cat_name {text-shadow: 0 1px 1px #631c87}
div.we-dwoje ul.main_cat_others {background: #66566e}
div.we-dwoje span.more {color: #b64ceb}
div.we-dwoje a.main_cat_end {background: #842cb0}
div.komputery-i-internet .main_cat_leader_txt::before {background: #615b4a}
div.komputery-i-internet a.main_cat_name {text-shadow: 0 1px 1px #856400}
div.komputery-i-internet ul.main_cat_others {background: #6e6854}
div.komputery-i-internet span.more {color: #eeb300}
div.komputery-i-internet a.main_cat_end {background: #ae8300}
div.zdrowie-i-uroda .main_cat_leader_txt::before {background: #2d5453}
div.zdrowie-i-uroda a.main_cat_name {text-shadow: 0 1px 1px #19817e}
div.zdrowie-i-uroda ul.main_cat_others {background: #346261}
div.zdrowie-i-uroda span.more {color: #2caeaa}
div.zdrowie-i-uroda a.main_cat_end {background: #2caeaa}



.articles-list-head {margin: 1.5rem 0 2rem 0; padding: 0; list-style: none; border-bottom: 2px solid rgba(0,0,0,0.05)}
.articles-list-head li {margin: 0; padding: 0; display: inline-block}
.articles-list-head a {display: block; margin: 0 20px 0 0; font-weight: 400; font-size: 1.25rem; color: #777; position: relative}
.articles-list-head a:hover {color: #000; text-decoration: none}
.articles-list-head .active a {font-weight: 600; color: #000}
.articles-list-head .active a::after {content: ''; position: absolute; display: block; bottom: -2px; left: 0; right: 0; height: 2px; background: rgba(0,0,0,0.5)}

.article-list-comment {width: 48px; height: 31px; text-align: center; background: url('img/icon-comment.svg') no-repeat center / cover; float: left; margin: 4px 16px 0 0; padding-top: 15px}

.pytania_icon {vertical-align: -5px; margin: 0 6px 0 -2px}

#t_aktualne {display: block}
#t_najnowsze {display: none}
#t_najpopularniejsze {display: none}



.lista_porad_container {clear: both; word-wrap: break-word !important; word-break: break-word; margin: 0 0 25px 0}
.lista_porad_container h3 {margin: 0; font-size: 1.125rem}
.lista_porad_container p {line-height: 1.5; height: 48px; margin: 0.25rem 0; overflow: hidden}
.liczba_porad {width: 48px; height: 31px; text-align: center; background: url('img/star-gray.svg') no-repeat center / cover; float: left; margin: 4px 16px 0 0; padding-top: 15px; font-size: 12px; color: rgba(0,0,0,0.3); line-height: 22px}
.number {display: block; margin-bottom: 15px; font-weight: 400; font-size: 18px; line-height: 19px}
.starred .liczba_porad {background-image: url('img/star-gold.svg'); color: #ebb000}
.starred .number {color: #ebb000}
.lista_porad_container small.gray {font-size: 12px}

.lista_porad_small {width: 280px; table-layout: fixed; margin: 10px 0 0 0}
.liczba_porad_small {width: 20px; border: 1px solid #CCC; font-weight: 600; text-align: center; color: #3399CC}
.lista_porad_small_title {line-height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}

.tematy_action_icons img {vertical-align: -2px; margin-left: 4px}
.tematy_action_icons a {border-bottom: 0}
.temat_weight_input_div {float: right; height: 41px; padding-top: 2px; margin-left: 10px; text-align: center; line-height: 22px}
input.temat_weight_input {width: 20px; text-align: center; padding: 2px 3px; vertical-align: -1px}

div.subcategories {margin: -8px 0 32px 0}
div.subcategories h2 {color: #000; margin: 0}
div.subcategories ul {margin: 0; padding: 0; list-style: none}
div.subcategories li {margin: 0; padding: 0}
div.subcategories li a {display: block; position: relative; float: left; width: calc(50% - 128px); height: 40px; font-size: 18px; line-height: 24px; padding: 20px 20px 28px 88px; color: #000; margin: 20px 0 0 20px; border: 2px solid rgba(0,0,0,0.05); transition: all 0.2s}
div.subcategories li:nth-child(2n+1) a {margin-left: 0}
div.subcategories a::before {content: ''; display: block; position: absolute; top: 15px; left: 20px; z-index: 10; width: 50px; height: 60px}
div.subcategories li a:hover {border-color: rgba(0,0,0,0.2)}

div.subcategories a.kredyty::before,
div.subcategories a.finanse::before,
div.subcategories a.przedsiebiorcy::before,
div.subcategories a.prawne::before {background: url('img/podkategorie/biznes-i-finanse.jpg') no-repeat 0 0}
div.subcategories a.finanse::before {background-position: -50px 0}
div.subcategories a.przedsiebiorcy::before {background-position: -100px 0}
div.subcategories a.prawne::before {background-position: -150px 0}

div.subcategories a.egzotyka::before,
div.subcategories a.praktyczne::before {background: url('img/podkategorie/turystyka.jpg') no-repeat 0 0}
div.subcategories a.praktyczne::before {background-position: -50px 0}

div.subcategories a.opony::before,
div.subcategories a.technika_jazdy::before,
div.subcategories a.obsluga_techniczna::before,
div.subcategories a.ubezpieczenia::before {background: url('img/podkategorie/motoryzacja.jpg') no-repeat 0 0}
div.subcategories a.technika_jazdy::before {background-position: -50px 0}
div.subcategories a.obsluga_techniczna::before {background-position: -100px 0}
div.subcategories a.ubezpieczenia::before {background-position: -150px 0}

div.subcategories a.szukajacy::before,
div.subcategories a.milosne::before,
div.subcategories a.kobiet::before,
div.subcategories a.mezczyzn::before {background: url('img/podkategorie/we-dwoje.jpg') no-repeat 0 0}
div.subcategories a.milosne::before {background-position: -50px 0}
div.subcategories a.kobiet::before {background-position: -100px 0}
div.subcategories a.mezczyzn::before {background-position: -150px 0}

div.subcategories a.internet::before,
div.subcategories a.bezpieczenstwo::before,
div.subcategories a.webmaster::before,
div.subcategories a.windows::before {background: url('img/podkategorie/komputery-i-internet.jpg') no-repeat 0 0}
div.subcategories a.bezpieczenstwo::before {background-position: -50px 0}
div.subcategories a.webmaster::before {background-position: -100px 0}
div.subcategories a.windows::before {background-position: -150px 0}

div.subcategories a.uroda::before,
div.subcategories a.odchudzanie::before,
div.subcategories a.zdrowie::before,
div.subcategories a.dziewczyny::before {background: url('img/podkategorie/zdrowie-i-uroda.jpg') no-repeat 0 0}
div.subcategories a.odchudzanie::before {background-position: -50px 0}
div.subcategories a.zdrowie::before {background-position: -100px 0}
div.subcategories a.dziewczyny::before {background-position: -150px 0}

.subcat_leader_l,
.subcat_leader_r {float: left; width: calc(50% - 20px); margin: 16px 0 10px 0}
.subcat_leader_r {float: right}
.subcat_leader_img {width: 100%}
h2.subcat_leader_title {font-size: 1.5rem; font-weight: 400; display: block; margin: 10px 0 10px 0}
p.subcat_leader_desc {line-height: 1.5; margin: 0 0 20px 0}
h2.subcat_leader_title a, p.subcat_leader_desc a
p.subcat_leader_desc a:hover, p.subcat_leader_desc a:hover .more {color: #08C; border-bottom: 0}
p.subcat_leader_desc .more {font-weight: 600; color: #CC0000}

.subcat_1_link {font-size: 13px; padding: 7px 0 6px 0; border-top: 1px dashed #CCC; border-bottom: 1px dashed #CCC}
.subcat_1_link img {vertical-align: -7px; margin-right: 7px}
.subcat_1_link a:hover {border: 0; text-decoration: underline}

ul.linki li {padding: 3px 0 3px 22px; background: url('img/link.jpg') no-repeat 0 2px; font-size: 13px}
ul.linki li a {color: #000}
ul.linki li a:hover {color: #08C}
ul.linki li a span {font-weight: 600; color: #08C}

ul.stars {margin: 5px 0 20px 0}
ul.stars li {padding: 3px 0 3px 19px; background: url('img/star12.png') no-repeat 0 4px; font-size: 13px}
ul.stars li a {color: #000}
ul.stars li a:hover {color: #08C}
ul.stars li a span {font-weight: 600; color: #08C}



/* TEMAT */
.temat_opis {line-height: 1.75}
.temat_img {float: right; width: 300px; padding: 0 0 5px 0; margin: 8px 0 12px 24px; font-size: 9px; color: #999; line-height: 11px}
.temat_img img {width: 300px; margin: 0px 0 4px 0}
.temat_img a {color: #999}
.temat_star_icon {vertical-align: -1px; margin-right: 5px}

.fb_like_info {margin: 10px 0}
.soc_bar {clear: both; background: url('img/soc_bar_bg.png') repeat-x; border: 1px solid #CCC; padding: 6px 10px; height: 19px; margin-bottom: 18px}
.soc_icon {vertical-align: -2px; margin-right: 5px}

.porada {margin: 18px 0 12px 0; display: flex}
.porada-content {width: calc(100% - 200px)}
.porada-content h2 {font-weight: 400}
.porada-content h2 a {color: #000}
.porada-content h2 a:hover {color: #08C}
.porada-content p {line-height: 1.75}
.porada_mov {margin-bottom: 12px}
.porada_img_container {width: 482px; background: #EBEBEB url('img/mul_img_bg.png'); margin-bottom: 12px}
.porada_img_container_top {height: 10px; background: url('img/mul_img_bg_top.png')}
.porada_img_container_bottom {height: 10px; background: url('img/mul_img_bg_bottom.png')}
.porada_img_content {width: 468px; background: url('img/mul_img_bg_sides.png'); padding: 0 7px}
.porada_img {display: block; float: left; width: 140px; font-weight: 600; font-size: 11px; line-height: 14px; text-align: center; margin: 5px 8px}
.porada_img img {display: block; margin: 0 auto 4px auto; padding: 2px; border: 1px solid #BABABA; background: #FFF}
.porada_img span {display: block; margin: 0 auto; height: 28px; overflow: hidden}
.porada_img2 span {display: block; margin: 0 auto; height: auto}
img.porada_icon_reset {border: 0; margin: 0; padding: 0; display: inline; vertical-align: -2px}
.porada_komentarze {margin-top: 2px; margin-bottom: 2px; color: #999}
.porada_komentarze a {color: #999}
.porada_komentarze a:hover {color: #0AF}

.porada-meta {width: 180px; margin-left: 20px}
.porada-meta p {font-size: 14px}
.porada-meta .date {display: block; margin-top: -4px; font-size: 12px; color: #777}
.ocena-container {display: inline-block; margin-right: 6px}
.ocena {font-size: 16px}
.vote-container {display: inline-block; vertical-align: -1px}
.votetable {margin-top: -10px}
.voteicon {margin: 4px 2px 0 2px}
input.porada_weight_input {width: 20px; text-align: center; padding: 2px 3px; vertical-align: -1px}

.zobacz_takze {border-top: 2px solid rgba(0,0,0,0.05); margin-top: 28px; padding-top: 20px}
.zobacz_takze_l {width: calc(50% - 10px); float: left; margin-right: 20px}
.zobacz_takze_r {width: calc(50% - 10px); float: right}
.zobacz_takze h2 {font-weight: 400}
.zobacz_takze ul {margin: 10px 0 15px 0; padding: 0; list-style: none}
.zobacz_takze li {margin: 0; padding: 0; font-weight: 400; padding: 2px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.zobacz_takze li a {color: #000}
.zobacz_takze li a::after {content: ''; display: inline-block; margin-left: 8px; width: 6px; height: 10px; background: url('img/breadcrumb-chevron.svg') no-repeat center / 6px 10px}
.zobacz_takze li a:hover {color: #08C}
.zobacz_takze li:last-child a {color: #000}
.zobacz_takze li:last-child a:hover {color: #08C}

.comments-heading {font-weight: 400}
ul.comments {clear: both; margin: 0; padding: 0; list-style: none}
ul.comments li {margin: 24px 0; padding: 0 0 0 12px; border-left: 2px solid rgba(0,0,0,0.1)}
ul.comments p {font-size: 14px; line-height: 20px; color: #333}
ul.comments b {font-weight: 400}
ul.comments .date {color: #999}

.dodaj_kom {display: none}
.dodaj_kom_msg {margin: 0 0 10px 0}
.dodaj_komentarz_textarea {margin: 5px 0; border: 1px solid #BABABA; width: 450px}
.dodaj_komentarz_autor {border: 1px solid #BABABA; padding: 2px 3px}

.komentarze_admin {margin: 15px 0 0 0}
.komentarze_admin_porada {margin: 5px 0 10px 0; padding: 0 0 12px 16px; border-bottom: 1px dashed #CCC}



.dodaj_temat {margin-top: 10px; width: 650px; height: 160px; background: url('img/dodaj_temat1.jpg') no-repeat}
input.dodaj_temat_input {width: 415px; height: 16px; margin: 46px 0 0 82px; background: transparent; border: 0; padding: 3px 4px}
.dodaj_temat_textarea {width: 415px; height: 63px; margin: 7px 0 0 82px; background: transparent; border: 0; padding: 3px 4px}

.dodaj_temat_porada {margin: 15px 0; padding-bottom: 15px; border-bottom: 1px dashed #AAAAAA}
.dodaj_temat_porada_txt {padding-left: 12px}
.dodaj_temat_porada_naglowek_hint {padding: 2px 0 5px 0}
input.dodaj_temat_porada_input {width: 415px; height: 16px; margin: 0; background: url('img/dodaj_temat_input.png') no-repeat; border: 0; padding: 3px 4px}
.dodaj_temat_porada_textarea {width: 415px; height: 63px; margin: 0; background: url('img/dodaj_temat_textarea.png') no-repeat; border: 0; padding: 3px 4px}
.dodaj_temat_porada_nr {text-align: center; font-family: Georgia, serif; font-size: 72px; color: #AAAAAA; padding-top: 3px}

.dodaj_temat_porada_dodaj_txt {padding: 6px 0 0 12px}
.dodaj_temat_porada_dodaj {padding: 4px 0 0 3px; font-size: 11px}
.mul_objects {padding-top: 5px}
.mul_mov_input_hint {width: 240px; font-style: italic; color: #888}
.mul_mov_input {width: 240px; font-style: normal; color: #000}
.mulct {display: none}

.dodaj_temat_porady1 {margin-top: 10px; width: 650px; background: #CCC}
.dodaj_temat_porady2 {background: url('img/dodaj_temat_porady1.jpg') no-repeat top; padding-top: 30px}
.edycja_porady2 {background: url('img/edycja_porady1.jpg') no-repeat top; padding-top: 30px}
.dodaj_temat_wiecej_porad {margin-top: 0; padding: 6px; color: #FFF; text-align: center; background: #666 url('img/dodaj_temat_porady2.png') no-repeat bottom}
.dodaj_temat_wiecej_porad input[type=text] {padding: 4px; border-width: 0}

.btn_ok_wiecejporad {vertical-align: -6px}

.porady_techinfo {font-size: 11px; line-height: 15px; text-align: left; margin: -15px 0 0 0; padding: 10px 0 10px 82px; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; background: #FFFF99 url('img/alert1.png') no-repeat 17px 25px}

.wyslij_table td {padding: 2px 0}



/* UŻYTKOWNIK */
.register_table {margin-top: 16px}
.register_table td {padding: 2px 0}
.register_table tr.error td {font-weight: 600; color: #CC0000}
.register_table tr.error input {border: 2px solid #CC0000; padding: 6px}
.register_td_l {width: 120px}
.register_table select {margin: 0}
.register_textarea {width: 494px; margin: 16px 0 10px 0}
.register_btn {display: block; margin: 15px auto}

.register_info_container {position: absolute; height: 1px}
.register_info {position: relative; top: -30px; left: 190px; background: url('img/register_info.png') no-repeat right; overflow: hidden; width: 320px; height: 30px; display: none}
.register_info table {display: block; height: 30px; background: url('img/register_info_l.png') no-repeat left}
.register_info td {font-size: 11px; line-height: 12px; font-weight: normal !important; color: #FFF !important; text-shadow: 0 1px 1px #1B6383; height: 29px; padding: 0 0 1px 38px}
.register_error {position: relative; top: -30px; left: 190px; background: url('img/register_error.png') no-repeat right; overflow: hidden; width: 320px; height: 30px}
.register_error table {display: block; height: 30px; background: url('img/register_error_l.png') no-repeat left}
.register_error td {font-size: 11px; line-height: 12px; font-weight: normal !important; color: #FFF !important; text-shadow: 0 1px 1px #850F0F; height: 29px; padding: 0 0 1px 38px}

.users_sort {margin: 10px 0 11px 0}

.login_box_margintop {margin-top: 100px}
.login_box_verify {width: 285px; text-align: left; padding: 0 20px; border: 1px dashed #AAAAAA; margin: 0 auto 20px auto}
.login_box_table td {padding: 2px 0}
.login_box_login {width: 285px; text-align: left; padding: 20px 20px 10px 20px; border: 1px dashed #AAAAAA; margin: 0 auto 100px auto}
.login_box_login table {margin-top: 14px}
.login_box_txt {width: 45px}

.user_img {padding: 5px; border: 1px solid #CCC; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px}
.user_data p {margin: 0 0 9px 0; line-height: 16px}
.addfriend_icon {vertical-align: -1px}
.profil_znajomy {width: 162px; float: left; margin: 10px 0 0 0}
.zdj_znajomy {float: left; padding: 1px; border: 1px solid #CCC; margin: 0 5px 0 0}

.account_tabs {height: 32px; background: url('img/pxcc.gif') repeat-x bottom; margin: 5px 0 15px 0}
.account_tab {display: block; float: left; height: 17px; padding: 7px 12px; background: url('img/account_tab.png') repeat-x; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #CCC; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; margin-right: 2px; color: #000}
.account_tab:hover {color: #747474; border-bottom: 0}
.account_tab.tab_active {background: #FFF; font-weight: 600}
.account_tab .icon16 {vertical-align: -3px}

.account_priv_table th {border-bottom: 1px solid #CCC; padding-bottom: 4px}
.account_priv_table td {padding: 5px 0 0 0}



/* REKLAMA */
.reklama_dlaczego_ul>li {background: url('img/star_gold.png') no-repeat 0 8px; padding: 4px 0 4px 16px; font-size: 13px; line-height: 18px}
.ul_stars li {background: url('img/star_white.png') no-repeat 0 5px; padding: 1px 0 1px 16px}

.reklama_pani {float: right; margin-top: -20px}

.reklama_prices {margin-left: -8px}
.reklama_prices div {text-align: center}
.reklama_price {float: left; width: 208px; height: 142px; border: 1px solid #CCC; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 5px 0 20px 8px}

.reklama_price1 div.ln1 {padding-top: 32px; font-size: 14px; line-height: 17px}
.reklama_price6 div.ln1,
.reklama_price12 div.ln1 {padding-top: 16px; font-size: 14px; line-height: 17px}

.reklama_price1 div.ln2 {font-size: 40px; line-height: 56px; color: #08C}
.reklama_price6 div.ln2,
.reklama_price12 div.ln2 {padding: 6px 0; font-size: 24px; line-height: 30px; color: #339900}

.reklama_price6 div.ln3,
.reklama_price12 div.ln3 {font-size: 12px; line-height: 15px; color: #999}

.reklama_kontakt {text-align: center; margin: 30px auto}
.reklama_kontakt p {font-size: 13px}
p.reklama_kontakt_dane {margin-top: 15px; font-size: 18px}
.reklama_mail {vertical-align: -8px; margin-right: 15px}
.reklama_tel {vertical-align: -8px; margin-left: 30px; margin-right: 5px}



.column-right h2 {font-weight: 400; font-size: 1.5rem}

.col_user_panel {border-bottom: 1px dashed #BABABA; margin-bottom: 12px}
.col_oczekujace_tematy {margin: 5px 0 10px 0; background: #C0FFC0; border: 1px solid #99CC99; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 0 7px 2px 7px}
.col_oczekujacy_znajomi {margin: 5px 0 10px 0; background: #FFFFBB; border: 1px solid #CFC999; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 0 0 2px 7px}
.col_oczekujace_tematy p, .col_oczekujacy_znajomi p {margin: 7px 0}
.col_oczekujace_tematy a, .col_oczekujacy_znajomi a {color: #000}
.col_oczekujace_tematy a:hover, .col_oczekujacy_znajomi a:hover {color: #747474; border: 0}

.all-categories ul {margin: 0 0 30px 0; padding: 0; list-style: none; columns: 2}
.all-categories li {margin: 0; padding: 0; font-size: 1rem; font-weight: 400}

ul.okazja {margin: 0; padding: 0; list-style: none}
ul.okazja li {margin: 4px 0; padding: 2px 0 2px 24px; font-weight: 600; line-height: 20px}
ul.okazja li::before {content: ''; display: inline-block; width: 24px; margin-left: -24px}
ul.okazja li a {color: #000}

.okazja_walentynki1 {width: 340px; background: url('img/okazja/walentynki/walentynki2.png') no-repeat bottom; margin: 10px 0 0 -9px}
.okazja_walentynki2 {width: 292px; background: url('img/okazja/walentynki/walentynki1.jpg') no-repeat top; padding: 82px 24px 9px 24px}
.okazja_walentynki2 ul li::before {content: '\01F498'}
.okazja_walentynki2 ul li a:hover {color: #309}

.okazja_zima1_1 {width: 360px; background: url('img/okazja/zima1/zima2.png') no-repeat bottom; margin: 10px 0 0 0}
.okazja_zima1_2 {width: 300px; background: url('img/okazja/zima1/zima1.jpg') no-repeat top; padding: 14px 45px 15px 15px}
.okazja_zima1_2 h2 {color: #049}
.okazja_zima1_2 ul li::before {content: '\02744'}
.okazja_zima1_2 ul li a:hover {color: #049}

.okazja_wiosna1_1 {width: 345px; background: url('img/okazja/wiosna/wiosna1.jpg') no-repeat top; margin: 10px 0 0 0; padding: 90px 0 5px 15px}
.okazja_wiosna1_2 {width: 360px; height: 80px; background: url('img/okazja/wiosna/wiosna2.jpg') no-repeat}
.okazja_wiosna1_1 ul li::before {content: '\01F340'}
.okazja_wiosna1_1 ul li a:hover {color: #448a17}

.okazja_wakacje1_1 {width: 360px; height: 140px; background: url('img/okazja/wakacje/wakacje1.jpg') no-repeat top; margin: -10px 0 0 0}
.okazja_wakacje1_2a {width: 360px; background: url('img/okazja/wakacje/wakacje.jpg') repeat-y}
.okazja_wakacje1_2b {width: 300px; background: url('img/okazja/wakacje/wakacje2.jpg') no-repeat bottom; padding-bottom: 230px; padding-left: 15px; padding-right: 45px}
.okazja_wakacje1_2b ul {margin: -4px 0 10px 0}
.okazja_wakacje1_2b ul li::before {content: '\01F3D6'}
.okazja_wakacje1_2b ul li a:hover {color: #0053b3}

.okazja_jesien {width: 290px; background: url('img/okazja/jesien/jesien.jpg') no-repeat top; padding: 140px 15px 15px 15px; margin: 10px 0 0 0}
.okazja_jesien ul li::before {content: '\01F341'}
.okazja_jesien ul li a {color: #300}
.okazja_jesien ul li a:hover {color: #900}

.na-skroty {margin: 40px 0; padding: 0; list-style: none; max-width: 320px}
.na-skroty li {margin: 0; padding: 0; height: 80px; margin: 0 0 10px 0; border: 2px solid rgba(0,0,0,0.05); background-position: top right; background-repeat: no-repeat; transition: all 0.2s}
.na-skroty li#porady-dla-dziewczyn {background-image: url('img/porady-dla-dziewczyn.jpg')}
.na-skroty li#porady-dla-kobiet {background-image: url('img/porady-dla-kobiet.jpg')}
.na-skroty li#porady-milosne {background-image: url('img/porady-milosne.jpg')}
.na-skroty li#porady-dla-mezczyzn {background-image: url('img/porady-dla-mezczyzn.jpg')}
.na-skroty li:hover {border-color: rgba(0,0,0,0.2)}
.na-skroty a {display: block; color: #999; padding: 16px 0 14px 22px; font-size: 24px; line-height: 30px}
.na-skroty a:hover {text-decoration: none}
.na-skroty b {display: block; font-weight: 400; font-size: 16px; line-height: 20px; padding-left: 28px; color: #000}

.popular {margin-top: 32px; border-bottom: 2px solid rgba(0,0,0,0.05); padding-bottom: 12px; max-width: 320px}
.popular.finanse {border-bottom-color: #00a8ff}
.popular.we-dwoje {border-bottom-color: #ff00f0}
.popular.turystyka {border-bottom-color: #66ff00}
.popular.komputery-i-internet {border-bottom-color: #ffcc00}
.popular h2 {margin: 1.5rem 0 0.5rem 0; font-size: 1.25rem}
.popular.finanse h2 a {color: #00a8ff}
.popular.we-dwoje h2 a {color: #d900ca}
.popular.turystyka h2 a {color: #57d900}
.popular.komputery-i-internet h2 a {color: #d9ad00}
.popular h2 a:hover {text-decoration: underline}
.popular ul {margin: 0; padding: 0; list-style: none}
.popular ul li {margin: 0; padding: 0; width: 320px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.popular ul li b {font-weight: 300}
.popular ul li a {color: #000}
.popular ul li a:hover {color: #08C}

.fb_header {background: #315C99; padding: 3px 0 2px 8px; color: #FFF; font-weight: 600}



/* REKLAMY */
.ad_top {margin-top: 22px; margin-left: 12px; margin-right: 12px}
.billboard_top {margin: 10px auto 12px auto; text-align: center}
.billboard_top table {margin: 0 auto}
.rectangle_right {margin: 10px 0}
.porada_adleadermax650 {margin: 10px 0; padding-bottom: 10px; border-bottom: 1px dashed #BABABA}

.porada-rekl-wewn {margin: 20px 0 30px 0; border-top: 1px solid rgba(0,0,0,0.1); padding-top: 15px; border-bottom: 1px solid #CCC; padding-bottom: 0}
.porada-rekl-wewn > a > img {float: left; width: 200px; height: 200px; margin-right: 10px}
.porada-rekl-wewn h2 {display: inline-block; margin: 16px 0 0 0; font-size: 24px; color: #C00}
.porada-rekl-wewn p {margin: 15px 0; line-height: 1.5}
.porada-rekl-wewn a.link-info,
.porada-rekl-wewn a.link-tag {display: inline-block; background-repeat: no-repeat; background-position: left center; background-size: 16px 16px; margin-right: 24px; padding-left: 26px}
.porada-rekl-wewn a.link-info {background-image: url('img/info.png'); color: #333}
.porada-rekl-wewn a.link-tag {background-image: url('img/tag.png'); color: #C00; font-weight: 600}
.porada-rekl-wewn a:hover {border: 0; text-decoration: underline}

.porada-rekl-wewn.x3 h2 {margin: 8px 0 6px 0}
.porada-rekl-wewn.x3 .prod {display: inline-block; width: 200px; margin-left: 14px; padding: 0 0 20px 0; text-align: center}
.porada-rekl-wewn.x3 .prod:first-child {margin-left: 0}
.porada-rekl-wewn.x3 .prod img {display: block; width: 200px; height: 200px; border: 1px solid #CCC; margin: 15px 0}
.porada-rekl-wewn.x3 a {font-size: 15px}
.porada-rekl-wewn .oldprice {display: inline-block; margin-right: 5px; color: #999; text-decoration: line-through}



@media screen and (max-width: 1240px) {

header .search-form {width: 320px; left: unset; right: 20px; transform: none}

footer {font-size: 0.875rem}
footer h2 {font-size: 1.25rem}
footer p {font-size: 0.875rem}

.container {margin-left: 20px; margin-right: 0}
.column-left {width: calc(100% - 360px)}
.column-right {width: 340px; margin-left: 20px}
.okazja {width: 340px; margin-left: -20px; padding-left: 20px; overflow: hidden}

div.subcategories li a {font-size: 1rem; width: calc(50% - 118px); padding-left: 78px}
div.subcategories a::before {left: 15px}

}



@media screen and (max-width: 1023px) {

header .search-form {right: 0}

.main-nav a {font-size: 1rem; margin-right: 16px}

.footer-columns {flex-wrap: wrap}
.stopka-tematy {width: 49%}
.stopka-tematy + .stopka-tematy {padding-right: 0}
.stopka-kategorie {float: none; clear: both; width: 100%; padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.1); margin-top: 30px}
.stopka-kategorie ul {columns: 4}

.container {margin-right: 20px}
.columns {display: block}
.column-left {width: auto}
.column-left > h1:first-child {margin-top: 2rem}
.column-right {width: auto; margin-left: 0; display: flex; border-top: 2px solid rgba(0,0,0,0.1); margin-top: 50px; padding-top: 20px}
.column-right-part1 {width: calc(50% - 10px)}
.column-right-part2 {width: calc(50% - 10px); margin-left: 20px}
.column-right .all-categories {display: none}
.okazja {margin-top: 26px}
.popular {max-width: 100%}

.zobacz_takze + .clear + br {display: none}

}



@media screen and (max-width: 767px) {

h1 {font-size: 2rem}
h2 {font-size: 1.25rem}

body {font-size: 0.875rem}
p {font-size: 0.875rem; line-height: 1.7}
big {font-size: 1rem}
small {font-size: 0.75rem}

header .logo {float: none; margin: 8px auto 0 auto; width: 240px; height: 86px}
header .search-form {position: relative; margin: 0 auto 5px auto; width: 278px; height: 35px; padding-top: 1px}
header .search-form input[type="search"] {width: calc(100% - 48px); padding: 0.5rem 0.5rem 0.25rem 0.5rem}
header .search-form input[type="submit"] {width: 24px; height: 24px; top: -2px}

.main-nav {text-align: center}
.main-nav a {margin: 6px 8px 0 8px; font-size: 0.875rem}

.stopka-tematy {width: 100%; padding-right: 0}
.stopka-tematy + .stopka-tematy {padding-top: 20px}
.stopka-kategorie ul {columns: 2}

.column-right {display: block; padding-left: 40px}
.column-right-part1 {width: 100%; max-width: 360px; margin-left: auto; margin-right: auto}
.column-right-part2 {width: 100%; max-width: 360px; margin-left: auto; margin-right: auto}
.popular {max-width: 320px}
.popular ul li {width: auto}

.main-cat {width: 100%; margin-left: 0}

div.subcategories li a {width: calc(100% - 98px); margin-left: 0; margin-top: 10px}
div.subcategories li:first-child a {margin-top: 20px}

.articles-list-head li {max-width: 31%}
.main-categories + .articles-list-head li {max-width: 50%}
.articles-list-head a {font-size: 1rem; line-height: 1; padding-bottom: 10px}

.lista_porad_container p {height: 42px; margin: 0.5rem 0}

li.stronicowanie_strona {display: none}
.stronicowanie li {margin-bottom: 20px}

.temat_img {max-width: 50%}

.porada {display: block; border-top: 2px solid rgba(0,0,0,0.05); margin-top: 24px; padding-top: 12px}
.porada-content {width: auto}
.porada-meta {width: auto; margin-left: 0}

}



@media screen and (max-width: 479px) {

.articles-list-head {margin-left: -20px; margin-right: -20px}
.articles-list-head li {max-width: 34%}
.articles-list-head li:nth-child(1) {padding-left: 20px}
.subcategories + .articles-list-head li:nth-child(2) {max-width: 22%}
.articles-list-head a {font-size: 0.875rem}

.lista_porad_container {padding-left: 64px}
.liczba_porad {margin-left: -64px}

.column-right {padding-left: 0}
.okazja {padding-left: 0; width: 100vw}
.okazja_walentynki2 {padding-left: 30px; width: 286px}
.okazja_wiosna1_1 {padding-left: 20px; width: 340px}
.okazja_wakacje1_2b {padding-left: 20px; width: 295px}
.okazja_jesien {padding-left: 20px; width: 285px}
.okazja_zima1_2 {padding-left: 20px; width: 295px}

.zobacz_takze_l,
.zobacz_takze_r {float: none; width: 100%}
.zobacz_takze_r {margin-top: 30px}

}