html, body {
height: 100%;
margin: 0px;
padding: 0px;
background: url("../graph/tlo.jpg") repeat-x top left #ffffff;
text-align: center;
font-family: Tahoma, Arial, sans-serif;
}
body {
font-size: 1em;
}
#m_pokaz {
display: none;
}
body, td, p, div{
font-family: Tahoma, Arial, sans-serif;
color: #000000;
}
a:link, a:visited {
color: #905336;
line-height: 150%;
text-decoration: none;
text-transform: uppercase;
}
a:hover {
color: #812138;
text-decoration: underline;
}
img.grafkat {
display: block;
max-width: 560px;
width: 100%;
margin: 0px 0px 50px 0px;
border: 0px solid #C9B9BD;
padding: 0px;
}
img.mukryj {
display: block;
max-width: 440px;
width: 100%;
margin: 0px auto 10px auto;
border: 1px solid #C9B9BD;
padding: 1px;
}
div.listowanie {
padding: 0px 0px 20px 10px !important;
margin: 0px;
}
h3.kateg_lista {
padding: 10px 0px 4px 0px;
background-color: #ffffff;
max-width: 560px;
width: 100%;
font-size: 1.8em;
color: #c7677d;
}
h3.kateg_lista1 {
padding: 10px 0px 4px 0px;
background-color: #ffffff;
max-width: 560px;
width: 100%;
font-size: 1.8em;
color: #c7677d;
}
h3.kateg_lista a:link, h3.kateg_lista a:visited {
color: #c7677d;
}
h3.kateg_lista1 a:link, h3.kateg_lista1 a:visited {
color: #c7677d;
} 
div.e {
float: left;
margin: 0px 0px 8px 0px;
padding: 0px 0px 0px 0px;
text-transform: uppercase;
text-align: center;
font-size: 0.9em;
}
div.e img {
border: 1px solid #f7edef;
padding: 0px;
width: 100%;
max-width: 137px;
}
div.tagi {
margin: 6px 0px 0px 0px;
padding: 0px;
width: 100%;
text-transform: uppercase;
}
div.sezon {
margin: 0px;
padding: 24px 0px 0px 0px;
width: 100%;
text-transform: uppercase;
}
div.sezon span {
display: block;
float: left;
margin: 0px 0px 0px 0px;
padding: 3px 6px 0px 0px;
}
a:link.tagi, a:visited.tagi, a:link.sezon, a:visited.sezon {
background-color: #EBEBEB;
display: block;
float: left;
margin: 0px 6px 0px 0px;
padding: 3px 10px 5px 10px;
color: #333333;
text-decoration: none;
}
a:link.sezon, a:visited.sezon {
background-color: #d2e956;
color: #323a08;
}
a:hover.sezon, a:hover.tagi {
text-decoration: underline;
}
br.c {
clear: both;
}
div.tapeta {
margin: 0px auto 0px auto;
padding: 0px;
background: url("../graph/tapeta-ciasta-net-3.gif") no-repeat center top #f6ec97;
height: 3100px;
}
h2 {
color: #c7677d;
font-weight: normal;
font-size: 2.2em;
padding: 20px 0px 30px 0px;
margin: 0px 0px 0px 0px;
text-align: left;
line-height: 120%;
}
h2 span {
font-size: 0.675em;
}
h3 {
color: #99593B;
font-weight: normal;
font-size: 1.250em;
padding: 0px 0px 16px 0px;
margin: 0px 0px 0px 0px;
text-align: left;
}
span.tagi {
color: #666666;
}
span.sm {
font-size: 0.6em;
color: #8a8a8a;
}
th {
text-align: left;
}
p.tagi {
color: #c7677d;
}
#glowna {
width: 96%;
max-width: 1170px;
height: 100px;
padding: 15px 0px 0px 0px;
margin: 0px auto 0px auto;
}
img {
border-width: 0px;
}
img.b {
display: block;
margin: 0px;
padding: 0px;
max-width: 100%;
}
img.c {
display: block;
margin: 16px auto 0px auto;
padding: 0px;
border-width: 0px;
width: 120px;
height: 90px;
}
img.c1 {
display: block;
margin: 16px auto 0px auto;
padding: 0px;
border: 1px solid #f7edef;
width: 140px;
height: 93px;
}
img.logo {
display: block;
width: 100%;
max-width: 299px;
height: 89px;
margin: 28px 0px 0px 31px;
padding: 0px;
border-width: 0px;
}
img.l {
display: block;
float: left;
margin: 0px;
padding: 0px 10px 10px 0px;
}
br.clr {
clear: both;
}
#gora {
width: 100%;
height: 160px;
background: url("../graph/ramka_n1.jpg") no-repeat top left #ffffff;
padding: 0px;
margin: 0px;
}
#gora1 {
float: left;
width: 25.85365853658537%;
padding: 0px;
margin: 0px;
}
#gora2 {
float: right;
width: 62.31707317073171%;
max-width: 460px;
padding: 40px 1px 0px 0px;
margin: 0px;
text-align: left;
}
#gora2 img {
max-width: 100%;
}
#gora2 div {
padding-top: 0px;
}
#gora2 form {
margin: 0px;
padding: 0px 0px 0px 0px;
font-size: 1em;
}
#gora2 input[type=submit] {
margin: 0px;
padding: 10px 10px 10px 10px;
}
#gora2 input[type=text] {
margin: 0px;
padding: 10px 20px 10px 20px;
border: 1px solid #fbaec0;
width: 300px;
}
#centrum {
padding: 0px 0px 10px 0px;
margin: 0px;
background-color: #fff;
height: auto;
text-align: left;
width: 100%;
}
#dol {
width: 100%;
max-width: 1170px;
padding: 0px 0px 0px 0px;
margin: 40px 0px 10px 0px;
background-color: #f9f9f9;
}
#navi {
width: 100%;
background: url("../graph/tlo_navi_n.jpg") no-repeat top left #ffffff;
height: 60px;
}
#navi_top {
margin: 0px;
padding: 0px;'
}
#navi_linki_l {
float: left;
padding: 0px 0px 0px 0px;
margin: 8px 0px 0px 30px;
}
#navi_linki_p {
float: right;
padding: 0px 0px 0px 0px;
margin: 8px 20px 0px 0px;
}
#navi_linki_mobile {
display: none;
padding: 0px 0px 0px 0px;
margin: 0px;
text-align: left;
}
#navi_linki_mobile a:link, #navi_linki_mobile a:visited {
width: 90%;
}
#navi a:link, #navi a:visited {
display: inline;
font-size: 1em;
margin-right: .5em;
line-height: 2.6em;
text-transform: uppercase;
background-color: #b0657a;
color: #ffffff;
padding: 3px 20px 3px 20px;
border: 1px solid #86324a;
}
#lewa {
width: 19.65811965811966%;
padding: 0px;
margin: 0px;
float: left;
}
#srodek {
width: 48.71794871794872%;
padding: 0px 23px 0px 23px;
margin: 0px;
float: left;
}
#prawa {
width: 25.64102564102564%;
padding: 0px 0px 24px 0px;
margin: 0px;
float: right;
}
div.wieza {
width: 206px;
margin: 0px;
padding: 24px 0px 0px 0px;
}
div.wieza1 {
width: 300px;
margin: 0px;
padding: 24px 0px 0px 0px;
}
div.kll {
width: 206px;
padding: 0px 0px 0px 0px;
margin: 24px 0px 0px 0px;
background: url("../graph/tlo-k_nl.png") repeat-y top left;
height: auto;
}
div.k1ll {
width: 206px;
padding: 0px 0px 20px 0px;
margin: 0px;
background: url("../graph/tlo-k1_nl.jpg") no-repeat bottom left;
height: auto;
}
div.k2ll {
width: 206px;
padding: 16px 0px 0px 0px;
margin: 0px;
background: url("../graph/tlo-k2_nl.jpg") no-repeat top left;
height: auto;
}
div.k {
width: 300px;
padding: 0px 0px 0px 0px;
margin: 6px 0px 0px 0px;
background: url("../graph/tlo-k_n.png") repeat-y top left;
height: auto;
}
div.k1 {
width: 300px;
padding: 0px 0px 20px 0px;
margin: 0px;
background: url("../graph/tlo-k1_n.jpg") no-repeat bottom left;
height: auto;
}
div.k2 {
width: 300px;
padding: 16px 0px 0px 0px;
margin: 0px;
background: url("../graph/tlo-k2_n.jpg") no-repeat top left;
height: auto;
}
div.kp {
width: 300px;
padding: 0px 0px 0px 0px;
margin: 24px 0px 0px 0px;
background: url("../graph/tlo-k_n.png") repeat-y top left;
height: auto;
}
p.t {
margin: 0px;
padding: 0px 4px 0px 11px;
color: #812138;
}
p.t1 {
margin: 0px;
padding: 0px 4px 0px 11px;
color: #036e1c;
}
p.t2 {
margin: 0px;
padding: 6px 4px 2px 11px;
color: #812138;
}
p.t3 {
margin: 0px;
padding: 0px 10px 2px 11px;
color: #000000;
text-align: justify;
}
p.t4 {
margin: 0px;
padding: 0px 4px 0px 11px;
color: #137729;
}
p.l {
margin: 0px;
padding: 4px 4px 0px 11px;
line-height: 130%;
}
p.l a:link, p.l a:visited {
color: #905336;
}
p.l a:hover {
color: #812138;
}
div.kr1 {
width: 300px;
padding: 0px 0px 10px 0px;
margin: 0px;
background: url("../graph/tlo-kr1_n.png") no-repeat bottom left;
height: auto;
}
div.kr2 {
width: 300px;
padding: 10px 0px 0px 1px;
margin: 0px;
background: url("../graph/tlo-kr2_n.png") no-repeat top left;
height: 600px;
}
div.kz1 {
width: 300px;
padding: 0px 0px 20px 0px;
margin: 0px;
background: url("../graph/tlo-kz1_n.jpg") no-repeat bottom left;
height: auto;
}
div.kz2 {
width: 300px;
padding: 16px 0px 0px 0px;
margin: 0px;
background: url("../graph/tlo-kz2_n.jpg") no-repeat top left;
height: auto;
}
div.linia {
width: 100%;
max-width: 1170px;
padding: 10px 0px 0px 0px;
margin: 10px auto 0px auto;
border-top: 1px solid #d8b7bf;
}
#stopka {
padding: 16px 0px 19px 0px;
margin: 0px auto 0px auto;
text-align: center;
color: #955f6c;
font-size: 0.875em;
line-height: 200%;
width: 100%;
max-width: 1170px;
}
#stopka a:link, #stopka a:visited {
color: #c7677d;
margin-right: 6px;
font-size: 1em;
}
img.salatkowo {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px auto 0px auto;
width: 140px;
height: 93px;
border: 1px solid #ffffff;
}
div.g {
width: 451px;
height: auto;
padding: 0px 6px 0px 0px;
margin: 6px auto 0px auto;
text-align: justify;
line-height: 150%;
}
div.gp {
width: 100%;
height: auto;
padding: 20px 0px 0px 0px;
margin: 6px auto 0px auto;
text-align: justify;
line-height: 150%;
}
div.r300250 {
padding: 0px 0px 0px 0px;
margin: 0px 8px 8px 0px;
border: 0px solid #d9efc9;
width: auto;
height: auto;
float: left;
}
div.r300250_cen {
padding: 0px 0px 0px 0px;
margin: 8px 8px 0px 8px;
border: 0px solid #d9efc9;
width: auto;
height: auto;
}
span.gbr {
line-height: 8px;
font-size: 1px;
}
div.blok {
width: 100%;
max-width: 570px;
padding: 0px 0px 0px 0px;
margin: 16px auto 0px auto;
background: url("../graph/tlo-najnowsze-ciasta_r.png") repeat-y top left;
height: auto;
}
div.blok1 {
width: 100%;
max-width: 570px;
padding: 20px 0px 30px 0px;
margin: 0px auto 0px auto;
background: url("../graph/tlo-dol-najnowsze-ciasta_r.jpg") no-repeat bottom left;
height: auto;
}
div.najnowsze-1 {
width: 100%;
max-width: 560px;
padding: 0px 0px 0px 0px;
margin: 0px auto 0px auto;
background-color: #f9f9f9;
}
p.najnowsze-1 {
padding: 10px 6px 10px 6px;
margin: 0px 0px 0px 0px;
line-height: 150%;
}
p.najnowsze-1 a:link, p.najnowsze-1 a:visited, table.najnowsze-1 th a:link, table.najnowsze-1 th a:visited {
font-weight: normal;
font-size: 1.3em;
}
span.kiedy {
color: #9e4b60;
}
img.tytulDuzy {
width: 100%;
max-width: 560px;
display: block;
padding: 0px 0px 0px 0px;
margin: 4px auto 4px auto;
border-width: 0px;
}
table.najnowsze-1 {
border-collapse: collapse;
margin: 10px auto 0px auto;
padding: 0px 0px 0px 0px;
width: 95%;
max-width: 570px;
}
table.najnowsze-1 th {
font-weight: normal;
color: #9e4b60;
margin: 0px;
padding: 10px 6px 10px 6px;
line-height: 150%;
background-color: #f9f9f9;
vertical-align: top;
width: 50%;
}
table.najnowsze-1 td {
margin: 0px;
padding: 2px 0px 2px 0px;
background-color: #ffffff;
text-align: center;
vertical-align: top;
width: 50%;
}
table.najnowsze-1 img {
width: 98%;
max-width: 280px;
}
img.tytulMaly {
width: 218px;
max-width: 100%;
height: 145px;
display: block;
padding: 0px 0px 0px 0px;
margin: 0px auto 0px auto;
border-width: 0px;
}
img.tytulGraf {
max-width: 570px;
width: 100%;
height: 55px;
}
img.wybrane {
border: 1px solid #f0f0f0;
padding: 4px;
background-color: #ffffff;
max-width: 217px;
width: 100%;
}
table.wybrane {
border-collapse: collapse;
margin: 10px auto 0px auto;
padding: 0px 0px 0px 0px;
width: 100%;
}
table.wybrane td {
vertical-align: top;
padding-bottom: 20px;
width: 50%;
}
table.wybrane td.opis {
padding: 4px 10px 0px 20px;
}
div.gp p {
margin: 0px;
padding: 0px 0px 16px 0px;
}
img.obraz_przepis1 {
margin: 0px auto 0px auto;
display: block;
padding: 0px 0px 24px 0px;
max-width: 100%;
}
img.obraz_przepis {
margin: 0px auto 0px auto;
display: block;
padding: 0px 0px 24px 0px;
width: 100%;
max-width: 440px;
}
img.obraz_przepis_foto {
margin: 0px auto 0px auto;
display: block;
padding: 3px 3px 3px 3px;
margin: 0px 0px 16px 0px;
border: 1px solid #FCD4DE;
}
img.obraz_przepis_1 {
margin: 0px auto 0px auto;
display: block;
padding: 0px 0px 16px 0px;
}
#przepis {
border-collapse: collapse;
margin: 24px 0px 16px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
}
#przepis th {
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 10px .5em 10px 2px;
font-weight: normal;
text-align: left;
color: #c7677d;
font-size: 1.125em;
background-color: #ebebeb;
}
#przepis td {
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 14px 0px 30px 0px;
font-weight: normal;
text-align: justify;
}
#przepis td.srodek {
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
font-weight: normal;
text-align: center;
}
#przepis td.srodek a:link, #przepis td.srodek a:visited {
background-color: #D7F2DD;
padding: 6px;
}
#przepis td.srodek a:hover {
background-color: #A6DBB2;
}
#przepis td.srodek img {
display: block;
margin: 0px;
padding: 0px;
}
ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;
}
ul.lista li {
line-height: 150%;
}
ul.lista a:link, ul.lista a:visited {
color: #000000;
}
ul.lista img {
margin-left: 6px;
}
ol {
margin: 0px 0px 0px 30px;
padding: 0px 0px 0px 0px;
}
ol li {
line-height: 150%;
}
ol a:link, ol a:visited {
color: #000000;
}
#przepis a:link, #przepis a:visited {
color: #036e1c;
}
#przepis tr.pasek img {
display: block;
padding-top: 16px;
}
div.reklama_d {
width: 95%;
height: auto;
margin: 0px auto 0px auto;
padding: 30px 0px 30px 0px;
}
div.reklama_d_300 {
width: 300px;
height: auto;
margin: 0px auto 0px auto;
padding: 16px 0px 16px 0px;
}
div.reklama_gora {
width: 300px;
height: auto;
margin: 0px auto 0px auto;
padding: 4px 0px 4px 0px;
}
div.face_button {
width: 180px;
height: 24px;
float: left;
padding: 6px 0px 6px 0px;
margin: 0px 0px 0px 0px;
overflow: hidden;
}
div.f1 {
float: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 110px;
}
div.f2 {
float: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 60px;
}
div.kf {
width: 206px;
padding: 0px 0px 0px 0px;
margin: 24px 0px 0px 0px;
height: auto;
}
tr.pasek img {
text-align: center;
margin: 0px auto 0px auto;
}
span.w {
color: #9e4b60;
font-size: 1em;
}
p.go {
padding-top: 16px !important;
}
table.kraszanki {
width: 450px;
border-collapse: collapse;
margin: 0px auto 16px auto;
padding: 0px;
}
table.kraszanki td {
padding: 0px 0px 0px 0px;
margin: 0px;
text-align: center;
}
ul.wylicz {
list-style-type: disc;
margin-left: 30px;
}
table.kategoria {
border-collapse: collapse;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
width: 95%;
}
table.kategoria td {
margin: 0px 0px 0px 0px;
padding: 0px 20px 16px 0px;
text-align: left;
vertical-align: top;
width: 50%;
}
table.kategoria img {
max-width: 100%;
}
ul.kategoria {
padding: 20px 0px 30px 0px;
}
ul.kategoria a:link, ul.kategoria a:visited {
color: #000000;
}
td.srodek {
text-align: center !important;
}
td.srodek img {
margin: 0px auto 0px auto !important;
}
#billboard {
width: 750px;
height: auto;
text-align: left;
margin: 2px auto 2px auto;
padding: 0px 0px 0px 0px;
text-align: center;
background-color: #ffffff;
}
#wyszukiwarka {
width: 1200px;
margin: 0px auto 0px auto;
padding: 20px 0px 20px 0px;
}
#szuk {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#szuk div, #szuk form {
margin: 0px;
padding: 0px;
text-align: center;
}
#szuk div {
padding-top: 10px;
}
#szuk input {
margin-bottom: 10px;
}
div.subcia {
padding: 16px 10px 16px 10px;
margin: 0px 0px 0px 0px;
line-height: 150%;
}
div.subcia img {
width: 100%;
max-width: 460px;
}
div.subcia1 {
padding: 10px 10px 0px 10px;
margin: 0px 0px 0px 0px;
line-height: 150%;
}
div.subcia1 img {
border: 1px solid #c3a581;
}
div.link_przepis {
float: right;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 1em;
}
img.fotoprzepis {
border: 0px solid #ffffff;
display: inline;
}
#billboard div.opis_reklama {
font-size: .625px;
text-align: left;
margin: 0px;
padding: 0px;
color: #444444;
letter-spacing:4px
}
div.m_ukryj {
margin: 0px;
padding: 0px;
width: 100%;
}
div.wybrane-obraz {
width: 45%;
float: left;
padding: 0px 0px 10px 0px;
margin: 0px;
}
div.wybrane-obraz img {
margin-left: 10px;
}
div.wybrane-opis {
width: 55%;
float: left;
padding: 0px 0px 0px 0px;
margin: 0px;
}
#navi_linki_mobile_tytul {
padding: 0px 0px 0px 0px;
display: none;
float: left;
}
#navi_linki_mobile_tytul_1 {
padding: 0px 0px 0px 0px;
display: none;
float: left;
}
#baner_mobile_gora {
display: none !important;
margin: 4px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: .625em;
color: #666666;
}
#m_pokaz {
display: none !important;
border: 2px solid red;
}
div.katon img {
border: 5px solid red !important;
}
#baner_mobile_gora div {
margin: 0px auto 0px auto;
}
#baner_glowna {
clear: both;
width: 96%;
margin: 0px auto 0px auto;
padding: 30px 0px 30px 0px;
}
@media screen and (max-width: 1170px) {
#gora2, #prawa {
display: none;
}
}
@media screen and (max-width: 1170px) {
#lewa {
display: none;
}
#srodek {
width: 95%;
padding: 0px;
}
#navi_linki_p, #navi_linki_l {
display: none;
}
#navi {
background: #9e4b60;
height: auto;
text-align: left;
padding: 10px;
width: 95%;
}
p.l span {
display: none;
margin: 0px;
padding: 4px 4px 0px 11px;
line-height: 130%;
}
#navi a:link, #navi a:visited {
float: left;
line-height: 100%;
font-size: 1em;
margin: 4px 4px 0px 4px;
background-color: #BF7C8E;
display: block;
padding: 6px;
text-decoration: none;
}
div.m_ukryj {
display: none;
}
#m_pokaz {
display: block;
}
div.wybrane-odstep {
display: none;
}
div.wybrane-obraz {
width: 40%;
margin: 0px;
}
div.wybrane-opis {
width: 40%;
padding-left: 40px;
}
div.wybrane-opis span {
display: none;
}
table.najnowsze-1 {
width: 95%;
max-width: 440px;
}
#navi_linki_mobile_tytul, #navi_linki_mobile_tytul_1 {
display: block;
}
#navi_linki_mobile {
clear: both;
padding-top: 10px;
}
#gora1 {
width: 95%;
}
img.tytulGraf {
display: none;
}
img.logo {
margin: 10px 0px 0px 6px;
}
}
.adslot_2 {
display: none;
}

@media screen and (max-width: 1170px) {
#baner_mobile_gora {
width: 95% !important;
display: block !important;
clear: both !important;
padding-bottom: 6px !important;
}
p.mukryj, img.mukryj, h2.mukryj {
display: none;
}
body {
font-size: 1em;
}
div.sezon span {
display: none;
}
div.e {
float: left;
margin: 0px 2px 8px 3px;
}
div.e img {
border: 0px solid #f7edef;
padding: 0px;
}
}
@media screen (max-width: 1170px) {.adslot_1 { display: none !important; } }
div.kr2 span {
display: block;
padding-left: 4px;
color: #666666;
font-size: .625em;
}
span.reklama {
font-size: .875em;
display: block;
padding-left: 10px;
color: #333333;
}
img.logo_druk {
display: block;
width: 212px;
height: 38px;
margin: 10px 0px 0px 0px;
padding: 0px;
border-width: 0px;
}
.reklama1 {
font-size: 1.5em;
}
@media screen (max-width: 1170px) {.adslot_2 { display: block !important; } }