/* dwa zdjęcia w kolumnie: 422px szerokości / z menu */
/* dwa zdjęcia w kolumnie: 567px szerokości / bez menu */
/* dwa zdjęcia w kolumnie: 385px szerokości / newsy */
/* dwa zdjęcia w kolumnie: 422px szerokości / promocje */
/* ------ elementy zmienne ------ */
body, p, form, img {
margin: 0;
padding: 0;
border: 0;
}
iframe {
overflow: hidden;
border: 0;
margin: 0;
padding: 0;
}
table {
padding: 0;
margin: 0;
border: 0;
border-spacing: 0;
}
.mobile {
display: none !important;
}
body {
font-family: 'Lato', Arial, sans-serif;
font-size: 16px;
color: #202223;
background: #fff;
}
.szerokoscStrony {
width: 1140px;
margin: 0 auto;
position: relative;
}
.pipe {
display: inline-block;
margin: 0 18px;
}
header {
width: 100%;
}
@keyframes blink {
  0% { background-color: #b81e16; }
  50% { background-color: #C52118; }
  100% { background-color: #b81e16; }
}
header > #pasekAlert {
background: #575757;
color: #fff;
/* animation: blink 1s infinite;*/
text-align: center;
border-bottom: 1px solid #fff;
display: block;
}
header > #pasekAlert > a {
width: auto !important;
font-decoration: none;
color: #fff;
display: inline-block;
}
header > #pasekTop {
height: 41px;
background: #107bd4;
}
header > #pasekTop .social {
float: left;
}
header > #pasekTop .social a {
display: inline-block;
margin: 12px 12px 0 0;
}
header > #pasekTop .social span {
display: inline-block;
margin: 10px 12px 0 0;
font-weight: 300;
}
header > #pasekTop .adres {
color: #b9d8f2;
float: right;
font-weight: 300;
padding: 10px 0 0 0;
}
header > #pasekTop .adres a {
color: #b9d8f2;
font-weight: 300;
text-decoration: none;
}
header > #pasekTop .adres a:hover {
color: #fff;
}
header > #pasekTop .adres a.linkDoGlownej {
font-weight: 600;
}
header > #pasekMenu {
position: relative;
height: 120px;
width: 100%;
background: #fff;
margin: 0;
}
header > #pasekMenu #logo {
display: inline-block;
width: 220px;
margin: 0;
padding: 0;
}
header > #pasekMenu nav {
float: right;
width: 920px;
height: 120px;
margin: 0;
text-align: right;
}
header > #pasekMenu nav > #cssmenu {
margin: 0;
text-align: right;
display: inline-block;
padding: 0;
}
header > #pasekMenu nav > #cssmenu #menu-button {
display: none;
}
/* I POZIOM */
header > #pasekMenu nav > #cssmenu ul {
list-style: none;
padding: 0;
margin: 0;
line-height: 1;
}
header > #pasekMenu nav > #cssmenu > ul {
position: relative;
display: table;
z-index: 1000;
margin: 0;
}
header > #pasekMenu nav > #cssmenu > ul > li {
display: table-cell;
vertical-align: middle;
position: relative;
margin: 0;
padding: 0;
height: 120px;
}
header > #pasekMenu nav > #cssmenu > ul > li:first-child {
display: none;
}
header > #pasekMenu nav > #cssmenu ul li a {
display: block;
text-decoration: none;
}
header > #pasekMenu nav > #cssmenu > ul > li > a {
font-size: 17px;
padding: 30px 7px;
color: #202223;
font-weight: 300;
-webkit-transition: color 0.25s ease-out;
-moz-transition: color 0.25s ease-out;
-ms-transition: color 0.25s ease-out;
-o-transition: color 0.25s ease-out;
transition: color 0.25s ease-out;
text-align: left;
cursor: pointer;
}
header > #pasekMenu nav > #cssmenu > ul > li.rozdziel {
padding: 0 10px;
}
header > #pasekMenu nav > #cssmenu > ul > li.has-sub > a {
padding-right: 32px;
}
header > #pasekMenu nav > #cssmenu > ul > li:hover > a, header > #pasekMenu nav > #cssmenu > ul > li.aktywny > a {
color: #167fd6;
}
header > #pasekMenu nav > #cssmenu > ul > li.wyroznij > a {
font-weight: 600;
}
header > #pasekMenu nav > #cssmenu > ul > li.aktywny > a {
font-weight: 600;
}
header > #pasekMenu nav > #cssmenu li.has-sub::after {
display: block;
content: '';
position: absolute;
width: 0;
height: 0;
}
header > #pasekMenu nav > #cssmenu > ul > li:hover::after {
border-top-color: #ffffff;
}
/* I POZIOM */
/* II POZIOM */
header > #pasekMenu nav > #cssmenu ul ul {
width: auto;
position: absolute;
left: -9999px;
top: 111px;
opacity: 0;
-webkit-transition: opacity .3s ease, top .25s ease;
-moz-transition: opacity .3s ease, top .25s ease;
-ms-transition: opacity .3s ease, top .25s ease;
-o-transition: opacity .3s ease, top .25s ease;
transition: opacity .3s ease, top .25s ease;
z-index: 1000;
padding: 0px;
color: #fff;
background: #167fd6 url('obrazki/menu_arrow.png') no-repeat top left;
line-height: 1.2;
}
header > #pasekMenu nav > #cssmenu > ul > li:hover > ul {
width: auto;
left: 0px;
top: 111px;
opacity: 1;
}
header > #pasekMenu nav > #cssmenu ul ul > li {
position: relative;
padding: 0;
width: auto;
}
header > #pasekMenu nav > #cssmenu ul ul > li:last-child {
padding: 0 0 5px 0;
}
header > #pasekMenu nav > #cssmenu ul ul > li:first-child {
padding: 15px 0 0 0;
}
header > #pasekMenu nav > #cssmenu ul ul li a {
text-align: left;
width: auto;
padding: 10px 15px;
margin: 0 0;
font-size: 16px;
color: #b9d8f2;
font-weight: 300;
-webkit-transition: all .35s ease;
-moz-transition: all .35s ease;
-ms-transition: all .35s ease;
-o-transition: all .35s ease;
transition: all .35s ease;
white-space: nowrap;
}
header > #pasekMenu nav > #cssmenu ul ul li a.b {
font-weight: 600;
}
header > #pasekMenu nav > #cssmenu ul ul li:hover a, header > #pasekMenu nav > #cssmenu ul ul li a.aktywny {
color: #fff;
}
header > #pasekMenu nav > #cssmenu ul ul li:last-child a, header > #pasekMenu nav > #cssmenu ul ul li.last > a {
border-bottom: 0;
}
header > #pasekMenu nav > #cssmenu ul ul li:first-child a, header > #pasekMenu nav > #cssmenu ul ul li.first > a {
border-top: 0;
}
header > #pasekMenu nav > #cssmenu ul ul li.has-sub::after {
border: 4px solid transparent;
border-left-color: #9ea2a5;
right: 10px;
top: 12px;
-moz-transition: all .2s ease;
-ms-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
-webkit-transition: -webkit-transform 0.2s ease, right 0.2s ease;
}
header > #pasekMenu nav > #cssmenu ul ul li.has-sub:hover::after {
border-left-color: #fff;
right: -5px;
-webkit-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
/* II POZIOM */
/* III POZIOM */
header > #pasekMenu nav > #cssmenu ul ul ul {
left: 180px;
top: 53px;
padding-left: 0;
display: none;
}
header > #pasekMenu nav > #cssmenu ul ul li:hover > ul {
left: 180px;
top: 0;
opacity: 1;
}
/* III POZIOM */
header > #pasekMenu nav > #cssmenu #indicatorContainer {
position: absolute;
height: 12px;
width: 100%;
bottom: 0px;
overflow: hidden;
z-index: -1;
}
header > #pasekMenu nav > #cssmenu #pIndicator {
position: absolute;
height: 0;
width: 100%;
border: 12px solid transparent;
border-top-color: #2b2f3a;
z-index: -2;
-webkit-transition: left .25s ease;
-moz-transition: left .25s ease;
-ms-transition: left .25s ease;
-o-transition: left .25s ease;
transition: left .25s ease;
}
header > #pasekMenu nav > #cssmenu #cIndicator {
position: absolute;
height: 0;
width: 100%;
border: 12px solid transparent;
border-top-color: #2b2f3a;
top: -12px;
right: 100%;
z-index: -2;
}
header > #pasekMenu nav > #cssmenu .submenuArrow {
border: 6px solid transparent;
width: 0;
height: 0;
border-bottom-color: #f5f5f7;
position: absolute;
top: -12px;
}
#slider {
width: 100%;
height: 475px;
position: relative;
padding: 0;
margin: 0;
background: url('obrazki/slider_tlo.png') repeat-x top;
border-bottom: 6px solid #fff;
}
#slider .boks {
position: absolute;
bottom: 30px;
left: 0;
background: #fff;
z-index: 1000;
width: 510px;
margin: 0;
padding: 30px;
color: #202223;
font-size: 16px;
font-weight: 300;
line-height: 1.5em;
opacity: 0.9;
}
#slider .boks .tekst {
display: block;
vertical-align: middle;
margin: 0;
padding: 0;
line-height: 1.5em;
}
#slider .boks .tekst .dodatTekst {
display: block;
font-size: 16px;
color: #ca2035;
line-height: 1.5em;
}
#slider .boks .tekst h3 {
margin: 0 0 10px 0;
padding: 0;
font-size: 27px;
font-weight: 600;
line-height: 1.5em;
}
#slider .boks .tekst a, #slider .boks .tekst a:hover, #slider .boks .tekst h3 {
color: #007dc6;
}
#slider .boks .tekst .przycisk {
display: inline-block;
margin: 25px 0 0 0;
padding: 5px 15px;
font-size: 14px;
font-weight: 300;
color: #fff;
background: #ca2035;
border-radius: 20px;
}
#pasekBannerPodstrona {
width: 100%;
height: 180px;
position: relative;
padding: 0;
margin: 0;
background: #eef3f6 url('obrazki/slider_kolka.png') no-repeat center;
}
#pasekBannerPodstrona > div {
height: 180px;
position: relative;
margin: 0 auto;
z-index: 1;
display: table;
}
#pasekBannerPodstrona > div > #tytul {
display: table-cell;
vertical-align: middle;
text-align: center;
color: #253d5d;
font-size: 15px;
font-weight: 300;
}
#pasekBannerPodstrona > div > #tytul h1 {
font-size: 40px;
font-weight: 600;
margin: 0;
padding: 0;
display: block;
}
#pasekBannerPodstrona > div > #tytul h1.dlugi {
font-size: 25px;
}
#pasekBannerPodstrona > div > #tytul #okruszki {
margin: 10px 0;
padding: 0;
}
#pasekBannerPodstrona > div > #tytul #okruszki span, #pasekBannerPodstrona > div > #tytul #okruszki a {
display: inline-block;
margin: 0 2px;
}
#pasekBannerPodstrona > div > #tytul #okruszki a {
color: #253d5d;
font-weight: 300;
}
#pasekBannerPodstrona > div > #tytul #okruszki a:hover {
text-decoration: underline;
}
#produktoweLoga {
width: 100%;
position: relative;
padding: 0;
margin: 0;
background: #fff;
}
#produktoweLoga > div {
position: relative;
margin: 0 auto;
display: table;
border-bottom: 2px solid #eff4f6;
}
#produktoweLoga > div > div {
height: 100px;
position: relative;
margin: 0 auto;
display: table;
}
#produktoweLoga > div > div.naszeMarkiStart {
width: 110px;
position: relative;
margin: 10px auto;
display: table-cell;
}
#produktoweLoga > div > div.cycle-slideshow {
width: 1010px;
position: relative;
margin: 10px auto;
display: table-cell;
}
#produktoweLoga > div > div > div {
display: inline-block;
vertical-align: middle;
text-align: center;
padding: 0 5px;
}
#produktoweLoga .cycle-slide {
padding: 0 5px !important;
opacity: 0.4 !important;
-webkit-transition: opacity .8s ease, top .8s ease;
-moz-transition: opacity .8s ease, top .8s ease;
-ms-transition: opacity .8s ease, top .8s ease;
-o-transition: opacity .8s ease, top .8s ease;
transition: opacity .8s ease, top .8s ease;
}
#produktoweLoga .cycle-slide:hover {
filter: alpha(opacity=100);
opacity: 1 !important;
-webkit-transition: opacity .8s ease, top .8s ease;
-moz-transition: opacity .8s ease, top .8s ease;
-ms-transition: opacity .8s ease, top .8s ease;
-o-transition: opacity .8s ease, top .8s ease;
transition: opacity .8s ease, top .8s ease;
}
#produktoweLoga > div > div > div > a {
filter: alpha(opacity=40);
opacity: 0.4;
}
#produktoweLoga > div > div > div > a:hover, #produktoweLoga > div > div > div > a.aktywny {
filter: alpha(opacity=100);
opacity: 1;
-webkit-transition: opacity .8s ease, top .8s ease;
-moz-transition: opacity .8s ease, top .8s ease;
-ms-transition: opacity .8s ease, top .8s ease;
-o-transition: opacity .8s ease, top .8s ease;
transition: opacity .8s ease, top .8s ease;
}
main > .szerokoscStrony {
font-weight: 300;
line-height: 1.4em;
margin: 70px auto;
}
main#glowna > .szerokoscStrony {
margin: 0 auto;
}
/* odstęp po tekście */
main > .moduly_odstepPoTekscieStrony {
margin-bottom: 70px;
}
main h2, main h2 > a, main h2 > a:hover {
font-size: 40px;
font-weight: 600;
color: #253d5d;
margin: 0;
padding: 45px 0;
line-height: 1em;
}
main > .szerokoscStrony {
display: table;
}
main > .szerokoscStrony > #tekst.zMenu {
display: table-cell;
vertical-align: top;
width: 850px;
}
main > .szerokoscStrony > #tekst p {
padding: 10px 0;
text-align: justify;
}
#tekst ul > li {
background: url('obrazki/bull_ventaxia.png') no-repeat left top;
background-position: 0 9px;
}
main > .szerokoscStrony > #tekst img, main > .szerokoscStrony > #tekst iframe {
padding: 1.5px;
margin: 0 auto;
display: inline-block;
max-width: 1137px;
/* dwa zdjęcia w kolumnie: 567px szerokości */
text-align: center;
margin-bottom: -5px;
}
main > .szerokoscStrony > #tekst.zMenu img, main > .szerokoscStrony > #tekst.zMenu iframe {
max-width: 847px;
/* dwa zdjęcia w kolumnie: 422px szerokości */
}
main > .szerokoscStrony > #tekst p:first-of-type, main > .szerokoscStrony > #tekst h4 + p {
padding: 0 0 10px 0;
}
main > .szerokoscStrony > #tekst li > p:first-of-type {
padding: 10px 0 10px 0;
}
main > .szerokoscStrony > #tekst iframe, main > .szerokoscStrony > #tekst iframe:hover, main > .szerokoscStrony > #tekst iframe:active {
padding: 1px;
border: 0;
}
main > .szerokoscStrony > #tekst .obszarPracy {
display: inline-block;
padding: 25px;
text-align: center;
width: 158px;
font-size: 13.5px;
}
main > .szerokoscStrony > #tekst .obszarPracy > img {
padding: 0 0 5px 0;
}
main > .szerokoscStrony > aside {
display: table-cell;
vertical-align: top;
width: 260px;
padding: 0 0 0 30px;
}
main > .szerokoscStrony > aside h2 {
text-align: left;
font-size: 25px;
font-weight: 600;
color: #253d5d;
margin: 0;
padding: 0 0 25px 0;
}
main > .szerokoscStrony > aside > nav {
display: block;
background: #eef3f6;
padding: 20px;
}
main > .szerokoscStrony > aside > nav#kolejneMenuBoczne {
margin: 20px 0 0 0;
}
main > .szerokoscStrony > aside > nav#menuBocznePoziom3 {
margin: 0 0 20px 0;
}
main > .szerokoscStrony > aside > nav#drugieMenuBoczne {
display: block;
background: #fff;
padding: 20px;
margin: 20px 0 0 0;
}
#katalog > aside > nav#drugieMenuBoczne {
display: block;
background: #fff;
margin: 40px 0 0 0;
}
main > .szerokoscStrony > aside > nav a {
display: block;
padding: 10px 0 10px 0;
color: #202223;
}
main > .szerokoscStrony > aside > nav a.glebiej {
margin-top: -5px;
padding: 5px 0 5px 20px;
font-size: 14px;
background: url('obrazki/bull_lindab.png') no-repeat left;
font-weight: 400;
}
main > .szerokoscStrony > aside > nav a:first-of-type {
padding: 0 0 10px 0;
}
main > .szerokoscStrony > aside > nav a.glebiej ~ .glebiej {
margin-top: 0;
background-color: transparent;
}
main > .szerokoscStrony aside nav a:hover, main > .szerokoscStrony aside nav a.aktywny {
color: #007dc5 !important;
}
main > .szerokoscStrony aside nav a.aktywny {
font-weight: 400;
}
main > .szerokoscStrony aside nav a.brakLinku:hover {
color: #202223 !important;
}
main > .szerokoscStrony aside nav a.poziom1.aktywny {
font-weight: 400 !important;
/* background: #eef3f6;*/
color: #007dc5 !important;
}
main > .szerokoscStrony aside nav a.poziom2.aktywny {
color: #007dc5;
font-weight: 400;
}
main > .szerokoscStrony aside nav a.poziom3:hover, main > .szerokoscStrony aside nav a.poziom3.aktywny, main > .szerokoscStrony aside nav a.poziom4:hover, main > .szerokoscStrony aside nav a.poziom4.aktywny, main > .szerokoscStrony aside nav a.poziom5:hover, main > .szerokoscStrony aside nav a.poziom5.aktywny, main > .szerokoscStrony aside nav a.poziom6:hover, main > .szerokoscStrony aside nav a.poziom6.aktywny, main > .szerokoscStrony aside nav a.poziom7:hover, main > .szerokoscStrony aside nav a.poziom7.aktywny, main > .szerokoscStrony aside nav a.poziom8:hover, main > .szerokoscStrony aside nav a.poziom8.aktywny, main > .szerokoscStrony aside nav a.poziom9:hover, main > .szerokoscStrony aside nav a.poziom9.aktywny, main > .szerokoscStrony aside nav a.poziom10:hover, main > .szerokoscStrony aside nav a.poziom10.aktywny {
color: #999;
font-weight: 300;
}
main > .szerokoscStrony #katalog > aside nav a.poziom2 {
font-weight: 300;
}
main > .szerokoscStrony #katalog > aside nav a.poziom2.aktywny {
font-weight: 400;
}
main > .szerokoscStrony #katalog > aside nav a.poziom3.aktywny {
color: #007dc5;
font-weight: 400;
}
main > .szerokoscStrony #katalog > aside nav a.poziom4.aktywny {
color: #007dc5;
font-weight: 400;
}
main > .szerokoscStrony #katalog > aside nav a.poziom5.aktywny {
color: #007dc5;
font-weight: 400;
}
main > .szerokoscStrony aside nav a.menuBoczneProdukt {
background: url('obrazki/bull_lindab.png') no-repeat left;
}
main > .szerokoscStrony aside nav a.menuBoczneProdukt.aktywny {
font-weight: 400;
color: #107bd4;
}
main > .szerokoscStrony aside nav a.poziom1.aktywny {
color: #00426e;
}
main > .szerokoscStrony > aside > #socialBoczne {
width: 100%;
display: table;
background: #6794b9;
padding: 10px 0;
margin: 30px 0 20px 0;
}
main > .szerokoscStrony > aside > #socialBoczne > h3, main > .szerokoscStrony > aside > #socialBoczne > a {
display: table-cell;
vertical-align: middle;
}
main > .szerokoscStrony > aside > #socialBoczne > h3 {
font-size: 16px;
padding-left: 20px;
color: #fff;
}
main > .szerokoscStrony > aside > #socialBoczne img {
display: block;
}
main > .szerokoscStrony > aside > #socialBoczne2 {
width: auto;
display: block;
background: #6794b9;
padding: 20px;
margin: 30px 0 20px 0;
color: #fff;
}
main > .szerokoscStrony > aside > #socialBoczne2 > h3 {
display: block;
padding: 0 0 15px 0;
margin: 0;
}
main > .szerokoscStrony > aside > #socialBoczne2 > a {
display: inline-block;
margin-left: 15px;
}
main > .szerokoscStrony > aside > #socialBoczne2 > a:first-of-type {
margin-left: 0;
}
#boksyPodstron {
display: block;
}
#boksyPodstron > a {
display: block;
width: auto;
border: 1px solid #F4F4F4;
padding: 10px;
margin: 15px 0;
text-align: center;
font-weight: 600;
text-transform: uppercase;
background: #007dc5;
color: #fff;
filter: alpha(opacity=60);
opacity: 0.6;
}
#boksyPodstron > a:first-child {
margin: 0;
}
#boksyPodstron > a:hover {
filter: alpha(opacity=100);
opacity: 1.0;
-webkit-transition: opacity .3s ease, top .25s ease;
-moz-transition: opacity .3s ease, top .25s ease;
-ms-transition: opacity .3s ease, top .25s ease;
-o-transition: opacity .3s ease, top .25s ease;
transition: opacity .3s ease, top .25s ease;
}
#naszaOferta {
width: 100%;
display: block;
padding: 0 0 70px 0;
}
#naszaOferta > p {
text-align: justify;
}
#naszaOferta > h3 {
padding-top: 10px !important;
}
#naszaOferta a {
font-weight: 600;
}
#naszaOferta > img:nth-of-type(1) {
margin: 0 0 10px 0 !important;
}
#naszaOferta .zaslepkaOferty {
width: 100%;
height: 470px;
display: block;
background: #f4f4f4;
text-align: center;
padding: 50px 0;
}
#realizacje {
width: 100%;
display: block;
padding: 0 0 70px 0;
}
#realizacje > p {
text-align: justify;
}
#realizacje > h3 {
padding-top: 10px !important;
}
#aktualnosciPromocje {
width: 100%;
display: block;
position: relative;
padding: 0 0 40px 0;
margin: 0;
background: #eff4f6 url('obrazki/aktualnosci_i_promocje_kolka.png') no-repeat center top;
}
#aktualnosciPromocje h2 {
text-align: left;
}
#aktualnosciPromocje > .szerokoscStrony {
display: table;
}
#aktualnosciPromocje > .szerokoscStrony > #newsy {
display: table-cell;
min-width: 780px;
width: 780px;
max-width: 780px;
}
#aktualnosciPromocje > .szerokoscStrony > #newsy6x {
display: table-cell;
min-width: 1140px;
width: 1140px;
max-width: 1140px;
}
#aktualnosciPromocje > .szerokoscStrony > #newsy .element, #aktualnosciPromocje > .szerokoscStrony > #newsy6x .element, #aktualnosciPromocje > .szerokoscStrony > #promocje .element {
display: table;
float: left;
min-width: 360px;
width: 360px;
max-width: 360px;
height: 100px;
margin: 30px 30px 0 0;
padding: 10px 0;
overflow: hidden;
}
#aktualnosciPromocje > .szerokoscStrony > #newsy .element:nth-of-type(1), #aktualnosciPromocje > .szerokoscStrony > #newsy .element:nth-of-type(2), #aktualnosciPromocje > .szerokoscStrony > #newsy6x .element:nth-of-type(1), #aktualnosciPromocje > .szerokoscStrony > #newsy6x .element:nth-of-type(2), #aktualnosciPromocje > .szerokoscStrony > #newsy6x .element:nth-of-type(3), #aktualnosciPromocje > .szerokoscStrony > #promocje .element:nth-of-type(1) {
margin-top: 0;
}
#aktualnosciPromocje > .szerokoscStrony > #newsy .element:nth-of-type(2), #aktualnosciPromocje > .szerokoscStrony > #newsy .element:nth-of-type(4), #aktualnosciPromocje > .szerokoscStrony > #newsy6x .element:nth-of-type(3), #aktualnosciPromocje > .szerokoscStrony > #newsy6x .element:nth-of-type(6), #aktualnosciPromocje > .szerokoscStrony > #promocje .element {
margin-right: 0;
}
#aktualnosciPromocje > .szerokoscStrony > #newsy .element:hover, #aktualnosciPromocje > .szerokoscStrony > #newsy6x .element:hover, #aktualnosciPromocje > .szerokoscStrony > #promocje .element:hover {
background: #fff;
}
#aktualnosciPromocje > .szerokoscStrony > #newsy .element > .data, #aktualnosciPromocje > .szerokoscStrony > #newsy6x .element > .data {
display: table-cell;
vertical-align: middle;
min-width: 60px;
width: 60px;
max-width: 60px;
padding: 0 0 12px 5px;
}
#aktualnosciPromocje > .szerokoscStrony > #promocje .element > .obraz {
display: table-cell;
vertical-align: top;
min-width: 100px;
width: 100px;
max-width: 100px;
padding: 0;
}
#aktualnosciPromocje > .szerokoscStrony > #promocje .element > .obraz > div {
margin: 10px 0 0 0;
min-width: 100px;
width: 100px;
max-width: 100px;
height: 82px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
#aktualnosciPromocje > .szerokoscStrony > #newsy .element > .data > span, #aktualnosciPromocje > .szerokoscStrony > #newsy6x .element > .data > span {
background: transparent;
padding-top: 2px;
}
#aktualnosciPromocje > .szerokoscStrony > #newsy .element > .temat, #aktualnosciPromocje > .szerokoscStrony > #newsy6x .element > .temat, #aktualnosciPromocje > .szerokoscStrony > #promocje .element > .temat {
display: table-cell;
vertical-align: middle;
min-width: 285px;
width: 285px;
max-width: 285px;
padding: 0 0 0 10px;
}
#aktualnosciPromocje > .szerokoscStrony > #promocje .element > .temat {
display: table-cell;
vertical-align: middle;
min-width: 245px;
width: 245px;
max-width: 245px;
padding: 0 0 0 10px;
}
#aktualnosciPromocje > .szerokoscStrony > #promocje .element .kategoria.porady {
display: block;
color: #177fd6;
font-weight: 600;
font-size: 12px;
text-transform: uppercase;
margin: 0 0 3px 0;
padding: 0;
line-height: 1.2em;
height: 1em;
overflow: hidden;
}
#aktualnosciPromocje > .szerokoscStrony > #newsy .element h3, #aktualnosciPromocje > .szerokoscStrony > #newsy6x .element h3, #aktualnosciPromocje > .szerokoscStrony > #promocje .element h3 {
font-size: 16px;
color: #202223;
font-weight: 400;
padding: 0;
margin: 0;
height: 40px;
overflow: hidden;
}
#aktualnosciPromocje > .szerokoscStrony > #newsy .element .wiecej, #aktualnosciPromocje > .szerokoscStrony > #newsy6x .element .wiecej, #aktualnosciPromocje > .szerokoscStrony > #promocje .element .wiecej {
padding: 10px 0 0 0;
margin: 0;
}
#aktualnosciPromocje > .szerokoscStrony > #promocje {
display: table-cell;
min-width: 360px;
width: 360px;
max-width: 360px;
vertical-align: top;
}
#aktualnosciPromocje > .szerokoscStrony > #promocjeWylacz {
display: none;
min-width: 360px;
width: 360px;
max-width: 360px;
}
#promocja_elementy {
display: block;
min-width: 360px;
width: 360px;
max-width: 360px;
height: 270px;
margin: 0;
position: relative;
}
#promocja_elementy > #nawigujPromo {
position: absolute;
right: 0;
top: -24px;
}
#promocja_elementy > #nawigujPromo > span {
display: inline-block;
padding: 2px;
cursor: pointer;
opacity: 0.4;
filter: alpha(opacity=40);
}
#promocja_elementy > #nawigujPromo > span:hover {
opacity: 1;
filter: alpha(opacity=100);
}
#ofirmie {
width: 100%;
height: 600px;
overflow-y: hidden;
display: block;
position: relative;
padding: 0 0 70px 0;
margin: 0;
background: #eff4f6 url('obrazki/tlo_ofirmie.jpg') no-repeat center bottom;
background-size: cover;
}
#ofirmie h2 {
text-align: left;
padding-bottom: 30px;
}
#ofirmie > div > div {
display: block;
width: 600px;
font-weight: 300;
line-height: 1.4em;
}
#ofirmie p {
padding: 10px 0 0 0;
}
#ofirmie > div > a {
margin: 30px 0 0 0;
padding: 5px 15px;
display: inline-block;
font-size: 14px;
background: #007dc5;
color: #fff;
font-weight: 300;
line-height: 1.5;
border-radius: 20px;
box-shadow: 2px 5px 15px #c0dcf4;
}
#serwisyZewnetrzne {
width: 100%;
display: block;
position: relative;
padding: 22.5px 0;
margin: 0;
}
#serwisyZewnetrzne > div {
text-align: center;
}
#serwisyZewnetrzne > div > a, #serwisyZewnetrzne > div > img {
display: inline-block;
margin: 22.5px 35px;
filter: alpha(opacity=40);
opacity: 0.4;
-webkit-transition: opacity .8s ease, top .8s ease;
-moz-transition: opacity .8s ease, top .8s ease;
-ms-transition: opacity .8s ease, top .8s ease;
-o-transition: opacity .8s ease, top .8s ease;
transition: opacity .8s ease, top .8s ease;
}
#serwisyZewnetrzne > div > img {
display: none;
/* blokada obrazków bez linków, w końcu to mają być strony ;) */
}
#serwisyZewnetrzne > div > a:hover {
filter: alpha(opacity=100);
opacity: 1;
-webkit-transition: opacity .8s ease, top .8s ease;
-moz-transition: opacity .8s ease, top .8s ease;
-ms-transition: opacity .8s ease, top .8s ease;
-o-transition: opacity .8s ease, top .8s ease;
transition: opacity .8s ease, top .8s ease;
}
/* nasze marki + nasza oferta + relizacje START */
#naszaOferta, #realizacje, #naszaOferta_kategorie, #markiGlowneListing, #markiPozostaleListing {
width: 100%;
display: block;
}
/* #naszaOferta h2, */
#naszaOferta_kategorie h2, #markiGlowneListing h2, #markiPozostaleListing h2 {
text-align: center;
font-size: 40px;
font-weight: 600;
color: #253d5d;
padding: 60px 20px;
margin: 0;
}
#naszaOferta_kategorie h2, #naszaOferta h2, #realizacje h2 {
padding: 50px 0px;
}
#naszaOferta > div.naglowek, #aktualnosciPromocje > div.naglowek, #aktualnosciPromocje > div > #newsy > .naglowek, #aktualnosciPromocje > div > #promocje > .naglowek {
display: table;
}
#aktualnosciPromocje > div > #newsy > .naglowek, #aktualnosciPromocje > div > #promocje > .naglowek {
width: 100%;
}
#naszaOferta > div.naglowek > h2, #naszaOferta > div.naglowek > div.wiecej, #aktualnosciPromocje > div.naglowek > h2, #aktualnosciPromocje > div > #newsy > .naglowek > h2, #aktualnosciPromocje > div.naglowek > div.wiecej, #aktualnosciPromocje > div > #newsy > .naglowek > div.wiecej, #aktualnosciPromocje > div > #promocje > .naglowek > h2, #aktualnosciPromocje > div > #promocje > .naglowek > div.wiecej {
display: table-cell;
vertical-align: middle;
}
#naszaOferta > div.naglowek > div.wiecej, #aktualnosciPromocje > div.naglowek > div.wiecej, #aktualnosciPromocje > div > #newsy > .naglowek > div.wiecej, #aktualnosciPromocje > div > #promocje > .naglowek > div.wiecej {
text-align: right;
}
#aktualnosciPromocje > div > #newsy > .naglowek > div.wiecej > a {
margin-right: 40px;
}
#naszaOferta > div.naglowek > div.wiecej > a, #aktualnosciPromocje > div.naglowek > div.wiecej > a {
color: #253d5d;
font-weight: 400 !important;
font-size: 16px;
}
#naszaOferta_kategorie > div > a, #naszaOferta > div.boksy > a, #markiGlowneListing > section {
float: left;
display: block;
min-width: 50%;
width: 50%;
max-width: 50%;
height: 285px;
overflow: hidden;
}
#realizacje_boksy {
margin: 30px 0 0 0;
}
#realizacje_boksy > div.boksy > a {
display: table;
min-width: 100%;
width: 100%;
max-width: 100%;
height: 220px;
overflow: hidden;
color: #202223;
}
#naszaOferta_kategorie > div > a:hover, #naszaOferta > div.boksy > a:hover, #realizacje_boksy > div.boksy > a:hover {
background: #e0e5e7;
}
#realizacje_boksy > div.boksy > a > div {
display: table-cell;
vertical-align: middle;
min-width: 425px;
width: 425px;
max-width: 425px;
height: 200px;
}
#realizacje_boksy > div.boksy > a img,
#realizacja .obrazek img {
padding: 0 !important;
margin: 0 !important;
display: block;
opacity: 0.8;
}
#realizacje_boksy > div.boksy > a h3 {
color: #007dc6;
font-size: 18px;
padding-top: 0;
margin-top: 0;
text-align: left;
}
#realizacje_boksy > div.boksy > a:hover img,
#realizacja .obrazek img {
opacity: 1;
}
#realizacje_boksy > div.boksy > a > div.tekst {
min-width: 385px;
width: 385px;
max-width: 385px;
padding: 10px 20px;
font-size: 15px;
line-height: 1.4;
text-align: justify;
}
#realizacje_boksy > div.boksy > a > div.tekst .przycisk,
#realizacja .przycisk {
color: #007dc6;
font-weight: 400;
display: block;
margin: 10px 0 0 0;
font-size: 15px;
}
#realizacja h3 {
display: block;
padding: 0;
margin: 30px 0 0 0;
text-align: justify;
color: #007dc6;
font-weight: 600;
font-size: 20px;
}
#realizacja .zajawka {
display: block;
padding: 20px 0 0 0;
text-align: justify;
}
#realizacja .tekst1 {
display: block;
padding: 10px 0 0 0;
text-align: justify;
}
#realizacja > div.tekst2 {
display: block;
padding: 0px 0 20px 0;
}

    #realizacja > div.tekst2 > a {
    width: 140px;
    height: 180px;
    float: left;
    padding: 0px 10px 20px 10px;
    }
        #realizacja > div.tekst2 > a > div {
        width: 120px;
        height: 120px;
        background: #fff;
        display: block;
        margin: 0 auto;
        padding: 10px;
        }
        #realizacja > div.tekst2 > a > div > div {
        width: 120px;
        height: 120px;
        display: block;
        margin: 0 auto;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        }
        #realizacja > div.tekst2 > a > span {
        width: 120px;
        height: 65px;
        overflow: hidden;
        display: block;
        margin: 15px auto;
        font-size: 12px;
        font-weight: 400;
        color: #000;
        text-align: center;
        }
