body {background-color: #FFF; margin: 0 auto; font-family: Roboto; font-weight: 400;   line-height:1.5;margin-top: 85px;}
h4 {font-weight:10}
a {color:#000}  

div.margin { margin:5px} 
  .right {text-align:right}

hr {height:1px; background-color:#EEE; border:0px}

@media only screen and (max-width:870px) {
  
  div.mod_slider {display:none}
  
body {background-color:  #fbfbfb; margin: 0 auto; margin-top: 85px; }


div.social {border-bottom:1px solid; border-color: #d8d8d8; text-align: right; padding: 15px 95px 0px 0px; }
div.social img { margin-right: 10px; cursor: pointer; }
 
div.baner {border:0px #bcbcbc solid;  background: url(images/wood2.jpg); background-position: center; width:100%; height:400px; margin:0 auto; margin-top:110px;}
div.aside {border:0px solid; text-align: justify; margin:0 auto; margin-top: 10px; max-width: 1180px; padding: 0px 0px 30px 0px; color: #666666; font-weight: 300; line-height:1.5; font-size: 16px; width:99% }

p.start_big {font-size: 88pt; font-weight: 300; margin-bottom: -50px; text-align: center}
p.start_small {font-size: 26pt; font-weight: 300; text-align: center}


p.tytul {font-size:36px; color:#BB5824; font-weight:bold; text-align: center; padding: 10px 0px 10px 0px;}
p.tytul:target {padding-top:120px}
div.tytul {border:0px solid; font-weight:bold; border:0px solid red; margin:10px 0px}
div.tytul span {font-size:14px; float:right; margin-top:7px; text-decoration:underline}

p.kom {font-weight:bold; border:1px solid #AAA; padding:10px; border-radius:3px; color:#562312; text-align:center}


a {text-decoration: none;}


img {border: 0px;}
div.clear {clear:both}
div.mod {position:relative; background-color:#FFF}




div.baner_all {border: 4px #309bd7 solid;
margin: 0 auto;
width: 600px; height:400px;
z-index: 900000;
position: absolute;
display: none;
left:50%;
margin-left:-300px;
top: 50%;
margin-top: -200px;
-webkit-box-shadow: 0 1px 10px 1px;
box-shadow: 0 1px 10px 1px;
 background-color:#FFF;
 display:none
}
div.baner_all img {margin: 0 auto; width:601px;}
div.baner_all img.zamykacz {float:right; top:-16px; right:-16px; z-index:990000; position:absolute; cursor:pointer; width:32px}

table.tabela {width:95%;}
td.dana {width:50%; text-align:right; font-weight:bold; padding:5px;}
table.tabela tr:nth-child(2n+1) {
  background-color: #EEEEEE;}  


  
span.buton {font-size:19px; display:table; z-index:10;  background-color:#A7DCCD; text-align:center; padding:12px 10px; cursor:pointer}
span.button:hover {background-color:#2892c1;}


footer {
color: #FFF;
font-size:12px;
margin-top:2em;
text-align:center;
}

footer a {
color:#FFF;
text-decoration:none;
}


div.mod-top {
  border:1px solid #fFF;
  margin-top:85px;
  height:400px;
  background-image: url('gfx/bg_baner.jpg');
  position:relative;
  background-size:cover;
  background-position:right;
  
}

}


div.language_select {border:0px solid green; width:82px; padding:0px; float:left; margin-top:30px; font-family:Roboto;display: none;}
div.language_select span {padding:0 5px;}
div.language_select span:hover {background-color:#156BB5;  color:#FFF}

div.social { text-align: right; padding: 30px 0px 0px 0px; border:0px solid; width:100px; float:right; margin-right: 40px;/*! border: 1px solid red; */}
div.social img { margin-right: 10px; cursor: pointer; width:25px; height:22px}
div.social input {width:120px;}

@media only screen and (max-width: 970px) {
  div.social { text-align: right; padding: 30px 0px 0px 0px; border:px solid; width:60px; float:right; margin-right: 80px;}
  div.social input {width:140px}
  
  div.language_select {font-size:12px; width:40px; margin-top:35px}
  div.language_select span {padding:0px 0px 0px 0px}
}

div.baner {border:0px #bcbcbc solid;  background: url(images/wood2.jpg); background-position: center; width:100%; height:400px; margin:0 auto; margin-top:110px;}
div.aside {border:0px solid; text-align: justify; margin:0 auto; margin-top: 100px; max-width: 1180px; padding:0px 0px 30px 0px; color: #666666; line-height:1.5; font-size: 16px; width:98% }

p.start_big {font-size: 88pt; font-weight: 300; margin-bottom: -50px; text-align: center}
p.start_small {font-size: 26pt; font-weight: 300; text-align: center}


p.tytul {font-size:26px; color:#2892c1; text-align: left; border-bottom:1px solid;font-size: 24px; padding: 10px 0px 0px 0px;margin-top: 0;}
p.tytul:target {padding-top:120px}
div.tytul {border:0px solid; font-weight:bold; border:0px solid red; margin:10px 0px}
div.tytul span {font-size:14px; float:right; margin-top:7px; text-decoration:underline}

p.kom {font-weight:bold; border:1px solid #AAA; padding:10px; border-radius:3px; color:#562312; text-align:center}


a {text-decoration: none;}
a.email { unicode-bidi: bidi-override;
 direction: rtl;}

img {border: 0px;}
div.clear {clear:both}
div.mod {position:relative; background-color:#FFF}



div.baner_all {border: 4px #309bd7 solid;
margin: 0 auto;
width: 600px; height:400px;
z-index: 900000;
position: absolute;
display: none;
left:50%;
margin-left:-300px;
top: 50%;
margin-top: -200px;
-webkit-box-shadow: 0 1px 10px 1px;
box-shadow: 0 1px 10px 1px;
 background-color:#FFF;
 display:none
}
div.baner_all img {margin: 0 auto; width:601px;}
div.baner_all img.zamykacz {float:right; top:-16px; right:-16px; z-index:990000; position:absolute; cursor:pointer; width:32px}

table.tabela,  table.tabela4 {width:98%; margin:0 auto;font-size: 13px;font-family: tahoma;/*! padding: 5px; */border: 1px solid #AAA;border-spacing: 0px;}
table.tabela td.dana {width:50%; text-align:right; font-weight:bold; padding:2px 6px;}
table.tabela tr:nth-child(2n+1), table.tabela4 tr:nth-child(2n+1) {
  background-color: #EEEEEE;}  
table.tabela td {padding:2px 6px;}

table.tabela4 td.dana {width:35%; text-align:right; font-weight:bold; padding:2px 6px;color: #2B4B55;}

table.tabela4 td {padding:2px 6px; width:15%;}

span.buton {font-size:11px; display:table; z-index:10;  background-color:#1168B2; text-align:center; padding:2px 10px; cursor:pointer;color: #FFF;border-radius: 3px;}
span.buton:hover {background-color:#2892c1;}



footer {
color: #FFF;
font-size:12px;
margin-top:2em;
text-align:center;
}

footer a {
color:#FFF;
text-decoration:none;
}


div.mod-top {
  border:1px solid #fFF;
  margin-top:83px;
  height:400px;
  background-image: url('gfx/bg_baner.jpg');
  position:relative;
  background-size:cover;
  background-position:right;
  
}
div.mod-top-bg {background-image: url('gfx/slider1.jpg'); width:100%; height:400px; background-size:cover; background-position:center; padding-top:100px}
div.mod-top-st-left, div.mod-top-st-right{position: absolute; top:200px;}
div.mod-top-st-right {right:50px}
div.mod-top-st-left {left:50px}

p.mod-top-bg-text {position:absolute; left:20%; width:40%}
p.mod-top-bg-text span {font-weight:bold; font-size:25px}


p.button {width:max-content; margin:0 auto; background-color:#1168B2; color:#FFF !important; padding:10px 18px; text-align:center; margin:10px; font-size: 16px;border-radius: 6px;}
p.button:hover {background-color:#2892c1;}

div.navi-top {position:fixed; right:30px; bottom:45px; border:2px solid #444; width:50px; height:35px; text-align:center; padding-top:5px; border-radius:6px; cursor:pointer; background-color:rgba(255,255,255,0.8); display:none;background-image: url('gfx/st_top.png');background-position: center; background-repeat: no-repeat}
div.navi-top:hover {background-color:rgba(240,240,240,1)}

table.cennik {max-width:800px; margin:0 auto; width:90%; border-collapse: collapse;font-size:14px}
table.cennik td {padding:10px; }
table.cennik tr:nth-child(odd) {background-color:#9be0c6}

input[type=text], input[type=email], textarea {width:97%; padding:5px; border-radius:3px; border:1px solid #1168B2; margin-bottom:10px} 
input[type=submit] {width:max-content; margin:0 auto; text-align:center; background-color:#2892c1; border:0; padding:7px 25px;  font-size:14px; cursor:pointer; color:#FFF; margin-top:10px}

div.kontakt {width:96%; max-width:550px; float:left; margin-right:20px; }

ul {}
li {/*! margin:0px 0px 0px 5px; */ color:#444;}
li:nth-last-child(odd) {/*! background-color:#9be0c6; */ /*! padding:5px */}
li:nth-last-child(even) {/*! background-color:#c1f8e3; */ /*! padding:5px */}
div.telbar {position:fixed; bottom:0px; background-color:#2892c1; text-align:center; width:100%; height:40px; align-items: center; display:none }
div.telbar a {color:#FFF; line-height:40px; }
li h4 {margin:2px}

@media only screen and (max-width: 760px) { 
  div.telbar {display:block}
  div.language_select {margin-left:30px}
}

 
.parallax-window {
    min-height: 350px;
    background: transparent;
}

/* podstrona */
div.main {width:100%; padding:20px; box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; max-width:1200px; margin: 0 auto}

div.main h1, div.main h2, div.main h3,h4 {margin-left:0px}
div.main p.tytul {font-size:50px}


/* wyniki wyszukiwania */
div.search-result {padding:20px; box-sizing: border-box; background-color:#ECECEC;  margin:10px 20px}
div.search-result:hover {background-color:#EFEFEF}
div.search-result h3 {margin:0; color:#1168B2;}

.tdformularz p {margin:0}
.white {color:#FFF}

div.prod-menu {width:195px; position:fixed; height:50px; border:0px solid red; bxackground-color:#EFEFEF; padding:0px; top:136px; right:0px}
div.prod-menu-str {position:absolute; left:95px; font-size:33px; font-weight:bold; top:10px; border:1px solid #999; width:50px; text-align:center; border-radius:4px; background-color:#FEFEFE; color:#999; cursor:pointer; z-index:9999999999999999}
div.prod-menu-stl {position:absolute; left:30px; font-size:33px; font-weight:bold; top:10px; border:1px solid #999; width:50px; text-align:center; border-radius:4px; background-color:#FEFEFE; color:#999; cursor:pointer; z-index:9999999999999999}