@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'Humanist';
    src: url(0855EU27.ttf);
}

* {outline:none;}
body {font-family: 'Humanist', Arial, Helvetica, sans-serif; color:#fff; font-size:13px;}
.wrapp {width:940px; margin:0 auto; }
.wrapp2 {width:700px; margin:0 auto; }
a {color:#fff; text-decoration:underline;} a:hover {text-decoration:none;}
ul.menu li.item-121 a {display:none;}
.ikonki {vertical-align:middle; margin-right:10px; margin-top:-5px; float:left;}
#naglowek {height:10%; width:100%; position:absolute; left:0; z-index:9999999999999999;}
#header {width:100%; height:100%; background:#171a1c; min-height:30px;}
#header ul {float:right; margin-right:15px; margin-top:6px;}
#header ul li {list-style:none; display:inline; padding:0 5px;}
#header ul li a {color:#fff; text-decoration:none; font-size:15px; color:#bbb;}
#header ul li a:hover {color:#888; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease;}
#logotyp {position:absolute; margin-top:-12px; margin-left:-30px;}
#jezyki {position:absolute; margin-top:-40px; margin-left:866px;}
#jezyki a img {opacity:0.35; } #jezyki a:hover img {opacity:1;}
#jezyki a.selected img {opacity:1;}
.scroll-pane {margin-top:6px;min-height:452px;}
.startpl {background: #171a1c url('../images/tlo1.jpg') no-repeat right;}
.ofirmie {background: #171a1c url('../images/tlo2.jpg') no-repeat right;}
.produkty {background: none;}
.galeria {background: #171a1c; overflow:hidden;}
.kontakt {background: #171a1c;}
.kolnierze {background: #171a1c url('../images/tlo6.jpg') no-repeat center;}
.kompletacja {background: #171a1c url('../images/tlo4.jpg') no-repeat center;}
.prefabrykacja {background: #171a1c url('../images/tlo5.jpg') no-repeat center;}
.prefabrykaty {background: #171a1c url('../images/tlo5.jpg') no-repeat center;}
/* 1920 x 1080 piks */
/* 1600 x 900 piks */
/* 1440 x 900 piks */

#wrapper {width:80%; height:95%; margin:3% auto;}
#zawartosc {height:72%;  margin-top:8%; width:100%; position:absolute; left:0; }
#content {width:700px; height:464px; vertical-align:bottom; text-align:left; overflow-y:auto;}
#content-prod {width:700px; height:464px; margin-top:-124px; margin-left:-55px; vertical-align:bottom; text-align:left; overflow-y:auto;}
#content .tresc {padding:20px;} #content .tresc2 {padding:0px;}
.wrapp2 h2 {background:#000; position:absolute; width:660px; margin-top:-50px; padding:5px 20px;}
.produkty {background:url(images/tlo3.png) no-repeat center; margin-top:-24px; margin-left:-5px;}
#prods {position:absolute; margin-left:170px; margin-top:100px;}
#prods a img:hover {
opacity: 0.9;
}
#thumbnails {display:block;}
#stopka { height:8%; width:100%; position:absolute; bottom:4%; left:0; margin-top:2%;}
#stopka-mobilna {display:none;}
#footer {width:100%; height:100%; background:#171a1c url(../images/tlostopka.jpg) no-repeat center; padding:10px;}
footer {display:none;}
#dolnefoto {position:absolute; margin-left:31px; margin-top:-113px;}

/* Mobilne */
@media only screen and (min-width: 480px) and (max-width:1024px) {
body {margin:0 0 100px;}
#jezyki {position:absolute; margin-top:20px; margin-left:866px;}
#zawartosc {height:auto;  width:100%; position:static; float:left;background:#171a1c; }
#content {width:100%; min-width:100%; height:auto; vertical-align:bottom; text-align:left; float:left; overflow-y:hidden;}
#content-prod {width:100%; min-width:100%; text-align:center; height:auto;  margin-top:-124px; margin-left:-55px;  vertical-align:bottom; text-align:left; overflow:hidden;}
#content .tresc {padding:2%; width:96%; }
.wrapp2 h2 {background:#000; position:absolute; width:98%; margin-top:-50px; padding:1%;}
.produkty {background:url(images/tlo3.png) no-repeat center; margin-top:-24px; margin-left:-5px; text-align:center;}
#prods {position:absolute; margin-left:32%; margin-top:100px; }
#prods a img:hover {
opacity: 0.6;
-webkit-transform: rotate(720deg);
transform: rotate(720deg);}
#thumbnails {display:block;}
#header {float:left; width:100%;}
#header ul {float:left; width:98%; margin-top:40px; margin-left:-25px;}
#header ul li {padding:0 20px;}
#header ul li a {font-size:20px;}
#stopka { display:none; }
#wrapper {width:98%; height:auto; margin:3% auto; position:relative;}
footer {
    position: absolute;
	display:inline;
    left: 0;
    margin-top:800px;
    height: 100px;
    width: 100%;
}
#footer {width:100%; height:100%; background:#171a1c url(../images/tlostopka.jpg) no-repeat center; padding:10px; }
.wrapp {width:100%; margin:0 auto; }
.wrapp2 {width:100%; margin:200px auto; }

#naglowek {height:10%; width:100%;  text-align:center; position:relative;}
#mapka {width:100%;}
#logotyp {position:relative; margin-top:10px;}
}
/* 1360 x 768 piks */
@media only screen and (max-height:676px) {
#zawartosc {height:72%;  margin-top:7%; width:100%; position:absolute; left:0; }
#content {width:700px; height:400px; vertical-align:bottom; text-align:left; overflow-y:auto;}
#content-prod {width:700px; height:564px; position:absolute;  margin-top:-144px; margin-left:-55px;  vertical-align:bottom; text-align:left; overflow-y:hidden;}
#mapka {height:240px;}
#thumbnails {display:none;}
}
/* 1280 x 800 piks */
/* 1280 x 1024 piks */
@media (max-width:1280px) {
#zawartosc {height:72%;  margin-top:9%; width:100%; position:absolute; left:0; }
#content {width:700px; height:400px; vertical-align:bottom; text-align:left; overflow-y:auto;}
#content-prod {width:700px; height:564px; position:absolute;  margin-top:-144px; margin-left:-55px;  vertical-align:bottom; text-align:left; overflow-y:hidden;}
#mapka {height:240px;}
#thumbnails {display:none;}
}

/* 1024 x 768 piks */
/*@media (max-width:1024px) {
#zawartosc {height:72%;  margin-top:10%; width:100%; position:absolute; left:0; }
#content {width:700px; height:400px; background:#171a1c; vertical-align:bottom; text-align:left; overflow-y:auto;}
#content-prod {width:700px; height:464px; background:url(../images/tlo3.png) no-repeat center; position:absolute; margin-top:-54px; margin-left:-5px; vertical-align:bottom; text-align:left; overflow-y:auto;}
#mapka {height:240px;}
#thumbnails {display:none;}
#jezyki {position:absolute; margin-top:-26px; margin-left:866px;}
}*/


/* EFEKTY */

.hvr-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {
  -webkit-animation-name: hvr-wobble-vertical;
  animation-name: hvr-wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* Wobble Vertical */
@-webkit-keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.hvr-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {
  -webkit-animation-name: hvr-wobble-vertical;
  animation-name: hvr-wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* SLAJDER */

#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper2 {width:506px; margin:0px auto; display:none}
#wrapper2 * {margin:0; padding:0}
#fullsize {position:relative; width:500px; height:327px; padding:10px 2px; background:#000}

#image {width:500px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(../images/scroll-left.png) left center no-repeat}
#imgnext {right:0; background:url(../images/scroll-right.png) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(../images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px;}
#slideleft {float:left; width:20px; height:61px; background:url(../images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:61px; background:#222 url(../images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}