#realizacja .tekst3 {
display: block;
padding: 20px 0 0 0;
text-align: justify;
}
#realizacja .zdjecia {
display: block;
padding: 20px 0 0 0;
text-align: center;
}
#realizacja .zdjecia > div {
float: left;
padding: 10px 0 0 10px;
}
#realizacja .zdjecia > div > img {
display: block;
padding: 0;
width: 420px;
}
#realizacja .zdjecia > div:nth-child(odd) {
padding-left: 0;
}
#naszaOferta_kategorie > div > a {
float: left;
display: block;
min-width: 569px !important;
width: 569px !important;
max-width: 569px !important;
height: 100px;
overflow: hidden;
margin-bottom: 70px;
background: #157ed5;
}
#naszaOferta_kategorie > div > a:nth-child(odd) {
border-right: 1px solid #fff;
}
#naszaOferta_kategorie > div > a:nth-child(even) {
border-left: 1px solid #fff;
}
#naszaOferta_kategorie > div > a:hover {
background: #126FBA;
}
#naszaOferta_kategorie > div > a > div, #naszaOferta > div.boksy > a > div, #markiGlowneListing > section > div {
float: left;
display: table;
min-width: 285px;
width: 285px;
max-width: 285px;
height: 285px;
}
#naszaOferta_kategorie > div > a > div {
min-width: 569px;
width: 569px;
max-width: 569px;
height: 100px;
}
#naszaOferta_kategorie > div > a:nth-of-type(4n+3) > div, #naszaOferta > div.boksy > a:nth-of-type(4n+3) > div, #markiGlowneListing > section:nth-of-type(4n+3) > div, #naszaOferta_kategorie > div > a:nth-of-type(4n+4) > div, #naszaOferta > div.boksy > a:nth-of-type(4n+4) > div, #markiGlowneListing > section:nth-of-type(4n+4) > div {
float: right;
}
#naszaOferta_kategorie > div > a > div > div, #naszaOferta > div.boksy > a > div > div, #markiGlowneListing > section > div > div {
display: table-cell;
vertical-align: middle;
text-align: center;
}
#naszaOferta_kategorie > div > a > div > div {
min-width: 100%;
width: 100%;
max-width: 100%;
}
#markiGlowneListing > section > .obrazek {
background: #eef3f6;
}
#naszaOferta_kategorie > div > a > .obrazek > img, #naszaOferta > div.boksy > a > .obrazek > img, #markiGlowneListing > section > .obrazek > img {
padding: 17.5px 0;
margin: 0 auto;
display: block;
}
#naszaOferta > div.boksy > a > .obrazek > img {
padding: 0;
width: 285px;
height: 285px;
}
#naszaOferta_kategorie > div > a > .tekst > div > h3, #naszaOferta > div.boksy > a > .tekst > div > h3, #markiGlowneListing > section > .tekst > div > h3 {
display: block;
font-size: 25px;
font-weight: 400;
color: #007dc6;
margin: 0 20px;
padding: 0;
line-height: 1.1em;
}
#naszaOferta_kategorie > div > a > .tekst > div > h3 {
color: #fff;
}
#naszaOferta h4 {
display: block;
font-size: 18px;
font-weight: 400;
margin: 20px 0 10px 0;
padding: 0;
line-height: 1.1em;
}
#naszaOferta > div.boksy > a > .tekst > div > span, #markiGlowneListing > section > .tekst > div > span {
display: block;
font-size: 15px;
font-weight: 300;
line-height: 1.5;
margin: 20px;
color: #202223;
}
#naszaOferta > div.boksy > a > .tekst > div > span.przycisk, #markiGlowneListing > section > .tekst > div > a {
margin: 0 20px 0 20px;
padding: 5px 15px;
display: inline-block;
font-size: 14px;
background: #007dc5;
color: #fff;
font-weight: 300;
line-height: 1.5;
border-radius: 20px;
box-shadow: 2px 5px 15px #c0dcf4;
}
#naszaOferta > div.boksIcs {
width: 850px;
margin: 20px 0;
padding: 0;
display: block;
font-size: 14px;
background: #eef3f7;
font-weight: 300;
line-height: 1.5;
cursor: pointer;
}
#naszaOferta > div.boksIcs:first-of-type {
margin: 0;
}
#naszaOferta > div.boksIcs > div.obrazek {
text-align: center;
position: relative;
}
#naszaOferta > div.boksIcs > div.obrazek > img {
width: 850px;
height: 150px;
margin: 0;
padding: 0 !important;
display: block;
opacity: 0.7;
}
#naszaOferta > div.boksIcs:hover > div.obrazek > img,
#naszaOferta > div.boksIcs.aktywny > div.obrazek > img {
opacity: 1.0;
}
#naszaOferta > div.boksIcs > div.obrazek > .nazwaDiv {
width: 100%;
height: 100%;
margin: 0 auto;
vertical-align: middle;
position: absolute;
top: 0;
left: 0;
z-index: 100;
display: table;
}
#naszaOferta > div.boksIcs > div.obrazek > .nazwaDiv > .nazwa {
margin: 0 auto;
vertical-align: middle;
display: table-cell;
}
#naszaOferta > div.boksIcs > div.obrazek > .nazwaDiv > .nazwa > span {
margin: 0 auto;
background: #007dc5;
display: inline-block;
padding: 15px 25px;
font-size: 18px;
color: #fff;
font-weight: 600;
}
#naszaOferta > div.boksIcs:hover > div.obrazek > .nazwaDiv > .nazwa > span,
#naszaOferta > div.boksIcs.aktywny > div.obrazek > .nazwaDiv > .nazwa > span {
background: #d0591b;
}
#naszaOferta > div.boksIcs > div.tekst {
padding: 20px;
display: block;
font-size: 15px;
text-align: justify;
display: none;
}
    #naszaOferta > div.boksIcs > div.tekst .produktyH {
    padding: 20px 0;
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #007dc5;
    }
    #naszaOferta > div.boksIcs > div.tekst > div > a {
    width: 140px;
    height: 180px;
    float: left;
    padding: 0px 10px 20px 10px;
    }
        #naszaOferta > div.boksIcs > div.tekst > div > a > div {
        width: 120px;
        height: 120px;
        background: #fff;
        display: block;
        margin: 0 auto;
        padding: 10px;
        }
        #naszaOferta > div.boksIcs > div.tekst > div > a > div > div {
        width: 120px;
        height: 120px;
        display: block;
        margin: 0 auto;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        }
        #naszaOferta > div.boksIcs > div.tekst > div > a > span {
        width: 120px;
        height: 50px;
        overflow: hidden;
        display: block;
        margin: 15px auto;
        font-size: 11px;
        font-weight: 400;
        color: #000;
        text-align: center;
        }

