@media screen{body > header, body > footer{position:fixed;}
}
body{margin:0;color:#FFF;
background: #000 url(/img/tlo_1920.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
font:normal 12px Verdana, Arial, Helvetica, sans-serif;height:100%;}
h1{font:bold 22px Verdana, Arial, Helvetica, sans-serif;margin:0 0 12px 0;}
h2{font:bold 18px Verdana, Arial, Helvetica, sans-serif;margin:0 0 10px 0;}
strong{font-weight:bold;}
ol{list-style-type:decimal;margin-left: 28px;}
li{}
hr{border:0;height:1px;background-image:-webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));background-image:-moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));background-image:-o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));}
img.res{width:100%;height:auto;}
img.close{float: right;cursor:pointer;opacity:.5;}
img.close:hover{opacity:1;}
.left{float:left;}
.right{float:right;}
.center{text-align:center;}
.clear{clear:both;}
header{position:absolute;top:0;left:0;right:0;height:60px;background:rgba(62,61,49,.15);border-bottom:1px solid rgba(102,102,102,.15);padding:0 0 0 10px;margin:0;z-index:4;}
header:hover{background:rgba(255,255,255,.9);border-bottom:1px solid rgba(102,102,102,.9);-webkit-box-shadow: 4px 4px 8px 0 rgba(0,0,0,.8);
  box-shadow: 4px 4px 8px 0 rgba(0,0,0,.6);}
div#logo{float:left;margin:8px 4px;}
div#logo img{border:0px;z-index:10; opacity:1;}
header:hover div#logo img{opacity:1;}
.portfolio{padding:55px 0 45px 0;}
.menu{float:right;margin:0 4px 0 0;}
.menu ul{font-size:12px;list-style:none;margin:0px 4px;padding:0px;}
.menu ul li{float:left;height:60px;padding:0;font:normal 18px Verdana, Arial, Helvetica, sans-serif;text-align:center;}
.menu ul li a{display:block;height:60px;line-height:60px;text-decoration:none;padding:0 12px;margin:0px;color:rgba(255,255,255,.5);}
header:hover .menu ul li a{color:rgba(56,56,56,1);}
.menu ul li a:hover{display:block;background:rgba(110,109,97,.4);}
.menu ul li.linked{display:block;height:60px;line-height:60px;padding:0;margin:0;color:rgba(255,255,255,.15);background:rgba(78,77,65,.15);border-left:1px rgba(255,255,255,.15) solid;border-right:1px rgba(255,255,255,.15) solid;}
header:hover .menu ul li.linked{color:rgba(255,255,255,1);background:rgba(78,77,65,.2);border-left:1px rgba(255,255,255,.2) solid;border-right:1px rgba(255,255,255,.2) solid;}
footer{background:rgba(62,61,49,.15);height:34px;overflow:hidden;position:absolute;bottom:0px;left:0px;right:0;border-top:1px solid rgba(102,102,102,.15);z-index:2;}
footer:hover{background:rgba(62,61,49,.9);border-top:1px solid rgba(102,102,102,.9);-webkit-box-shadow: 4px -4px 8px 0 rgba(0,0,0,.8);
box-shadow: 4px -4px 8px 0 rgba(0,0,0,.6);}
footer p{margin:3px 8px;font:normal 10px Helvetica, MyriadPro-Cond, Geneva, Arial, sans-serif;color:rgba(153,153,153,.15);}
footer:hover p{color:rgba(153,153,153,1);}
footer a{color:rgba(153,153,153,.5);text-decoration:none;}
footer:hover a{color:rgba(153,153,153,1);}
.slideshow{position:relative;width:464px;margin:0 auto;}
.slideshow a{margin:2px;width:50px;height:50px;background:#fff;padding:2px;box-shadow:0 0 5px #000;}
.slideshow a.selected{}
.slideshow a.selected img{opacity:0.6;filter:alpha(opacity=60);}
.slideshow > a > img{position:static;display:block;}
#prev2 img, #next2 img{opacity:0.4;filter:alpha(opacity=40);margin:14px 0;}
#prev2:hover img, #next2:hover img{opacity:1;filter:alpha(opacity=100);}

#content {
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-image: url(/img/obraz9.jpg);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    border: 1px red dottded;
}
#box {
  min-width: 290px;
  max-width: 980px;
  width:80%;
  height: 80%;
  margin: 0 auto;
  margin-top: 85px;
  margin-bottom: 85px;
  border: 0px red solid;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 4px 4px 8px 0 rgba(0,0,0,.6);
  box-shadow: 4px 4px 8px 0 rgba(0,0,0,.6);
  background:rgba(255,255,255,.8);
  padding: 18px 12px;
  color: #000;
  line-height: 1.6em;
}