#naszaOferta > div.boksIcs_2 {
padding: 0;
display: table;
width: 100%;
margin: 50px 0 0 0;
}
#naszaOferta > div.boksIcs_2 > div {
padding: 0;
display: table-cell;
width: 248px;
margin: 0 0 0 20px;
padding: 10px;
border: 1px solid #CCC;
}
#naszaOferta > div.boksIcs_2 > div.odstep {
width: 20px;
border: 0;
}
#naszaOferta > div.boksIcs_2 > div.numer1 {
margin: 0px;
}
#naszaOferta > div.boksIcs_2 > div > .obrazek {
text-align: center;
}
#naszaOferta > div.boksIcs_2 > div > .tekst {
text-align: center;
font-size: 15px;
}
#naszaOferta > div.boksIcs_2 > div > .tekst > .h {
color: #007dc5;
font-weight: 400;
font-size: 17px;
padding: 10px 0;
}

#naszaOferta > div.boksIcs_3 {
padding: 0;
display: table;
width: 100%;
margin: 50px 0 0 0;
}
#naszaOferta > div.boksIcs_3 > .obrazek {
padding: 0;
display: table-cell;
vertical-align: middle;
width: 450px;
text-align: left;
}
#naszaOferta > div.boksIcs_3 > .tekst {
padding: 0;
display: table-cell;
vertical-align: middle;
width: 400px;
text-align: justify;
}
#naszaOferta > div.boksIcs_3 > .tekst > .h {
color: #007dc5;
font-weight: 600;
font-size: 18px;
padding: 0 0 10px 0;
}

#naszaOferta > div.boksIcs_4 {
padding: 0;
display: table;
width: 100%;
margin: 50px 0 0 0;
}
#naszaOferta > div.boksIcs_4 > a {
display: table-cell;
vertical-align: middle;
width: 185px;
height: 185px;
margin: 0 0 0 20px;
padding: 10px;
text-align: center;
background: #007dc5;
color: #fff;
font-size: 14px;
font-weight: 300;
}
#naszaOferta > div.boksIcs_4 > a:first-child {
margin: 0px;
}
#naszaOferta > div.boksIcs_4 > a.nieaktywny {
opacity: 0.2;
}
#naszaOferta > div.boksIcs_4 > a:hover {
background: #d0591b;
}
#naszaOferta > div.boksIcs_4 > div.odstep {
width: 10px;
padding:0;
background: transparent;
}
#naszaOferta > div.boksIcs_4 > a > .h {
font-weight: 600;
font-size: 18px;
padding: 0 0 10px 0;
}

#markiPozostaleListing > section {
display: inline-block;
padding: 0;
margin: 0 0 0 28px;
min-width: 264px;
width: 264px;
max-width: 264px;
height: 230px;
overflow: hidden;
margin-left: 28px;
}
#markiPozostaleListing > section:first-of-type, #markiPozostaleListing > section:nth-of-type(5n) {
margin-left: 0;
}
#markiPozostaleListing > section:nth-of-type(n+5) {
margin-top: 28px;
}
#markiPozostaleListing > section > div {
display: block;
vertical-align: middle;
text-align: center;
min-width: 264px;
width: 264px;
max-width: 264px;
}
#markiPozostaleListing > section > .obrazek {
height: 72px;
padding: 0;
text-align: center;
overflow: hidden;
}
#markiPozostaleListing > section > .tekst > h3 {
display: none;
}
#markiPozostaleListing > section > .tekst > span {
display: block;
font-size: 15px;
font-weight: 300;
line-height: 1.5;
margin: 20px 0;
}
#markiPozostaleListing > section > .tekst > a {
margin: 0 0 20px 0;
padding: 5px 15px;
display: inline-block;
font-size: 14px;
background: #007dc5;
color: #fff;
font-weight: 300;
line-height: 1.5;
border-radius: 20px;
box-shadow: 2px 5px 15px #c0dcf4;
}
article#naszaOferta h2 {
display: none;
}
article#naszaOferta > img.glowne {
padding: 0;
margin: 0;
display: block;
max-width: 850px;
}
article#naszaOferta > section {
padding: 15px 0 0 0;
display: block;
}
.poznajProdukty {
margin: 20px 0;
/* background: url('obrazki/linia_poziom.png') repeat-x center;*/
text-align: center;
}
.poznajProdukty > a {
padding: 10px 20px;
display: inline-block;
font-size: 16px;
background: #007dc5;
color: #fff;
font-weight: 400;
line-height: 1.5;
border-radius: 20px;
box-shadow: 2px 5px 15px #fff;
text-align: center;
}
.poznajProdukty > a:hover {
box-shadow: 2px 5px 15px #c0dcf4;
color: #fff;
font-weight: 400;
}
nav > a > .kategoria {
display: block;
font-size: 10px;
font-weight: 600;
margin: 0;
line-height: 1em;
padding: 0;
text-transform: uppercase;
}
/* nasze marki + nasza oferta KONIEC */
/* kontakt START */
#kontakt > section {
display: table;
width: 100%;
font-weight: 300;
font-size: 16px;
}
#kontakt.v2023 > section {
margin-top: 0px;
}
#kontakt > section > div.tekst {
display: table-cell;
vertical-align: top;
min-width: 555px;
width: 555px;
max-width: 555px;
}
#kontakt.v2023 > section > div.tekst {
display: table-cell;
vertical-align: top;
min-width: 410px;
width: 410px;
max-width: 410px;
}
#kontakt > section > div.odstep {
display: table-cell;
vertical-align: top;
min-width: 30px;
width: 30px;
max-width: 30px;
}
#kontakt > section > div.tekst2 {
column-width: 555px;
column-count: 2;
column-gap: 30px;
}
#kontakt.v2023 > section > div.tekst2 {
column-width: 410px;
}
#kontakt > .odstep {
display: block;
height: 20px;
}
#kontakt h2,
#kontakt.v2023 h3 {
padding: 30px 0;
margin: 0;
color: #007dc6;
font-size: 24px;
font-weight: 400;
}
#kontakt a {
color: #202223;
text-decoration: underline;
font-weight: 400;
}
#kontakt.v2023 .tekst2 a {
color: #007dc6;
text-decoration: underline;
font-weight: 400;
}
/* kontakt KONIEC */
/* formularz START */
#formularz, #formularzG {
background: #eef3f6;
width: auto;
display: block;
padding: 20px;
}
#formularz h2, #formularzG h3, #formularzG h2, #formularz.kontakt h3 {
font-size: 30px;
color: #007dc6;
padding: 0 0 20px 0;
}
#formularz.kontakt h3 {
font-size: 18px;
color: #007dc6;
padding: 0 0 0px 0;
font-weight: 600;
}
#formularzG h4 {
font-size: 18px;
padding: 10px 0;
}
.input1 {
background: #fff;
border: 1px solid #c3c3c3;
width: 500px;
margin: 10px 0 10px 0;
padding: 10px 10px;
font-family: 'Lato', Arial, sans-serif;
font-size: 15px;
}
.input1.data {
width: 130px;
}
.textarea {
background: #fff;
border: 1px solid #c3c3c3;
width: 787px;
height: 120px;
margin: 10px 0;
padding: 10px 10px;
font-family: 'Lato', Arial, sans-serif;
font-size: 15px;
}
.textarea.krotkie {
height: 40px;
}
#formularz .rodo, #formularzG .rodo {
font-size: 14px;
color: #666;
padding: 10px 0px;
}
.submit1 {
background: #007dc6;
border: 1px solid #e1e1e1;
margin: 0 20px 0 20px;
color: #fff;
padding: 10px 30px;
font-size: 15px;
font-weight: 700;
}
#formularz .blad, #formularzG .blad, #formularz a {
color: #b81e16;
}
#formularz .sukces, #formularzG .sukces {
color: #007dc6;
font-weight: bold;
}
#formularz .form_obszary {
column-width: auto;
column-count: 3;
column-gap: 50px;
}
#formularz .form_obszary > div {
padding: 15px 0;
font-weight: 400;
}
/* formularz gwarancji i reklamacji START */
#formularzG span.podpis {
display: block;
margin-bottom: -5px;
margin-top: 10px;
}
#formularzG input[type="checkbox"] {
opacity: 0;
/* display: none; */
}
#formularzG input[type="radio"] {
opacity: 0;
/* display: none; */
}
#formularzG input[type="checkbox"],input[type="radio"] {
vertical-align: middle;
}
#formularzG input[type="checkbox"]+label,input[type="radio"]+label {
cursor: pointer;
color: #999;
padding-left: 0;
/* 25px */
}
#formularzG input[type="checkbox"]+label:before,input[type="radio"]+label:before {
content: "";
display: inline-block;
width: 22px;
height: 22px;
margin: 1px 4px 0 -24px;
/* -26px */
vertical-align: middle;
}
#formularzG input[type="checkbox"]+label:before {
background: url('obrazki/pola_form.png')-22px top no-repeat;
}
#formularzG input[type="checkbox"]:checked+label:before {
background: url('obrazki/pola_form.png') left top no-repeat;
}
#formularzG input[type="checkbox"]:checked+label {
color: #0076bd;
}
#formularzG input[type="radio"]+label:before {
background: url('obrazki/pola_form.png')-66px top no-repeat;
}
#formularzG input[type="radio"]:checked+label:before {
background: url('obrazki/pola_form.png')-44px top no-repeat;
}
#formularzG input[type="radio"]:checked+label {
color: #0076bd;
}
.no-arrow {
-moz-appearance: textfield;
}
.no-arrow::-webkit-inner-spin-button {
display: none;
}
.no-arrow::-webkit-outer-spin-button, .no-arrow::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* formularz gwarancji i reklamacji KONIEC */
/* formularz szkolenia START */
#formularzG #daneOsoby {
display: none;
}
#formularzG #daneFirmy {
display: none;
}
#formularzG #dodatkowiUczestnicy {
display: none;
}
#formularzG #miejsceKodu {
display: none;
}
#formularzG #daneOsoby > div:first-child > div, #formularzG #daneFirmy > div:first-child > div, #formularzG #daneKontakt > div:first-child > div {
padding: 15px 5px 5px 5px;
}
#formularzG #daneKontakt > div:first-child > div {
padding: 15px 5px 5px 5px;
}
#formularzG form .wybierzSzkolenie {
display: inline-block;
background: #CC3300;
color: #fff;
padding: 2px 5px;
margin: 0;
}
#formularzG form .wyslij {
background: #0076bd;
color: #fff;
font-size: 18px;
font-weight: 600;
border: 0px solid #0076bd;
margin: 20px 0 0 0;
padding: 10px 40px;
text-align: center;
outline: 0;
cursor: pointer;
}
/* formularz szkolenia KONIEC */
/* formularz KONIEC */
/* newsy i promocje i pliki nawet START */
#newsy, #newsy6x, #promocje, #pliki, #katalog {
display: table;
}
#newsy > section, #newsy6x > section, #promocje > section, #pliki > section, #katalog > section {
display: table-cell;
vertical-align: top;
width: 850px;
}
#promocje > section#promocje_lista, #pliki > section#kategoriePlikow_lista {
width: 1140px;
}
#katalog > section#kategoriePlikow_lista {
width: 850px;
}
div > section > .szukajka {
padding: 0 0 10px 0;
margin: 0 0 10px 0;
font-weight: 300;
color: #202223;
display: table;
width: 100%;
border-bottom: 1px solid #f4f4f4;
}
div > section > .szukajka > div {
display: table-cell;
vertical-align: middle;
width: 33%;
}
div > section > .szukajka > div:nth-of-type(1) {
text-align: left;
}
div > section > .szukajka > div:nth-of-type(2) {
text-align: center;
}
div > section > .szukajka > div:nth-of-type(3) {
text-align: right;
}
#newsy > section > article, #newsy6x > section > article {
padding: 70px 0 0 0;
font-weight: 300;
color: #202223;
}
#newsy.porady > section#newsy_lista > article,
#newsy.porady > section > div#newsy_lista > article {
width: 410px;
float: left;
padding-top: 0;
margin-bottom: 30px;
}
#newsy.porady > section > article:nth-child(odd),
#newsy.porady > section > div#newsy_lista > article:nth-child(odd) {
margin-left: 30px;
}
#newsy > section > article:first-of-type, #newsy6x > section > article:first-of-type {
padding: 0;
}
#promocje > section#promocje_lista > article, #pliki > section#kategoriePlikow_lista > article, #katalog > section#kategoriePlikow_lista > article {
float: left;
padding: 0 30px 30px 0;
}
#promocje > section#promocje_lista > article.pierwsze, #pliki > section#kategoriePlikow_lista > article.pierwsze, #katalog > section#kategoriePlikow_lista > article.pierwsze {
padding-top: 0;
}
#promocje > section#promocje_lista > article.trzeciaKolumna, #pliki > section#kategoriePlikow_lista > article.trzeciaKolumna, #katalog > section#kategoriePlikow_lista > article.trzeciaKolumna {
padding-right: 0;
}
#newsy > section > article .obraz > img {
width: 850px;
height: 260px;
padding: 0;
background: #f4f4f4;
}
#promocje > section > article .obraz > img {
width: 360px;
height: 270px;
padding: 0;
background: #f4f4f4;
}
#newsy.porady > section#newsy_lista > article .obraz > img,
#newsy.porady > section > div#newsy_lista > article .obraz > img {
width: 410px;
height: 200px;
padding: 0;
background: #f4f4f4;
opacity: 0.8;
}
#newsy.porady > section#newsy_wybrany > article .obraz > img,
#newsy.porady > section#newsy_lista > article > a:hover .obraz > img {
opacity: 1.0;
}
#newsy.porady > section#newsy_wybrany > article .obraz > img {
width: 850px;
height: 415px;
}
#pliki > section > article > a {
display: table;
width: 360px;
height: 180px;
padding: 0;
background: #007dc5;
color: #fff;
}
#pliki > section > article > a:hover {
background: #0068af;
}
#pliki > section > article > a > .obraz {
display: table-cell;
vertical-align: middle;
text-align: center;
}
#newsy > section > article > a,
#newsy > section > div#newsy_lista > article > a {
font-weight: 300;
color: #202223;
}
#newsy > section > article .info, #newsy6x > section > article .info {
padding: 25px 0 0 0;
display: table;
}
#newsy.porady > section > article .info,
#newsy.porady > section > div#newsy_lista > article .info {
padding: 15px 0 0 0;
}
#promocje > section > article h2 {
display: block;
font-size: 25px;
font-weight: 400;
color: #253d5d;
margin: 0;
padding: 0 0 25px 0;
}
#newsy.porady > section#newsy_lista > article h2, #newsy > section > div#newsy_lista > article .info > .tresc > h2 {
height: 48px;
overflow: hidden;
text-align: left;
line-height: 1.2em;
}
#pliki > section > article > a > .obraz h2 {
display: block;
font-size: 25px;
font-weight: 400;
color: #fff;
margin: 10px;
padding: 0;
line-height: 1.1em;
}
#promocje > section > article h2.niePokazuj {
display: none;
}
#promocje > section > article .daty {
display: block;
background: #fff;
font-size: 20px;
font-weight: 400;
color: #ee3524;
margin: 0 1.5px 25px 1.5px;
padding: 0;
}
#promocje > section > article .daty.niePokazuj {
display: none;
}
#promocje > section > article .daty > span {
display: inline-block;
background: #fff;
padding: 10px 10px 10px 0;
}
#newsy > section > article .info > .data, #newsy6x > section > article .info > .data {
display: table-cell;
min-width: 60px;
width: 60px;
max-width: 60px;
}
#newsy .data > span, #newsy6x .data > span {
display: block;
background: #eef3f6;
text-align: center;
padding: 10px 5px;
}
#newsy .data > span > .dzien, #newsy6x .data > span > .dzien {
display: block;
font-size: 24px;
color: #007dc5;
font-weight: 400;
}
#newsy .data > span > .reszta, #newsy6x .data > span > .reszta {
padding: 5px 0 0 0;
display: block;
font-size: 13px;
}
#newsy > section > article .info > .tresc, #newsy6x > section > article .info > .tresc {
display: table-cell;
vertical-align: top;
width: 775px;
padding: 0 0 0 15px;
text-align: justify;
}
#newsy.porady > section > article .info > .tresc,
#newsy.porady > section > div#newsy_lista > article .info > .tresc {
width: 100%;
padding: 0;
text-align: justify;
}
#newsy > section > article .info > .tresc > h2, #newsy6x > section > article .info > .tresc > h2,
#newsy > section > div#newsy_lista > article .info > .tresc > h2 {
display: block;
font-size: 20px;
font-weight: 400;
margin: 0;
padding: 0;
}
#newsy > section > article .info > .tresc > .kategoria, #newsy6x > section > article .info > .tresc > .kategoria, nav > a > .kategoria {
display: block;
font-size: 12px;
font-weight: 600;
margin: 0 0 5px 0;
line-height: 1em;
padding: 0;
/* background: url('obrazki/bull_lindab.png') no-repeat left;*/
color: #107bd4;
text-transform: uppercase;
}
#newsy.porady > section > article .info > .tresc > .kategoria {
height: 12px;
line-height: 1.2em;
overflow: hidden;
}
.zajawka {
padding: 15px 0 0 0;
display: block;
}
#newsy > section > article .info > .tresc > .tagi,
#newsy > section > div#newsy_lista > article .info > .tresc > .tagi {
padding: 0;
display: block;
text-align: left;
line-height: 1em;
margin-top: 10px;
}
#newsy > section#newsy_lista > article .info > .tresc > .tagi {
height: 55px;
overflow: hidden;
}
#newsy > section > article .info > .tresc > .tagi > .tag,
#newsy > section > div#newsy_lista > article .info > .tresc > .tagi > .tag {
padding: 5px 10px;
margin: 0 2px 2px 0;
float: left;
background: #e4e4e4;
font-size: 14px;
}
#newsy > section > article .info > .tresc > .tagi > .tag.nowosc,
#newsy > section > div#newsy_lista > article .info > .tresc > .tagi > .tag.nowosc {
background: #b81e16;
color: #fff;
}
#newsy > section > article .info > .tresc > .tagi > a.tag,
#newsy > section > div#newsy_lista > article .info > .tresc > .tagi > a.tag {
color: #202223;
}
#newsy > section > article .info > .tresc > .tagi > a.tag:hover,
#newsy > section > div#newsy_lista > article .info > .tresc > .tagi > a.tag:hover {
background: #666;
color: #fff;
}
#newsy > section > #newsy_lista {
display: block;
margin-top: 35px;
}
#newsy > section > #newsy_lista > h2 {
display: block;
margin-bottom: 30px;
padding: 15px 0;
text-align: left;
color: #007dc5;
font-size: 18px;
text-align: center;
background: #eef3f6;
/* border-top: 1px solid #C6D7E1;
border-bottom: 1px solid #C6D7E1;*/
}
.zajawka.podglad {
font-weight: 600;
}
.pelnatresc {
padding: 5px 0 0 0;
display: block;
}
#promocje pelnatresc, .pelnatresc.tylkoObraz {
padding: 0;
display: block;
}
main > .szerokoscStrony > #tekst .pelnatresc img {
padding: 1px;
margin: 0 auto;
display: inline-block;
max-width: 772px;
/* dwa zdjęcia w kolumnie: 385px szerokości */
text-align: center;
margin-bottom: -5px;
}
main > .szerokoscStrony > #tekst #promocje .pelnatresc img, main > .szerokoscStrony > #tekst #newsy.porady .pelnatresc img {
padding: 1.5px;
max-width: 847px;
/* dwa zdjęcia w kolumnie: 422px szerokości */
}
main > .szerokoscStrony > #tekst .pelnatresc img.bezodstepu {
padding: 0 !important;
}
main > .szerokoscStrony > #tekst .pelnatresc > p {
padding: 10px 0;
clear: both;
}
main > .szerokoscStrony > #tekst .pelnatresc.tylkoObraz > p:first-child {
padding: 0;
clear: both;
}
main > .szerokoscStrony > #tekst .pelnatresc > h1, main > .szerokoscStrony > #tekst .pelnatresc > h2, main > .szerokoscStrony > #tekst .pelnatresc > h3, main > .szerokoscStrony > #tekst .pelnatresc > h4, main > .szerokoscStrony > #tekst .pelnatresc > h5 {
clear: both;
}
main > .szerokoscStrony > #tekst .pelnatresc > h3 {
margin-top: 25px;
margin-bottom: 25px;
text-align: left;
font-size: 20px;
}
main > .szerokoscStrony > #tekst h4, main > .szerokoscStrony > #tekst .pelnatresc > h4 {
margin-top: 15px;
margin-bottom: 10px;
text-align: left;
font-size: 19px;
font-weight: 500;
}
main > .szerokoscStrony > #tekst h4, main > .szerokoscStrony > #tekst .pelnatresc > h5 {
margin-top: 15px;
margin-bottom: 10px;
text-align: left;
font-size: 19px;
font-weight: 300;
}
main > .szerokoscStrony > #tekst ul, main > .szerokoscStrony > #tekst .pelnatresc ul {
padding-bottom: 10px;
}
main > .szerokoscStrony > #tekst .pelnatresc ul + p {
padding-top: 0px !important;
margin-top: 5px !important;
}
main > .szerokoscStrony > #tekst .pelnatresc p ~ ul {
margin-bottom: 0px !important;
}
main > .szerokoscStrony > #tekst .pelnatresc li > ul {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
main > .szerokoscStrony > #tekst .pelnatresc h3 + p {
margin-top: 0px !important;
padding-top: 0px !important;
}
main > .szerokoscStrony > #tekst ul > li > ul, main > .szerokoscStrony > #tekst .pelnatresc > ul > li > ul {
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}
main > .szerokoscStrony > #tekst > ul > li {
padding-bottom: 5px !important;
margin-bottom: 0 !important;
}
main > .szerokoscStrony > #tekst > ul {
padding-bottom: 0px !important;
margin-bottom: 0px !important;
}
main > .szerokoscStrony > #tekst .pelnatresc a {
font-weight: 600;
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}
main > .szerokoscStrony > #tekst .pelnatresc .videoEmbed iframe {
width: 775px;
height: 436px;
}
main > .szerokoscStrony > #tekst .pelnatresc td {
border-top: 1px solid #f4f4f4;
font-size: 14px;
text-align: center;
}
main > .szerokoscStrony > #tekst .pelnatresc th {
background: #ebf1f5;
border-top: 1px solid #fff;
font-size: 14px;
padding: 5px;
text-align: center;
}
main > .szerokoscStrony > #tekst .pelnatresc a:hover {
text-decoration: underline;
}
section.regulamin {
padding: 25px 0 0 0;
display: block;
}
section.regulamin ol {
margin: 0;
padding-left: 20px;
}
section.regulamin.pogrubPierwszy ol > li:first-child {
font-weight: 600;
}
section.regulamin ol > li > ol {
list-style-type: lower-alpha;
}
div.wiecej {
padding: 15px 0 0 0;
display: table;
color: #007dc5;
font-size: 14px;
}
div.wiecej > div {
display: table-cell;
text-decoration: none;
}
div.wiecej > div:nth-child(1) {
padding-bottom: 1px;
border-bottom: 1px solid #007dc5;
}
div.wiecej.brak > div:nth-child(1) {
padding-bottom: 1px;
border-bottom: 1px solid #fff;
}
div.wiecej > div:nth-child(2) {
padding: 0 5px;
}
div.wiecej > div:nth-child(2) > img {
padding: 0 !important;
margin: 0 !important;
}
#pliki h2 {
display: block;
font-size: 20px !important;
font-weight: 600;
color: #253d5d;
margin: 0;
padding: 0 0 10px 0 !important;
}
#pliki #kategoriePlikow_wybrany h2 {
display: block;
font-size: 20px;
font-weight: 600;
color: #253d5d;
margin: 0;
padding: 34px 0 24px 0 !important;
}
#pliki #kategoriePlikow_wybrany h3 {
display: block;
font-size: 20px;
font-weight: 600;
color: #253d5d;
margin: 0;
padding: 34px 0 24px 0 !important;
}
#pliki #kategoriePlikow_wybrany h3:first-of-type {
padding-top: 0px !important;
}
#pliki .ikonkiListy {
position: absolute;
right: 0;
top: -40px;
}
#pliki .ikonkiListy > img {
padding: 0 10px 0 0 !important;
-webkit-filter: grayscale(1);
filter: grayscale(1);
cursor: pointer;
transition: 0.5s;
opacity: 0.5;
}
#pliki .ikonkiListy > img:hover, #pliki .ikonkiListy > img.aktywny {
-webkit-filter: grayscale(0);
filter: grayscale(0);
transition: 0.5s;
opacity: 1;
}
#pliki .listaPlikow, #kategorieProduktow_produkt .listaPlikow {
display: table;
}
#pliki .listaPlikow > a, #kategorieProduktow_produkt .listaPlikow > a {
display: table-cell;
width: 410px;
min-width: 410px;
max-width: 410px;
padding-top: 15px;
font-weight: 400;
border: 0 solid #000;
font-size: 15px;
}
#kategorieProduktow_produkt .listaPlikow > a {
width: 390px;
min-width: 390px;
max-width: 390px;
}
#pliki .listaPlikow > a:nth-of-type(odd), #kategorieProduktow_produkt .listaPlikow > a:nth-of-type(odd) {
padding-right: 15px;
}
#pliki .listaPlikow > a:nth-of-type(even), #kategorieProduktow_produkt .listaPlikow > a:nth-of-type(even) {
padding-left: 15px;
}
#pliki .listaPlikow > a.pierwszySamotnik, #kategorieProduktow_produkt .listaPlikow > a.pierwszySamotnik {
padding-bottom: 5px;
}
#pliki .listaPlikow > a:nth-of-type(1), #pliki .listaPlikow > a:nth-of-type(2), #kategorieProduktow_produkt .listaPlikow > a:nth-of-type(1), #kategorieProduktow_produkt .listaPlikow > a:nth-of-type(2) {
padding-top: 0px;
}
#pliki .listaPlikow > a.nieaktywny, #kategorieProduktow_produkt .listaPlikow > a.nieaktywny {
color: #CCC !important;
}
#pliki .listaPlikow > a > span, #kategorieProduktow_produkt .listaPlikow > a > span {
display: block;
color: #999;
padding: 0;
font-weight: 300;
font-size: 11px;
}
#pliki .listaPlikow > a > span > span.desktop, #kategorieProduktow_produkt .listaPlikow > a > span > span.desktop {
font-weight: 600;
}
#pliki .listaPlikowObrazki {
display: block;
}
#pliki .listaPlikowObrazki > a {
position: relative;
display: block;
float: left;
background: #f4f4f4;
border: 1px solid #e9e9e9;
width: 160px;
min-width: 160px;
max-width: 160px;
height: 226px;
padding: 0;
margin: 0 0 10px 10px;
overflow: hidden;
color: #fff;
font-size: 14px;
}
#pliki .listaPlikowObrazki > a:nth-of-type(5n+1) {
margin-left: 0;
}
#pliki .listaPlikowObrazki > a > img {
display: block;
padding: 0;
margin: 0;
width: 160px;
min-width: 160px;
max-width: 160px;
height: 226px;
}
#pliki .listaPlikowObrazki > a > div {
position: absolute;
top: 0;
left: 0;
background: #007dc5;
opacity: 0.9;
min-width: 160px;
width: 160px;
max-width: 160px;
height: 226px;
display: none;
}
#pliki .listaPlikowObrazki > a:hover > div {
display: table;
}
#pliki .listaPlikowObrazki > a > div > span {
display: table-cell;
vertical-align: bottom;
padding: 10px;
width: auto;
line-height: 16px;
}
#pliki .listaPlikowObrazki > a > div > span > span {
display: block;
font-size: 12px;
padding-top: 15px;
color: #e9e9e9;
}
#kategorieProduktow_wybrany > .boksyKategorieDuze, #kategorieProduktow_wybrany > .boksyKategorieSrednie, #kategorieProduktow_wybrany > div > .boksyKategorieSrednie, #kategorieProduktow_wybrany > .boksyKategorieTemp {
color: #007dc6;
}
#kategorieProduktow_wybrany > .boksyKategorieSrednie > div, #kategorieProduktow_wybrany > div > .boksyKategorieSrednie > div, #kategorieProduktow_wybrany > div > .boksyKategorieMale > div {
background-size: cover;
}
#kategorieProduktow_produkt > #listwa > #menuProdukt > .elementMenu:hover, #kategorieProduktow_produkt > #listwa > #menuProdukt > .elementMenu.aktywny {
background: url('obrazki/listwa_hover_lindab.png') repeat-x bottom left;
color: #007dc6;
}
#kategorieProduktow_produkt > #listwa > #menuProdukt > .elementMenu.aktywny {
font-weight: 600;
}
#kategorieProduktow_produkt > #trescZakladek ul > li {
background: url('obrazki/bull_lindab.png') no-repeat left;
background-position: 0 12px;
}
#kategorieProduktow_produkt > #trescZakladek a {
color: #007dc6;
}
#dobraCena > section > div > .t1w tr > td:last-child {
background: #007dc6;
}
#newsy > aside, #promocje > aside {
display: table-cell;
vertical-align: top;
width: 260px;
padding: 0 0 0 30px;
}
#newsy > aside h2, #promocje > aside h2 {
display: block;
font-size: 25px;
font-weight: 600;
color: #253d5d;
margin: 0;
padding: 0 0 25px 0;
}
#pliki > aside h2 {
display: block;
font-size: 20px !important;
font-weight: 600;
color: #253d5d;
margin: 0;
padding: 0 0 10px 0 !important;
}
#newsy > aside h3, #promocje > aside h3 {
display: block;
font-size: 16px;
font-weight: 400;
color: #202223;
margin: 0;
padding: 0 0 0px 0;
}
#newsy > aside > nav#menuPodstawowe {
display: block;
background: #eef3f6;
padding: 20px;
margin: 0 0 40px 0;
}
#newsy > aside > nav#menuPodstawowe a {
display: block;
padding: 10px 0 10px 0;
color: #202223;
}
#newsy > aside > nav#menuPodstawowe a:first-of-type {
padding: 0 0 10px 0;
}
section.em1 {
line-height: 1em;
padding: 0;
}
div > aside .filtrMarki {
display: table;
height: 50px;
margin-bottom: 10px;
position: relative;
}
div > aside .filtrMarki > .pole {
display: table-cell;
vertical-align: middle;
text-align: center;
min-width: 210px;
width: 210px;
max-width: 210px;
background: #177fd6;
font-size: 16px;
color: #fff;
}
div > aside .filtrMarki > .pole.filtrAktywny {
animation-duration: 2000ms;
animation-name: blink;
animation-iteration-count: infinite;
animation-direction: alternate;
-webkit-animation:blink 2000ms infinite;
}
@keyframes blink {
0% { color: #fff; }
25% { color: #fff; }
50% { color: #177fd6; }
75% { color: #fff; }
100% { color: #fff; }
}
@-webkit-keyframes blink {
0% { color: #fff; }
25% { color: #fff; }
50% { color: #177fd6; }
75% { color: #fff; }
100% { color: #fff; }
}
div > aside .filtrMarki > .przycisk {
display: table-cell;
vertical-align: middle;
text-align: center;
min-width: 50px;
width: 50px;
max-width: 50px;
background: #177fd6;
}
div > aside .inneMarki {
position: absolute;
top: 60px;
display: none;
margin-top: -10px;
}
div > aside .inneMarki > a {
display: block;
vertical-align: middle;
text-align: center;
min-width: 210px;
width: 210px;
max-width: 210px;
background: #177fd6;
font-size: 16px;
color: #fff;
padding: 10px 0;
}
div > aside .inneMarki > a:hover {
background: #1472BE;
}
div > aside .minimumSzukaj {
display: block;
margin-bottom: 30px;
font-size: 12px;
color: #AAA;
}
div > aside .szukaj {
display: table;
height: 50px;
}
div > aside .szukaj > .pole {
display: table-cell;
vertical-align: middle;
text-align: center;
min-width: 210px;
width: 210px;
max-width: 210px;
background: #eef3f6;
}
div > aside .szukaj > .pole input[type=text] {
text-align: center;
width: auto;
border: 0;
background: transparent;
outline: 0;
padding: 5px;
font-size: 16px;
color: #202223;
}
div > aside .szukaj > .przycisk {
display: table-cell;
vertical-align: middle;
text-align: center;
min-width: 50px;
width: 50px;
max-width: 50px;
background: #177fd6;
}
#newsy > aside > section {
padding: 0 0 50px 0;
}
#newsy > aside > section#najnowszeNewsy > a, #promocje > aside > section#najnowszeNewsy > a {
display: table;
color: #202223;
padding: 15px 0 15px 0;
border-top: 1px solid #dfe0e1;
}
#promocje > aside > section#najnowszeNewsy > a {
display: block;
}
#newsy > aside > section#najnowszeNewsy > a:first-of-type, #promocje > aside > section#najnowszeNewsy > a:first-of-type {
padding-top: 0;
border-top: 0;
}
#newsy > aside > section#najnowszeNewsy > a > .data {
display: table-cell;
vertical-align: top;
min-width: 60px;
width: 60px;
max-width: 60px;
}
#newsy > aside > section#najnowszeNewsy > a > .data > span {
background: transparent;
padding-top: 2px;
}
#newsy > aside > section#najnowszeNewsy > a > .temat {
display: table-cell;
vertical-align: top;
min-width: 195px;
width: 195px;
max-width: 195px;
padding: 0 0 0 5px;
font-size: 14px;
}
#newsy > aside > section#najnowszeNewsy > a > .temat.bezDaty {
min-width: 260px;
width: 260px;
max-width: 260px;
padding: 0;
}
#newsy > aside > section#najnowszeNewsy > a > .temat > .kategoria, #newsy > a > .temat > .kategoria, #newsy6x > a > .temat > .kategoria {
display: block;
color: #177fd6;
font-weight: 600;
font-size: 12px;
text-transform: uppercase;
margin: 0 0 3px 0;
padding: 0;
line-height: 1em;
}
#newsy > aside > section#najnowszeNewsy > a > .temat > .kategoria.porady {
height: 1em;
overflow: hidden;
}
#promocje > aside > section#najnowszeNewsy > a > .daty {
display: block;
font-size: 13px;
font-weight: 400;
color: #177fd6;
}
#promocje > aside > section#najnowszeNewsy > a > .temat {
display: block;
padding: 0;
}
#newsy > aside > section#najnowszeNewsy > a > .temat > span.wiecej, #promocje > aside > section#najnowszeNewsy > a > .temat > span.wiecej {
padding: 0;
}
#newsy > aside > section#tagi > a {
display: inline-block;
color: #fff;
padding: 5px 15px;
background: #489ade;
border-radius: 20px;
margin: 5px 5px 5px 0;
font-size: 14px;
}
#newsy.porady > aside > section#tagi > a {
border-radius: 0px;
}
#newsy > aside > section#filtryKategorii > a {
display: inline-block;
color: #fff;
padding: 5px 8px;
background: #489ade;
border-radius: 0;
margin: 5px 8px 5px 0;
font-size: 14px;
}
#newsy > aside > section#tagi > a:hover, #newsy > aside > section#tagi > a.aktywny, #newsy > aside > section#filtryKategorii > a:hover, #newsy > aside > section#filtryKategorii > a.aktywny {
background: #1F6CAB;
}
#pliki > aside, #katalog > aside {
display: table-cell;
vertical-align: top;
width: 260px;
padding: 0 30px 0 0;
}
#pliki > aside h2, #katalog > aside h2 {
display: block;
font-size: 25px;
font-weight: 600;
color: #253d5d;
margin: 0;
padding: 0 0 25px 0;
}
#katalog > aside > section > h2 {
padding: 0 0 25px 0;
}
#pliki > aside h3, #katalog > aside h3 {
display: block;
font-size: 16px;
font-weight: 400;
color: #202223;
margin: 0;
padding: 0 0 0px 0;
}
#newsy > aside > section {
padding: 0 0 50px 0;
}
#newsy > aside > section#najnowszeNewsy > a, #promocje > aside > section#najnowszeNewsy > a, #pliki > aside > nav > a, #katalog > aside > nav > a {
display: table;
color: #202223;
padding: 15px 0 15px 0;
border-top: 1px solid #dfe0e1;
}
#promocje > aside > section#najnowszeNewsy > a, #pliki > aside > nav > a, #katalog > aside > nav > a {
display: block;
}
#pliki > aside > nav > a, #katalog > aside > nav > a {
padding: 0px 0 10px 0;
font-size: 15px;
border-top: 0 solid #f4f4f4;
}
#katalog > aside > nav > a.menuBoczneProdukt {
padding: 5px 0;
margin-left: 15px;
padding-left: 15px;
background-position: 0 15px;
}
#katalog > aside > nav > a.menuBoczneProdukt.przesun15 {
margin-left: 30px;
}
#katalog > aside > nav > a.menuBoczneProdukt.przesun30 {
margin-left: 45px;
}
#katalog > aside > nav > a.menuBoczneProdukt.przesun45 {
margin-left: 60px;
}
#katalog > aside > nav a.menuBoczneProdukt.pierwszy {
margin-top: -10px;
}
#katalog > aside > nav a.menuBoczneProdukt.ostatni {
margin-bottom: 10px;
}
#pliki > aside > nav > a.poziom1, #katalog > aside > nav > a.poziom1 {
padding: 10px 0 10px 0;
font-weight: 300;
font-size: 16px;
border-top: 1px solid #dfe0e1;
}
#newsy > aside > section#najnowszeNewsy > a:first-of-type, #promocje > aside > section#najnowszeNewsy > a:first-of-type {
padding-top: 0;
border-top: 0;
}
#pliki > aside > nav > a:first-of-type, #katalog > aside > nav > a:first-of-type {
padding-top: 15px;
border-top: 0;
}
#newsy > aside > section#najnowszeNewsy > a > .data {
display: table-cell;
vertical-align: top;
min-width: 60px;
width: 60px;
max-width: 60px;
}
#newsy > aside > section#najnowszeNewsy > a > .data > span {
background: transparent;
padding-top: 2px;
}
#newsy > aside > section#najnowszeNewsy > a > .temat {
display: table-cell;
vertical-align: top;
min-width: 195px;
width: 195px;
max-width: 195px;
padding: 0 0 0 5px;
font-size: 14px;
}
#promocje > aside > section#najnowszeNewsy > a > .daty {
display: block;
font-size: 13px;
font-weight: 400;
color: #177fd6;
}
#promocje > aside > section#najnowszeNewsy > a > .temat {
display: block;
padding: 0;
}
#newsy > aside > section#najnowszeNewsy > a > .temat > span.wiecej, #promocje > aside > section#najnowszeNewsy > a > .temat > span.wiecej {
padding: 0;
}
#newsy > aside > section#tagi > a {
display: inline-block;
color: #fff;
padding: 5px 15px;
background: #489ade;
border-radius: 20px;
margin: 5px 5px 5px 0;
font-size: 14px;
}
#newsy > aside > section#tagi > a:hover, #newsy > aside > section#tagi > a.aktywny {
background: #1F6CAB;
}
/* newsy i promocje i pliki nawet START */
/* produkt START */
aside a.menuBoczneIkona {
display: none;
}
#kategorieProduktow_wybrany > .opisKategorii {
margin: 0 0 30px 0;
padding: 15px !important;
background: #eef3f6;
}
#kategorieProduktow_wybrany > .boksyKategorieDuze, #kategorieProduktow_wybrany > .boksyKategorieTemp {
float: left;
border: 1px solid #fff;
text-align: center;
padding: 20px;
margin-bottom: 30px;
min-width: 368px;
width: 368px;
max-width: 368px;
margin-left: 30px;
}
#kategorieProduktow_wybrany > .boksyKategorieSrednie, #kategorieProduktow_wybrany > div > .boksyKategorieSrednie {
float: left;
border: 1px solid #fff;
text-align: center;
padding: 20px;
margin-bottom: 30px;
min-width: 221.3px;
width: 221.3px;
max-width: 221.3px;
}
#kategorieProduktow_wybrany > div > .boksyKategorieMale {
float: left;
border: 1px solid #fff;
text-align: center;
padding: 10px;
margin-bottom: 30px;
min-width: 175.5px;
width: 175.5px;
max-width: 175.5px;
}
#kategorieProduktow_wybrany > a.boksyKategorieDuze:nth-of-type(odd), #kategorieProduktow_wybrany > a.boksyKategorieTemp:nth-of-type(odd) {
margin-left: 0;
}
#kategorieProduktow_wybrany > a.boksyKategorieSrednie:nth-of-type(3n), #kategorieProduktow_wybrany > a.boksyKategorieSrednie:nth-of-type(3n+2), #kategorieProduktow_wybrany > div > a.boksyKategorieSrednie:nth-of-type(3n), #kategorieProduktow_wybrany > div > a.boksyKategorieSrednie:nth-of-type(3n+2) {
margin-left: 30px;
}
#kategorieProduktow_wybrany > div > .boksyKategorieMale:nth-of-type(4n+2), #kategorieProduktow_wybrany > div > .boksyKategorieMale:nth-of-type(4n+3), #kategorieProduktow_wybrany > div > .boksyKategorieMale:nth-of-type(4n) {
margin-left: 20px;
}
#kategorieProduktow_wybrany > .boksyKategorieDuze:hover, #kategorieProduktow_wybrany > div > .boksyKategorieSrednie:hover, #kategorieProduktow_wybrany > .boksyKategorieSrednie:hover, #kategorieProduktow_wybrany > div > .boksyKategorieMale:hover, #kategorieProduktow_wybrany > .boksyKategorieTemp:hover {
background: #f9fafc;
border: 1px solid #e0e1e1;
}
#kategorieProduktow_wybrany > .boksyKategorieDuze > div, #kategorieProduktow_wybrany > .boksyKategorieTemp > div {
display: block;
height: 368px;
width: 100%;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
opacity: 0.8;
-webkit-transition: all .55s ease;
-moz-transition: all .55s ease;
-ms-transition: all .55s ease;
-o-transition: all .55s ease;
transition: all .55s ease;
}
#kategorieProduktow_wybrany > .boksyKategorieSrednie > div, #kategorieProduktow_wybrany > div > .boksyKategorieSrednie > div {
display: block;
height: 221.3px;
width: 221.3px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
opacity: 0.8;
-webkit-transition: all .55s ease;
-moz-transition: all .55s ease;
-ms-transition: all .55s ease;
-o-transition: all .55s ease;
transition: all .55s ease;
}
#kategorieProduktow_wybrany > div > .boksyKategorieMale > div {
display: block;
height: 175.5px;
width: 175.5px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
position: relative;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
opacity: 0.8;
-webkit-transition: all .55s ease;
-moz-transition: all .55s ease;
-ms-transition: all .55s ease;
-o-transition: all .55s ease;
transition: all .55s ease;
}
#kategorieProduktow_wybrany > div > .boksyKategorieMale:hover > div, #kategorieProduktow_wybrany > .boksyKategorieSrednie:hover > div, #kategorieProduktow_wybrany > div > .boksyKategorieSrednie:hover > div, #kategorieProduktow_wybrany > .boksyKategorieDuze:hover > div, #kategorieProduktow_wybrany > .boksyKategorieTemp:hover > div {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1.0;
-webkit-transition: all .55s ease;
-moz-transition: all .55s ease;
-ms-transition: all .55s ease;
-o-transition: all .55s ease;
transition: all .55s ease;
}
#kategorieProduktow_wybrany > .boksyKategorieDuze > div.cover, #kategorieProduktow_wybrany > .boksyKategorieTemp > div.cover, #kategorieProduktow_wybrany > .boksyKategorieSrednie > div, #kategorieProduktow_wybrany > div > .boksyKategorieSrednie > div, #kategorieProduktow_wybrany > div > .boksyKategorieMale > div {
background-size: contain;
}
#kategorieProduktow_wybrany > .boksyKategorieDuze > div.cover, #kategorieProduktow_wybrany > .boksyKategorieSrednie > div.cover, #kategorieProduktow_wybrany > .boksyKategorieTemp > div.cover, #kategorieProduktow_wybrany > div > .boksyKategorieSrednie > div.cover, #kategorieProduktow_wybrany > div > .boksyKategorieMale > div.cover {
background-size: cover;
}
#kategorieProduktow_wybrany > .boksyKategorieDuze > h3, #kategorieProduktow_wybrany > .boksyKategorieTemp > h3 {
padding: 0;
margin: 10px 0 0 0;
height: 45px;
overflow-y: hidden;
font-size: 18px;
}
#kategorieProduktow_wybrany > .boksyKategorieSrednie > h3, #kategorieProduktow_wybrany > div > .boksyKategorieSrednie > h3 {
padding: 0;
margin: 10px 0 0 0;
height: 65px;
overflow-y: hidden;
font-size: 16px;
}
#kategorieProduktow_wybrany > div > .boksyKategorieMale > h3, #kategorieProduktow_wybrany > div > .boksyKategorieMale > h4 {
padding: 0;
margin: 10px 0 0 0;
height: 65px;
overflow-y: hidden;
font-size: 14px;
font-weight: 400;
}
#kategorieProduktow_wybrany > div > .boksyKategorieMale > h4 {
text-align: center;
}
#kategorieProduktow_wybrany > div > .boksyKategorieMale > div > div.logoMarki {
position: absolute;
left: 0;
bottom: 0;
margin: 0 auto;
width: 100%;
padding: 0;
}
#kategorieProduktow_wybrany > div > .boksyKategorieMale > div > div.logoMarki > img {
/* background: #107bd4;*/
height: 30px;
width: auto !important;
margin: 0 auto;
padding: 0;
display: block;
}
#kategorieProduktow_wybrany > div > .boksyKategorieMale > div.logoMarki2 {
padding: 15px 0 0 0;
width: auto;
height: 20px;
}
#kategorieProduktow_wybrany > div > .boksyKategorieMale > div.logoMarki2 > img {
height: 20px;
width: auto !important;
margin: 0 auto;
padding: 0;
display: block;
}
#kategorieProduktow_wybrany > div > .boksyKategorieMale > div.logoMarki3 {
display: block;
margin: 5px 0 0 0;
padding: 10px 10px;
height: auto;
width: auto !important;
/* background: #f4f4f4;*/
border-bottom: 1px solid #f1f1f1;
color: #BBB;
font-weight: 400;
font-size: 14px;
text-align: center;
}
#kategorieProduktow_wybrany > div > .boksyKategorieMale:hover > div.logoMarki3 {
/* background: #f1f1f1;*/
color: #888;
border-bottom: 1px solid #e1e1e1;
-webkit-transition: all .55s ease;
-moz-transition: all .55s ease;
-ms-transition: all .55s ease;
-o-transition: all .55s ease;
transition: all .55s ease;
}
#kategorieProduktow_produkt #tresc1 > div.logoMarkiProdukt {
position: absolute;
left: 0;
top: 25px;
margin: 0;
padding: 0;
z-index: 1000;
}
#kategorieProduktow_produkt #tresc1 > div.logoMarkiProdukt > img {
background: #fff;
/* background: #eef3f6;*/
margin: 0 auto;
padding: 0 0 0 10px;
display: block;
text-align: left;
height: 35px;
}
#kategorieProduktow_produkt #tresc1 > img.logoMarki {
background: #fff;
margin: 5px 0 5px 15px;
padding: 0 0 0 10px;
display: block;
height: 35px;
float: right;
}
#kategorieProduktow_produkt > #trescZakladek .klasaD {
float: right;
margin: 5px 0 5px 15px;
padding: 0 !important;
border-right: 1px solid #CCC;
height: 35px;
}
#kategorieProduktow_wybrany h3.grupa {
padding: 0;
margin: 40px 0;
font-size: 16px;
text-transform: uppercase;
}
#kategorieProduktow_wybrany h3.grupa.pierwszy {
margin-top: 0;
}
#kategorieProduktow_wybrany h3.grupa.zLogo {
display: table;
}
#kategorieProduktow_wybrany h3.grupa.zLogo > span {
display: table-cell;
vertical-align: middle;
padding-right: 10px;
}
/* alternatywny układ produktów w kategorii START */
#kategorieProduktow_wybrany > div > .uklad2 {
display: table;
width: 850px;
padding-bottom: 80px;
}
#kategorieProduktow_wybrany > div > .uklad2 > div {
display: table-cell;
vertical-align: top;
width: 400px;
}
#kategorieProduktow_wybrany > div > .uklad2 > div.zdjecie {
vertical-align: top;
padding-right: 50px;
text-align: center;
position: relative;
}
#kategorieProduktow_wybrany > div > .uklad2 > div.zdjecie > img {
max-width: 350px;
height: auto;
margin: 0 auto;
}
#kategorieProduktow_wybrany > div > .uklad2 > div.produkty > a {
display: table;
width: 188px;
border: 1px solid #fff;
margin: 10px 0 0 0;
}
#kategorieProduktow_wybrany > div > .uklad2 > div.produkty.kolumny > a {
float: left;
margin: 0 0 10px 20px;
}
#kategorieProduktow_wybrany > div > .uklad2 > div.produkty.kolumny > a:nth-of-type(odd) {
margin-left: 0px;
}
#kategorieProduktow_wybrany > div > .uklad2 > div.produkty > a:first-child {
margin: 0;
}
#kategorieProduktow_wybrany > div > .uklad2 > div.produkty > a:hover {
background: #f9fafc;
border: 1px solid #e0e1e1;
}
#kategorieProduktow_wybrany > div > .uklad2 > div.produkty > a > div {
display: table-cell;
width: 8px;
height: 40px;
background: #e0e1e1;
}
#kategorieProduktow_wybrany > div > .uklad2 > div.produkty > a:hover > div {
background: #177fd6;
}
#kategorieProduktow_wybrany > div > .uklad2 > div.produkty > a > h4 {
display: table-cell;
vertical-align: middle;
padding: 0 0 0 10px;
margin: 0;
font-size: 14px;
font-weight: 400;
width: 180px;
}
/* alternatywny układ produktów w kategorii KONIEC */
#kategorieProduktow_produkt > #zdjecie {
display: table-cell;
vertical-align: middle;
text-align: center;
width: 850px;
height: 400px;
padding-bottom: 10px;
padding-left: 0 !important;
padding-right: 0 !important;
position: relative;
}
#kategorieProduktow_produkt > #zdjecie > img {
padding: 0 !important;
}
#kategorieProduktow_produkt > #zdjecie > .kilkaZdjec img {
padding-bottom: 0 !important;
padding-top: 0 !important;
}
.brakzdjecia {
display: block;
padding: 20px;
}
#kategorieProduktow_produkt > #zdjecie > #slider_produkty {
width: 100%;
height: 400px;
position: relative;
padding: 0;
margin: 0 auto;
/* overflow: hidden; */
text-align: center;
}
#kategorieProduktow_produkt > #zdjecie > #slider_produkty > div {
}
#kategorieProduktow_produkt > #zdjecie > #slider_produkty > div > div > img {
float: left;
}
#kategorieProduktow_produkt > #zdjecie > .kilkaZdjec {
width: 100%;
height: 400px;
position: relative;
padding: 0;
margin: 0;
overflow: hidden;
}
#kategorieProduktow_produkt > #zdjecie > .kilkaZdjec > div {
float: left;
}
/* #kategorieProduktow_produkt > #zdjecie > .kilkaZdjec > div.odstep {
float: left;
width: 1px;
margin: 0 20px 0 19px;
height: 400px;
border-left: 1px dashed #dfe0e1;
}
*/ #kategorieProduktow_produkt > div.nawigacjaProdukty {
position: relative;
display: block;
margin: 10px 0;
height: 25px;
}
#kategorieProduktow_produkt > div.nawigacjaProdukty > a {
font-size: 14px;
font-weight: 600;
text-decoration: none;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
opacity: 0.8;
}
#kategorieProduktow_produkt > div.nawigacjaProdukty > a:hover {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1.0;
}
#kategorieProduktow_produkt > div.nawigacjaProdukty > a.nieaktywny, #kategorieProduktow_produkt > div.nawigacjaProdukty > a.nieaktywny:hover {
color: #CCC;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1.0;
}
#kategorieProduktow_produkt > div.nawigacjaProdukty > a:nth-child(1) {
position: absolute;
left: 0;
top: 0;
}
#kategorieProduktow_produkt > div.nawigacjaProdukty > a:nth-child(2) {
position: absolute;
right: 0;
top: 0;
}
#kategorieProduktow_produkt > #listwa {
display: block;
position: relative;
background: #eff1f2;
}
#kategorieProduktow_produkt > #listwa > #menuProdukt {
display: table;
}
#kategorieProduktow_produkt > #listwa > #menuProdukt > .elementMenu {
display: table-cell;
vertical-align: middle;
padding: 10px 15px;
cursor: pointer;
color: #000;
}
#kategorieProduktow_produkt > #trescZakladek {
display: block;
margin-top: 10px;
position: relative;
}
#kategorieProduktow_produkt > #trescZakladek ul {
/* margin: 0;
padding: 0;*/
}
#kategorieProduktow_produkt > #trescZakladek table + p {
padding-top: 10px;
}
#kategorieProduktow_produkt > #trescZakladek table + span {
padding-top: 5px;
display: block;
}
#kategorieProduktow_produkt > #trescZakladek ul + p {
padding-top: 15px;
}
#kategorieProduktow_produkt > #trescZakladek p + table {
padding-top: 15px;
}
#kategorieProduktow_produkt > #trescZakladek ul + table {
padding-top: 15px;
}
#kategorieProduktow_produkt > #trescZakladek .klasaD + h3 {
margin-top: 0;
}
#kategorieProduktow_produkt > #trescZakladek .wymiaryInfo {
margin: 20px 0;
padding: 5px 10px;
display: inline-block;
color: #666;
background: #f4f4f4;
font-size: 12px;
text-align: justify;
border-top: 0 solid #CCC;
border-left: 0 solid #CCC;
font-weight: 600;
}
#kategorieProduktow_produkt > #trescZakladek > div {
padding: 20px;
display: none;
}
#kategorieProduktow_produkt > #trescZakladek ul > li {
/* margin-left: -20px;*/
}
#kategorieProduktow_produkt > #trescZakladek ul > li {
padding: 3px 0px 3px 20px;
list-style: none;
}
#kategorieProduktow_produkt > #trescZakladek > div:first-child {
display: block;
}
#kategorieProduktow_produkt > #trescZakladek h3 {
margin: 30px 0 20px 0;
}
#kategorieProduktow_produkt > #trescZakladek h4 {
padding: 0;
margin: 30px 0 10px 0;
font-size: 18px;
color: #333;
font-weight: 400;
}
#kategorieProduktow_produkt > #trescZakladek h3:first-child, #kategorieProduktow_produkt > #trescZakladek h4:first-child, #kategorieProduktow_produkt > #trescZakladek .logoMarki + h3 {
margin-top: 0;
}
#kategorieProduktow_produkt > #trescZakladek p + h3, #kategorieProduktow_produkt > #trescZakladek p + h4 {
margin-top: 30px !important;
}
#kategorieProduktow_produkt > #trescZakladek a {
font-weight: 400;
}
#kategorieProduktow_produkt > #trescZakladek .wyprzedany {
font-weight: 600;
color: #e52713;
}
#kategorieProduktow_produkt > #trescZakladek .infoPliku {
color: #999;
font-size: 14px;
}
#kategorieProduktow_produkt > #trescZakladek .infoPliku > span {
font-weight: 400;
}
#kategorieProduktow_produkt > #trescZakladek .ikonki article {
display: table;
width: 100%;
margin-top: 30px;
}
#kategorieProduktow_produkt > #trescZakladek .ikonki article:nth-child(1) {
margin-top: 0;
}
#kategorieProduktow_produkt > #trescZakladek .ikonki article > div {
display: table-cell;
vertical-align: middle;
}
#kategorieProduktow_produkt > #trescZakladek .ikonki article > div.ikonka > img {
padding-right: 10px;
}
#kategorieProduktow_produkt > #trescZakladek .ikonki article > div.opis {
line-height: 1.2em;
width: 100%;
}
#kategorieProduktow_produkt > #trescZakladek .ikonki h4 {
margin: 0;
font-size: 16px;
}
#kategorieProduktow_produkt > #trescZakladek .ikonki span {
font-size: 14px;
}
#kategorieProduktow_produkt > #trescZakladek .wykresM {
display: block;
text-align: center;
}
#kategorieProduktow_produkt > #trescZakladek .wykresM > a {
display: inline-block;
margin: 0 0 10px 10px;
border: 1px solid #fff;
cursor: pointer;
}
#kategorieProduktow_produkt > #trescZakladek .wykresM > a:first-child {
margin: 0 0 20px 0;
}
#kategorieProduktow_produkt > #trescZakladek .wykresM > a.aktywny {
border: 1px solid #eee;
}
#kategorieProduktow_produkt > #trescZakladek .wykresM > a > img {
max-width: 185px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
filter: alpha(opacity=40);
opacity: 0.4;
}
#kategorieProduktow_produkt > #trescZakladek .wykresM > a.aktywny > img {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
#kategorieProduktow_produkt > #trescZakladek .wykresD {
display: block;
text-align: center;
margin: 0 0 30px 0;
}
#kategorieProduktow_produkt > #trescZakladek .wykresD > div {
display: none;
}
#kategorieProduktow_produkt > #trescZakladek .wykresD > div:first-child {
display: block;
}
#kategorieProduktow_produkt > #trescZakladek .wykresD > div > img {
max-width: 800px;
}
#kategorieProduktow_produkt > #trescZakladek .kolorystyka p {
display: block;
margin-bottom: 20px;
}
#kategorieProduktow_produkt > #trescZakladek .kolorystyka article {
float: left;
width: 180px;
height: 320px;
margin: 0 0 0 30px;
overflow: hidden;
}
#kategorieProduktow_produkt > #trescZakladek .kolorystyka article:nth-of-type(4n+1) {
margin-left: 0 !important;
}
#kategorieProduktow_produkt > #trescZakladek .kolorystyka article img {
display: block;
margin-bottom: 10px;
}
#kategorieProduktow_produkt > #trescZakladek .kolorystyka article .opis {
display: block;
text-align: center;
}
#kategorieProduktow_produkt > #trescZakladek .kolorystyka article .opis > span {
display: block;
line-height: 1em;
font-size: 14px;
}
#kategorieProduktow_produkt > #trescZakladek .kolorystyka article .opis h4 {
font-weight: 700;
font-size: 24px;
text-align: center;
}
#kategorieProduktow_produkt > #trescZakladek .kolorystyka article .opis h4 > span {
font-weight: 400;
font-size: 14px;
}
#kategorieProduktow_produkt > #trescZakladek .kodZamowienia > .kod {
margin-bottom: 20px;
}
#kategorieProduktow_produkt > #trescZakladek .kodZamowienia > .kod > span {
font-size: 22px;
font-weight: bold;
color: #007dc6;
display: inline-block;
padding: 3px;
cursor: pointer;
}
#kategorieProduktow_produkt > #trescZakladek .kodZamowienia > .kod > span:hover {
background: #007dc6;
color: #fff;
}
#kategorieProduktow_produkt > #trescZakladek .kodZamowienia > .legenda {
display: block;
font-size: 14px;
color: #666;
margin: 15px 3px 10px 3px;
font-weight: bold;
text-transform: uppercase;
}
#kategorieProduktow_produkt > #trescZakladek .kodZamowienia > .legendaTresc {
display: table;
margin: 15px 3px 0 3px;
}
#kategorieProduktow_produkt > #trescZakladek .kodZamowienia > .legendaTresc .kodMaly {
display: table-cell;
vertical-align: top;
text-align: right;
padding: 3px 5px 3px 0;
font-size: 16px;
font-weight: bold;
color: #000;
}
#kategorieProduktow_produkt > #trescZakladek .kodZamowienia > .legendaTresc .opcje {
display: table-cell;
vertical-align: top;
font-size: 16px;
color: #888;
padding: 3px 0 3px 5px;
}
#kategorieProduktow_produkt > #buttonyKontakt {
display: block;
margin: 30px 0 20px 0;
}
#kategorieProduktow_produkt > #buttonyKontakt > a {
display: block;
float: left;
width: 360px;
font-size: 14px;
font-weight: 600;
color: #202223;
padding: 20px;
background: #eef3f6;
opacity: 0.8;
border-top: 3px solid #007dc6;
}
#kategorieProduktow_produkt > #buttonyKontakt > a:first-of-type {
margin-right: 50px;
}
#kategorieProduktow_produkt > #buttonyKontakt > a:hover {
opacity: 1;
}
#kategorieProduktow_produkt > #buttonyKontakt > a > span{
display: block;
font-size: 16px;
font-weight: 600;
color: #007dc6;
padding: 0 0 5 0px;
}
#kategorieProduktow_produkt > #selectsalda {
display: block;
margin: 20px 0 20px 0;
}
#kategorieProduktow_produkt > #selectsalda > a {
display: table;
width: auto;
font-size: 14px;
font-weight: 600;
color: #202223;
padding: 10px 20px;
background: #f9f9f9;
opacity: 0.8;
}
#kategorieProduktow_produkt > #selectsalda > a:hover {
opacity: 1;
background: #f6f6f6;
}
#kategorieProduktow_produkt > #selectsalda > a > .tag {
display: table-cell;
vertical-align: middle;
padding: 0 10px 0 0;
}
#kategorieProduktow_produkt > #selectsalda > a > .tekst {
display: table-cell;
vertical-align: middle;
width: 100%;
}