.twocolumn{width: 100%;
  column-count: 2; 
  column-gap: 40px;
  -moz-column-count: 2;
  -moz-column-gap: 40px;
  -webkit-column-count: 2;
  -webkit-column-gap: 40px;
}

p.slogan{position:absolute; top:70px; left: 20px; width: 50%; font-size: 3em; color:#FFF;text-shadow: 2px 2px 3px #000;z-index:6;}

#video-controls{
  position:absolute; 
  bottom: 60px; 
  left:20px; z-index:3;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 4px 4px 8px 0 rgba(0,0,0,.2);
  box-shadow: 4px 4px 8px 0 rgba(0,0,0,.2);
  background:rgba(255,255,255,.4);
  padding: 18px 12px;
  color: #000;
}
#video-controls:hover{
  -webkit-box-shadow: 4px 4px 8px 0 rgba(0,0,0,.6);
  box-shadow: 4px 4px 8px 0 rgba(0,0,0,.6);
  background:rgba(255,255,255,.8);
}
#video-controls img{
  opacity:.5;
}
#video-controls:hover img{
  opacity:1;
}

#galeria{width: 670px;  padding: 10px 0; background: #DACDC5;}

.nawigacja{margin:0 auto; padding:2px 0;}
.nawigacja p{text-align:center;}
.btn_prev, .btn_next{color:#333;text-align:center;padding:2px 8px;width:120px;}
.btn_page{color:#333;padding:2px 4px;}
.btn_page_this{color:#666;padding:1px 3px;border:1px #999 solid;}





#cycle-1 div {position: absolute; top:0;left:0;right:0;bottom:0;background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;}

#slideshow-1 {position: absolute; top:0;left:0;right:0;bottom:0;}
.cycle-slideshow img {widths: 100%; display: block; margin: auto;}

.cycle-prev img, .cycle-next img {opacity:0.4; filter:alpha(opacity=40);}
.cycle-prev:hover img, .cycle-next:hover img {opacity:1; filter:alpha(opacity=100);}



@media screen and (max-width:1060px) {
  
}
@media screen and (max-width:1023px){
  p.slogan{font-size: 2.4em;}
  .menu ul li{font-size:13px;}
  .menu ul li a{padding:0 8px;}
}
@media screen and (max-width:767px){
  p.slogan{font-size: 1.8em;}
  .menu{max-width:320px;}
  .menu ul li{font-size:13px;height:30px;}
  .menu ul li.linked{height:30px;line-height:30px}
  .menu ul li a{padding:0 8px;height:30px;line-height:30px;}
  .twocolumn{width: 100%;
    column-count: 1; 
    column-gap: 40px;
    -moz-column-count: 1;
    -moz-column-gap: 40px;
    -webkit-column-count: 1;
    -webkit-column-gap: 40px;
  }
  .nawigacja p{font-size:0.9em;}
}
@media screen and (max-width:599px){
  p.slogan{font-size: 1.4em; left:15px;}
  .menu{max-width:256px;}
  .menu ul li{font-size:11px;}
  .menu ul li a{padding:0 8px;}
}
@media screen and (max-width:479px){
  p.slogan{font-size: 1.2em; left:10px;}
  div#logo{display:none;}
  .menu ul li a{padding:0 8px;}
  .nawigacja p{font-size:0.7em;}
}