#kategorieProduktow_produkt > #lindqst {
display: block;
margin: 20px 0 20px 0;
}
#kategorieProduktow_produkt > #lindqst > a {
display: table;
width: calc(100% - 40px);
font-size: 16px;
font-weight: 300;
color: #fff;
padding: 10px 20px;
background: #f26722;
opacity: 0.8;
}
#kategorieProduktow_produkt > #lindqst > a:hover {
opacity: 1;
}
#kategorieProduktow_produkt > #lindqst > a > .tekst {
display: table-cell;
vertical-align: middle;
width: 100%;
text-align: center;
}
#kategorieProduktow_produkt > #lindqst > a > .tekst > span {
font-weight: 600;
}
/* produkt KONIEC */
/* praca + szkolenia START */
#pracaListing {
padding: 20px 0 0 0;
}
#pracaListing > a {
float: left;
min-width: 388px;
width: 388px;
max-width: 388px;
margin: 20px 20px 0 0;
font-weight: 600;
background: #F5F9FA;
padding: 10px;
border: 1px solid #eef3f6;
position: relative;
line-height: 1.2em;
}
#pracaListing.szkolenia > a {
height: 60px;
}
#pracaListing > a:nth-of-type(even) {
margin-right: 0;
}
#pracaListing > a:nth-of-type(1), #pracaListing > a:nth-of-type(2) {
margin-top: 0;
}
#pracaListing > a:hover {
background: #eef3f6;
border: 1px solid #eef3f6;
}
#pracaListing > a > span {
display: block;
font-weight: 400;
font-size: 12px;
text-transform: uppercase;
}
#pracaListing.szkolenia > a > span {
font-size: 14px;
text-transform: none;
}
#pracaListing > a > .rodzajSzkolenia {
position: absolute;
top: 5px;
right: 5px;
background: #6794b9;
font-weight: 600;
font-size: 11px;
text-transform: uppercase;
padding: 2px 5px;
color: #fff;
}
.miejsce.szkolenia {
background: #6794b9;
font-weight: 600;
font-size: 12px;
padding: 2px 5px;
color: #fff;
}
.ogloszenie h2 {
color: #007dc6;
font-size: 30px;
font-weight: 400;
padding: 15px 0 5px 0;
margin: 0;
line-height: 1.2em;
}
.ogloszenie .miejsce {
display: block;
padding: 0 0 10px 0;
color: #007dc6;
font-weight: 300;
}
.ogloszenie .miejsce > span {
font-weight: 400;
}
.ogloszenie .stawka {
background: #007dc6;
display: inline-block;
padding: 10px 10px;
color: #fff;
font-weight: 300;
margin: 10px 0 5px 0;
}
.szkolenie h3 {
font-size: 20px;
font-weight: 600;
padding: 15px 0 10px 0;
margin: 0;
}
.ogloszenie h3 {
font-size: 16px;
font-weight: 600;
padding: 15px 0;
margin: 0;
}
.szkolenie h4 {
font-size: 16px;
font-weight: 400;
padding: 0px 0;
margin: 0;
}
.szkolenie ul {
padding-bottom: 0 !important;
}
.szkolenie .obraz > img {
width: 850px;
height: 250px;
}
.ogloszenie .kontakt > p:nth-of-type(1) {
margin: 30px 0 0 0;
font-weight: 600;
}
.ogloszenie .formulka {
margin: 30px 0 0 0;
padding: 10px;
font-size: 14px;
font-weight: 400;
background: #eef3f6;
}
.ogloszenie .plik {
margin: 20px 0 0 0;
font-size: 16px;
font-weight: 600;
}
.ogloszenie .plik a {
font-weight: 600;
}
.ogloszenie p.aplikuj {
text-align: center !important;
}
.ogloszenie p.aplikuj > a {
background: #b81e16;
padding: 10px 20px;
color: #fff;
font-weight: 600;
}
.ogloszenie p.aplikuj > a:hover {
background: #CD150C;
}
.szkolenie .harmonogram {
display: table;
width: auto;
padding: 0;
margin: 10px 0 15px 0;
/* border: 1px solid #000;*/
}
.szkolenie .harmonogram > .godzina {
display: table-cell;
vertical-align: top;
text-align: right;
white-space: nowrap;
padding: 5px 10px;
font-weight: 400;
background: #007dc6;
color: #fff;
border-bottom: 1px solid #fff;
}
.szkolenie .harmonogram > .tresc {
display: table-cell;
vertical-align: top;
text-align: left;
padding: 5px 10px;
border-bottom: 1px solid #fff;
}
.szkolenie .harmonogram > .tresc ul {
margin-bottom: 0 !important;
}
p#politykaHR {
margin: 20px 0 0 0;
border-top: 1px solid #dfe0e1;
background: #f4f4f4;
padding: 10px !important;
font-weight: 400;
}
#regulaminSzkolen > ul {
margin: 20px 0 0 0;
border-top: 1px solid #dfe0e1;
background: #f4f4f4;
padding: 10px !important;
font-weight: 400;
}
section#aktualneOferty {
padding: 50px 0 0 20px;
}
section#aktualneOferty > a {
display: block;
color: #202223;
padding: 15px 0 15px 0;
border-top: 1px solid #dfe0e1;
}
section#aktualneOferty > a:first-of-type {
padding-top: 0;
border-top: 0;
}
section#aktualneOferty > a > .temat {
display: block;
padding: 0;
}
section#aktualneOferty > a:hover, section#aktualneOferty > a.aktywny {
color: #007dc6;
}
section#aktualneOferty h3 {
display: block;
font-size: 16px;
font-weight: 400;
margin: 0;
padding: 0;
}
section#aktualneOferty .miejsce {
font-weight: 400;
font-size: 12px;
text-transform: uppercase;
}
section#aktualneOferty .wiecej {
padding: 10px 0 0 0;
}
/* praca KONIEC */
/* dobra cena START */
.dobraCenaMarka {
display: block;
text-align: center;
}
.dobraCenaMarka > a {
display: inline;
margin: 20px;
}
#dobraCena > section {
width: 100%;
display: table;
margin-top: 100px;
padding: 20px;
border: 1px solid #fff;
}
#dobraCena > section:hover {
border: 1px solid #CCC;
}
#dobraCena > section:first-child {
margin-top: 0px;
}
#dobraCena > section > div {
display: table-cell;
vertical-align: top;
}
#dobraCena > section > div.zdjecie {
min-width: 490px;
width: 490px;
max-width: 490px;
}
#dobraCena > section > div.zdjecie > img {
min-width: 450px;
width: 450px;
max-width: 450px;
}
#dobraCena > section > div > h3, #dobraCena > section > div > h4 {
margin: 0;
padding: 0;
}
#dobraCena > section > div > .opis {
margin: 20px 0;
}
#dobraCena > section > div > .opis > ul {
margin-top: 20px;
}
#dobraCena > section > div > .t1w tr > td {
padding: 5px 3px;
/* white-space: nowrap !important;*/
font-size: 14px;
}
#dobraCena > section > div > .t1w tr:nth-child(1) > td:nth-child(1) {
text-align: center;
}
#dobraCena > section > div > .t1w tr > td:last-child {
color: #fff;
font-size: 22px;
}
#dobraCena > section > div > .t1w tr:first-child > td:last-child {
font-size: 14px;
}
/* dobra cena KONIEC */
/* historia START */
#historiaOs {
margin: 20px 0 0 0;
display: block;
padding: 20px 0 0 0;
width: 100%;
line-height: 1.5em;
background: url('obrazki/historiaOs.png') repeat-y top center;
text-align: center;
}
#historiaOs > .punkt {
display: block;
margin: 0;
padding: 0 0 160px 0;
width: 100%;
line-height: 1.1em;
background: url('obrazki/historiaOs.png') repeat-y top center;
text-align: center;
position: relative;
}
#historiaOs > .punkt.nieaktywny {
opacity: 0.4;
}
#historiaOs > .punkt > .tekst {
display: block;
width: 400px;
position: absolute;
top: 2px;
font-size: 16px !important;
font-weight: 400;
overflow: hidden;
}
#historiaOs > .punkt:nth-child(even) > .tekst, #historiaOs > .punkt:nth-child(even) > .tekst h4 {
left: 0;
text-align: right;
}
#historiaOs > .punkt:nth-child(odd) > .tekst {
right: 0;
text-align: left;
}
#historiaOs > .punkt > .tekst h3 {
margin: 5px 0 0 0;
padding: 0 0 20px 0;
color: #157ed5;
font-weight: 600;
font-size: 30px;
line-height: 1.3em;
}
#historiaOs > .punkt > .tekst h4 {
margin: 15px 0 5px 0;
padding: 0;
font-weight: 400;
}
#historiaOs > .punkt > .tekst > h4:first-of-type {
margin: 0 0 5px 0;
}
/* historia KONIEC */
/* roadshow START */
#roadshow {
display: table;
margin: 20px 0 0 0;
}
#roadshowOs {
display: table-cell;
vertical-align: top;
padding: 20px 0 0 0;
width: 450px;
line-height: 1.5em;
background: url('obrazki/roadshowOs.png') repeat-y top center;
text-align: center;
}
#roadshowOs > .punkt {
display: block;
margin: 0;
padding: 0 0 50px 0;
width: 100%;
line-height: 1.3em;
text-align: center;
position: relative;
}
#roadshowOs > .punkt > .tablica {
display: block;
width: 350px;
margin: 0 auto;
padding: 2px;
background: #01923f;
border-radius: 5px;
transform: rotate(3deg);
text-align: center;
}
#roadshowOs > .punkt:nth-child(even) > .tablica {
transform: rotate(-3deg);
}
#roadshowOs > .punkt > .tablica.nieaktywny,
#roadshowOs > .punkt > .tablica.nieaktywny > div {
background: #CCC;
}
#roadshowOs > .punkt > .tablica > div {
display: block;
width: auto;
font-size: 18px !important;
font-weight: 300;
overflow: hidden;
margin: 2px;
padding: 10px;
background: #01923f;
color: #fff;
border: 3px solid #fff;
text-align: center;
}
#roadshowOs > .punkt > .tablica h3 {
margin: 0;
padding: 5px;
color: #fff;
font-weight: 600;
font-size: 30px;
line-height: 1.1em;
text-align: center;
}
#roadshowOs > .punkt > .tablica h4 {
margin: 0;
padding: 0;
font-weight: 300;
font-size: 24px;
text-align: center;
}
.roadshowOdstep {
display: table-cell;
width: 50px;
}
#roadshowFoto {
display: table-cell;
vertical-align: top;
width: 350px;
text-align: center;
}
/* roadshow KONIEC */
/* boksy kategorii START */
/* boksy kategorii KONIEC */
footer {
display: block;
border-top: 2px solid #dfe0e1;
font-size: 14px;
}
footer > div {
display: table;
height: 80px;
}
footer > div > div {
display: table-cell;
vertical-align: middle;
}
footer > div > div#menuDolne {
width: 750px;
text-align: left;
color: #646668;
}
footer > div > div#menuDolne a {
color: #646668;
text-decoration: none;
font-weight: 300;
display: inline-block;
margin: 0 10px;
}
footer > div > div#menuDolne a:hover, footer > div > div#menuDolne a.aktywny {
color: #167fd6;
}
footer > div > div#menuDolne a.aktywny {
font-weight: 600;
}
footer > div > div#copyright {
width: 390px;
text-align: right;
color: #646668;
}
footer > div > div#copyright > span {
display: block;
margin: 0 15px;
}
/* MAPA START */
#mapaDystrybutorow_filtry {
display: block;
width: auto;
padding: 5px;
margin: 0 0 10px 0;
background: #f4f4f4;
text-align: center;
}
#mapaDystrybutorow {
display: table;
width: 100%;
}
#mapaDystrybutorow > .mapaDane {
display: table-cell;
vertical-align: top;
width: 850px;
}
#mapaDystrybutorow > .tabelaDane {
display: table-cell;
vertical-align: top;
width: 260px;
}
#mapaAsu {
width: 100%;
height: 900px;
border: 0;
background: #f4f4f4;
}
#mapaAsu .markerOpis {
width: 250px;
text-align: left;
}
#mapaAsu .markerOpis > span {
display: block;
padding: 5px 0;
border-top: 1px dotted #CCC;
}
#mapaAsu .markerOpis > span.nazwa {
font-weight: 600;
border-top: 0;
}
/* MAPA | KONIEC */
.niePokazuj {
display: none !important;
}
ul {
margin: 0;
padding-left: 20px;
}
a {
color: #007dc5;
text-decoration: none;
/* font-weight: 300;*/
}
a:hover {
color: #007dc5;
text-decoration: none;
/* font-weight: 300;*/
}
a.b:hover {
font-weight: 600;
}
a.lszary {
color: #777777;
text-decoration: none;
}
a.lszary:hover {
color: #b81e16;
text-decoration: none;
}
a.lbialy {
color: #fff;
text-decoration: none;
}
a.lbialy:hover {
color: #fff;
text-decoration: none;
}
a.lnaCzerwony {
color: #000;
text-decoration: none;
}
a.lnaCzerwony:hover {
color: #b81e16;
text-decoration: none;
}
a.lczerwony {
color: #b81e16;
text-decoration: none;
}
a.lczerwony:hover {
color: #b81e16;
text-decoration: underline;
}
/* -------- wyszukiwarka --------- */
#wyszukiwarka > a {
display: block;
color: #247cb2;
text-decoration: none;
padding: 0 0 20px 0;
}
#wyszukiwarka > a > .nazwa {
color: #247cb2;
font-size: 16px;
font-weight: 400;
}
#wyszukiwarka > a > .tresc {
color: #999;
font-size: 13px;
padding: 0 0 0 16px;
}
#wyszukiwarka > a:hover > .tresc {
color: #000;
}
/* -------- klasy stałe --------- */
main ol {
margin-left: -15px;
text-align: justify;
}
main ul {
list-style: none;
margin-left: -20px;
text-align: justify;
margin-bottom: 10px;
}
main ul > li {
padding-left: 15px;
}
main li > ul > li, li > ol > li {
margin-left: 0px;
}
.czysc {
clear: both !important;
}
.dtable {
display: table;
}
.drow {
display: table-row;
}
.dcell {
display: table-cell;
}
.lapka {
cursor: pointer;
}
img.wysrodkuj {
vertical-align: middle;
}
img.ramka {
border: 1px solid #ccc;
}
sup, sub {
vertical-align: baseline;
position: relative;
top: -0.4em;
}
sub {
top: 0.4em;
}
.block {
display: inline-block;
}
.pad0x5 {
padding: 0 5px;
}
.pad0x10 {
padding: 0 10px;
}
.pad0x10x0x0 {
padding: 0 15px 0 0;
}
.pad0x20 {
padding: 0 20px;
}
.pad4 {
padding: 4px;
}
.pad5x0 {
padding: 5px 0;
}
.pad5 {
padding: 5px;
}
.pad5x10 {
padding: 5px 10px;
}
.pad5x20 {
padding: 5px 20px;
}
.pad10x0 {
padding: 10px 0;
}
.pad10x5 {
padding: 10px 5px;
}
.pad10 {
padding: 10px;
}
.pad10x20 {
padding: 10px 20px;
}
.pad20x0 {
padding: 20px 0;
}
.pad20x5 {
padding: 20px 5px;
}
.pad20x10 {
padding: 20px 10px;
}
.pad20 {
padding: 20px;
}
.f9 {
font-size: 9px;
}
.f10 {
font-size: 10px;
}
.f11 {
font-size: 11px;
}
.f12 {
font-size: 12px;
}
.f13 {
font-size: 13px;
}
.f14 {
font-size: 14px;
}
.f15 {
font-size: 15px;
}
.f16 {
font-size: 16px;
}
.f17 {
font-size: 17px;
}
.f18 {
font-size: 18px;
}
.f20 {
font-size: 20px;
}
.f22 {
font-size: 22px;
}
.f24 {
font-size: 24px;
}
.f30 {
font-size: 30px;
}
.f32 {
font-size: 32px;
}
.f36 {
font-size: 36px;
}
.center {
text-align: center;
}
.l {
text-align: left;
}
.r {
text-align: right;
}
.j {
text-align: justify;
}
.wysrodkuj {
margin: 0 auto 0 auto;
}
.top {
vertical-align: top;
}
.bottom {
vertical-align: bottom;
}
.middle {
vertical-align: middle;
}
.b {
font-weight: bold;
}
.no_b {
font-weight: normal;
}
.i {
font-style: italic;
}
.no_i {
font-style: normal;
}
.u {
text-decoration: underline;
}
.no_u {
text-decoration: none;
}
.przekresl {
text-decoration: line-through;
}
.orange {
color: #ff6c00;
}
.szary {
color: #4e504e;
}
.szary2 {
color: #777777;
}
.szary3 {
color: #909090;
}
.niebieski {
color: #007dc5;
}
.zielony {
color: #68b745;
}
.roz {
color: #f73543;
}
.bialy {
color: #fff;
}
.czarny {
color: #000;
}
.czerwony {
color: #b81e16;
}
.fiolet {
color: #2d0228;
}
.zolty {
color: yellow;
}
.kolor_salda {
   color: #ed1944;
}
.tloBiale {
background: #fff;
}
.tloSzare {
background: #f9f9f9;
}
.tloCzarne {
background: #000;
}
.tloCzerwone {
background: #b81e16;
}
.tloNiebieskie {
background: #007dc5;
}
.tloNiebieskie2 {
background: #cae2f5;
}
.tloNiebieskie3 {
background: #1e83d7;
}
.stronicowanieCalosc {
width: 100%;
display: block;
padding: 0;
margin: 50px 0 0 0;
}
.stronicowanieDane {
display: table;
padding: 0;
margin: 0 auto;
font-weight: bold;
font-size: 14px;
}
.stronicowanieDane > div {
display: table-cell;
vertical-align: middle;
min-width: 100px;
width: 100px;
max-width: 100px;
padding: 0;
margin: 0 auto;
vertical-align: middle;
}
.stronicowanieDane > div > a, .stronicowanieDane > div > div {
display: inline-block;
padding: 0 5px;
font-size: 1em;
color: #202223;
}
.stronicowanieDane > div > a.aktywna {
font-size: 18px;
color: #167ed5;
font-weight: 400;
}
.stronicowanieDane > div:nth-child(1) {
text-align: left;
}
.stronicowanieDane > div:nth-child(2) {
width: 650px;
min-width: 650px;
max-width: 650px;
text-align: center;
}
.stronicowanieDane > div:nth-child(3) {
text-align: right;
}
.stronicowanieDane a.nieaktywny {
color: #000;
}
.stronicowanieDane a.nieaktywny:hover {
color: #CCC;
}
/* SLIDER */
.slider_elementy, .slider_elementy_produkt, .slider_elementy_produkt_m {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
}
.slider_elementy li, .slider_elementy_produkt li, .slider_elementy_produkt_m li {
-webkit-backface-visibility: hidden;
position: absolute;
display: none;
width: 100%;
left: 0;
top: 0;
}
.slider_elementy_produkt li:first-child, .slider_elementy_produkt_m li:first-child, .slider_elementy li:first-child {
position: relative;
display: block;
float: left;
}
.slider_elementy img {
display: block;
height: auto;
float: left;
width: 100%;
border: 0;
}
.centered-btns_nav, .centered-btns2_nav, .centered-btns3_nav {
z-index: 3;
position: absolute;
-webkit-tap-highlight-color: rgba(0,0,0,0);
top: 50%;
left: -34px;
opacity: 0.3;
text-indent: -9999px;
overflow: hidden;
text-decoration: none;
height: 61px;
width: 38px;
background: transparent url("skrypty/nawigacja.png") no-repeat left top;
margin-top: -45px;
}
.centered-btns2_nav {
left: -10px;
}
.centered-btns3_nav {
left: 0px;
}
.centered-btns_nav:hover, .centered-btns2_nav:hover, .centered-btns3_nav:hover, .centered-btns_nav:active, .centered-btns2_nav:active, .centered-btns3_nav:active {
opacity: 0.7;
}
.centered-btns_nav.next, .centered-btns2_nav.next, .centered-btns3_nav.next {
left: auto;
background-position: right top;
right: -34px;
}
.centered-btns2_nav.next {
right: -10px;
}
.centered-btns3_nav.next {
right: 0px;
}
.centered-btns_nav:focus, .centered-btns2_nav:focus, .centered-btns3_nav:focus {
outline: none;
}
.centered-btns_tabs, .centered-btns2_tabs, .centered-btns3_tabs {
margin-top: 10px;
text-align: center;
}
.centered-btns_tabs li, .centered-btns2_tabs li, .centered-btns3_tabs li {
display: inline;
float: none;
_float: left;
*float: left;
margin-right: 5px;
}
.centered-btns_tabs a, .centered-btns2_tabs a, .centered-btns3_tabs a {
text-indent: -9999px;
overflow: hidden;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
background: #ccc;
background: rgba(0,0,0, .2);
display: inline-block;
_display: block;
*display: block;
-webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
-moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
width: 9px;
height: 9px;
}
.centered-btns_here a, .centered-btns2_here a, .centered-btns3_here a {
background: #222;
background: rgba(0,0,0, .8);
}
#slider_produkty .centered-btns2_nav {
left: -20px;
}
#slider_produkty .centered-btns2_nav.next {
right: -20px;
left: auto;
}
#wrocNaGore {
position: fixed;
z-index: 5000;
bottom: 20px;
right: 20px;
width: 56px;
height: 57px;
display: block;
text-decoration: none;
display: none;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#formularz input[type="checkbox"],
#mapaAsu input[type="checkbox"] {
display: none;
}
#formularz input[type="checkbox"],input[type="radio"],
#mapaAsu input[type="checkbox"],input[type="radio"] {
vertical-align: middle;
}
#formularz input[type="checkbox"]+label,input[type="radio"]+label,
#mapaAsu input[type="checkbox"]+label,input[type="radio"]+label {
cursor: pointer;
color: #999;
}
#formularz input[type="checkbox"]+label:before,input[type="radio"]+label:before,
#mapaAsu input[type="checkbox"]+label:before,input[type="radio"]+label:before {
content: "";
display: inline-block;
width: 18px;
height: 22px;
padding: 1px 4px 0 0;
margin-right: 5px;
vertical-align: middle;
}
#formularz input[type="checkbox"]+label:before,
#mapaAsu input[type="checkbox"]+label:before {
background: url('obrazki/pola_form.png')-22px top no-repeat;
}
#formularz input[type="checkbox"]:checked+label:before,
#mapaAsu input[type="checkbox"]:checked+label:before {
background: url('obrazki/pola_form.png') left top no-repeat;
}
#formularz input[type="checkbox"]:checked+label,
#mapaAsu input[type="checkbox"]:checked+label {
color: #333333;
}
#formularz.kontakt input[type="checkbox"]:checked+label,
#mapaAsu.kontakt input[type="checkbox"]:checked+label {
color: #007dc5;
}
#formularz input[type="radio"]+label:before,
#mapaAsu input[type="radio"]+label:before {
/* background: url('obrazki/pola_form.png')-44px top no-repeat; */
background: url('obrazki/pola_form.png')-22px top no-repeat;
}
#formularz input[type="radio"]:checked+label:before,
#mapaAsu input[type="radio"]:checked+label:before {
/* background: url('obrazki/pola_form.png') left top no-repeat;*/
background: url('obrazki/pola_form.png') left top no-repeat;
}


#newsletter {
   background: #107bd4 url('obrazki/tlo_newsletter.jpg') repeat-y center;
   padding: 30px 0;
   color: ##fff;
}

   #newsletter > div {
      display: table;
   }

      #newsletter > div > .obrazek {
         display: table-cell;
         vertical-align: middle;
         width: 350px;
      }

      #newsletter > div > .zapis {
         display: table-cell;
         vertical-align: middle;
         width: 790px;
         color: #fff;
         line-height: 1.7em;
      }

      #newsletter > div > .zapis > h2 {
         padding: 0;
         margin: 0;
         color: #fff;
         margin: 0 0 15px 0;
         font-size: 36px;
      }

      #newsletter > div > .zapis > a {
         display: inline-block;
         background: #cf5a1a;
         margin-top: 15px;
         padding: 5px 20px 7px 20px;
         font-weight: bold;
         font-size: 16px;
         color: #fff;
         border-radius: 25px;
         opacity: 0.9;
      }

      #newsletter > div > .zapis > a:hover {
         opacity: 1.0;
      }

#outlet {
   width: 100%;
}
   #outlet > a {
      background: #007dc5;
      width: 230px;
      height: 230px;
      display: block;
      padding: 20px;
      margin: 0 0 20px 20px;
      float: left;
      text-align: center;
      color: #fff;
      font-weight: 300;
      font-size: 14px;
   }
   #outlet > a:hover {
      background: #f26722;
      color: #fff;
   }
   #outlet > a.nieaktywny, #outlet > a.nieaktywny:hover {
      background: #f4f4f4;
      color: #CCC;
   }
   #outlet > a:nth-child(3n+1) {
      margin: 0 0 20px 0px;
   }
   #outlet > a > div {
      width: 100%;
      height: 230px;
      display: table;
   }
   #outlet > a > div > div {
      display: table-cell;
      vertical-align: middle;
      text-align: center;
   }
   #outlet > a > div > div > h4 {
      text-align: center !important;
      font-weight: 700 !important;
      height: 43px;
      overflow: hidden;
      color: #fff;
   }
   #outlet > a.nieaktywny > div > div > h4 {
      color: #CCC;
   }
   #outlet > a > div > div > span {
      display: block;
      height: 68px;
      overflow: hidden;
   }
   #outlet > a > div > div > .przycisk {
      background: #fff;
      color: #007dc5;
      margin: 20px 0 0 0;
      padding: 5px 15px;
      display: inline-block;
      font-weight: 600;
   }
   #outlet > a:hover > div > div > .przycisk {
      color: #f26722;
   }
   #outlet > a.nieaktywny > div > div > .przycisk {
      background: #CCC;
      color: #f4f4f4;
   }

#outletLista {
   width: 100%;
}
   #outletLista > .wybierz {
      padding-top:10px;
      margin-bottom:-10px;
      display: block;
      font-weight: 600;
      font-size: 16px;
      color: #007dc5;
   }
   #outletLista > .filtry {
      margin: 25px 0 0 0;
      display: block;
   }
   #outletLista > .filtry > span {
      float: left;
      display: block;
      padding: 5px 7px;
      margin: 0 2px 2px 0;
      background: #007dc5;
      color: #fff;
      font-size: 14px;
      text-transform: uppercase;
      font-weight: 600;
      cursor: pointer;
      opacity: 0.4;
   }
   #outletLista > .filtry > span.n {
      background: #f26722;
   }
   #outletLista > .filtry > span.aktywny, #outletLista > .filtry > span:hover {
      opacity: 1;
   }
   #outletLista > .lista {
      margin: 25px 0 0 0;
      display: block;
   }
   #outletLista > .lista > .produkty {
      margin: 0;
      display: none;
   }
   #outletLista td {
      padding: 2px;
   }
   #outletLista > .lista > .produkty > .outlet_pro {
      margin: 10px 0 0 0;
      display: table;
      background: #f4f4f4;
      width: 100%;
      padding: 10px 0;
      opacity: 0.9;
   }
   #outletLista > .lista > .produkty > .outlet_pro:hover {
      opacity: 1.0;
   }
   #outletLista > .lista > .produkty > .outlet_pro > div.dane {
      display: table-cell;
      text-align: left;
      vertical-align: middle;
      width: 650px;
      padding: 0 10px;
   }
   #outletLista > .lista > .produkty > .outlet_pro > div.dane > span {
      display: block;
      float: left;
      color: #fff;
      padding: 1px 8px;
      font-size: 12px;
      font-weight: bold;
      margin: 0 2px 0 0;
   }
   #outletLista > .lista > .produkty > .outlet_pro > div.dane > .nowosc {
      background: #f26722;
   }
   #outletLista > .lista > .produkty > .outlet_pro > div.dane > .sku {
      background: #808285;
   }
   #outletLista > .lista > .produkty > .outlet_pro > div.dane > .dostepnosc {
      background: #033b5b;
   }
   #outletLista > .lista > .produkty > .outlet_pro > div.dane > .dostepnosc.typZ {
      background: #b81e16;
      font-size: 14px;
   }
   #outletLista > .lista > .produkty > .outlet_pro > div.dane > .dostepnosc.typ0 {
      background: #007dc5;
   }
   #outletLista > .lista > .produkty > .outlet_pro > div.dane > .nazwa {
      display: block;
      font-size: 18px;
      color: #000;
      font-weight: bold;
      margin: 5px 0 0 0;
   }
   #outletLista > .lista > .produkty > .outlet_pro > div.dane > .info {
      display: block;
      font-size: 14px;
      color: #58595b;
      font-weight: 400;
   }
   #outletLista > .lista > .produkty > .outlet_pro > div.ilosciCeny {
      display: table-cell;
      text-align: right;
      vertical-align: middle;
      width: 200px;
      padding: 0 10px;
   }
   #outletLista > .lista > .produkty > .outlet_pro > div.ilosciCeny > .ilosc {
      font-size: 14px;
      color: #033b5b;
      font-weight: 400;
      display: block;
      margin: 0 0 10px 0;
   }
   #outletLista > .lista > .produkty > .outlet_pro > div.ilosciCeny > .ilosc.anim {
      font-size: 14px;
      background: #007dc5;
      color: #fff;
      font-weight: 400;
      display: inline-block;
      padding: 1px 5px;
      animation: komunikatBlink 2s infinite;
   }

   @keyframes komunikatBlink {
      0%{ background-color: #007dc5; }
      25%{ background-color: #007dc5; }
      50%{ background-color: #007dc5; }
      75%{ background-color: #f4f4f4; color: #f4f4f4; }
      100%{ background-color: #007dc5; }
   }
   #outletLista > .lista > .produkty > .outlet_pro > div.ilosciCeny > .ilosc > span {
      font-size: 18px;
      font-weight: 800;
   }
   #outletLista > .lista > .produkty > .outlet_pro > div.ilosciCeny > .cena {
      font-size: 14px;
      color: #f26722;
      font-weight: 400;
   }
   #outletLista > .lista > .produkty > .outlet_pro > div.ilosciCeny > .cena > div > span {
      font-size: 24px;
      font-weight: 800;
   }
   #outletLista > .lista > .produkty > .outlet_pro > div.ilosciCeny > .cena > div > span.brak {
      font-size: 20px;
   }
   #outletLista > .lista > .produkty > .outlet_pro > div.ilosciCeny > .cena .rabat {
      font-size: 14px;
      background: #f26722;
      color: #fff;
      font-weight: 600;
      display: inline-block;
      margin-left: 5px;
      margin-bottom: 20px;
      padding: 1px 3px;
   }