@font-face {
    font-family: 'signikaregular';
    src: url('fonts/signika-regular-webfont.eot');
    src: url('fonts/signika-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/signika-regular-webfont.woff') format('woff'),
         url('fonts/signika-regular-webfont.ttf') format('truetype'),
         url('fonts/signika-regular-webfont.svg#signikaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
html {overflow-y: scroll !important;}
body {background-color: #006142;margin:0; padding:0; font-size:14px;color:#fff;line-height:1.2;min-width: 1248px;}
body, input, button, textarea {font-family: "signikaregular", Arial, Helvetica, serif;font-weight: 400;}
a {color:inherit;text-decoration: none;}
img {border: none;}
#galeria .lewo, #galeria .prawo, #logo-b img, a {
  -webkit-transition-property: background-position, background-color, border-color, color, opacity, padding;-webkit-transition-duration: 0.4s;-webkit-transition-timing-function: ease-out;
  -moz-transition-property: background-position, background-color, border-color, color, opacity, padding;-moz-transition-duration: 0.4s;-moz-transition-timing-function: ease-out;
  -ms-transition-property: background-position, background-color, border-color, color, opacity, padding;-ms-transition-duration: 0.4s;-ms-transition-timing-function: ease-out;    
  -o-transition-property: background-position, background-color, border-color, color, opacity, padding;-o-transition-duration: 0.4s;-o-transition-timing-function: ease-out;    
  transition-property: background-position, background-color, border-color, color, opacity, padding;transition-duration: 0.4s;transition-timing-function: ease-out;  
}
.all {
  -webkit-transition-property: all;-webkit-transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;
  -moz-transition-property: all;-moz-transition-duration: 0.3s;-moz-transition-timing-function: ease-out;
  -ms-transition-property: all;-ms-transition-duration: 0.3s;-ms-transition-timing-function: ease-out;    
  -o-transition-property: all;-o-transition-duration: 0.3s;-o-transition-timing-function: ease-out;    
  transition-property: all;transition-duration: 0.3s;transition-timing-function: ease-out;  
}
.clr {clear:both !important; float: none !important; margin: 0 !important; padding: 0 !important;width: auto !important;height: auto !important;display: block !important; position: static !important;border: none !important;}
h1, h2, h3, h4, h5, h6, ul, ol, p {margin:0;}
ul, ol {padding: 0 0 0 17px;}
table {width:100%;}
td {vertical-align: top;}
.page-content {width:1248px;margin: 0 auto;overflow:hidden;}
#menu_toolbar {position:fixed;top:0;left:0;width:100%;background:#006242;background:rgba(0,98,66,0.8);z-index: 2;}
#pages {position: relative;z-index: 1;}
#logo {position: absolute;left:100px;top:0;}
#menu_toolbar ul, #logo {
  -webkit-transition-property: top, left, opacity, margin;-webkit-transition-duration: 0.4s;-webkit-transition-timing-function: ease-out;
  -moz-transition-property: top, left, opacity, margin;-moz-transition-duration: 0.4s;-moz-transition-timing-function: ease-out;
  -ms-transition-property: top, left, opacity, margin;-ms-transition-duration: 0.4s;-ms-transition-timing-function: ease-out;    
  -o-transition-property: top, left, opacity, margin;-o-transition-duration: 0.4s;-o-transition-timing-function: ease-out;    
  transition-property: top, left, opacity, margin;transition-duration: 0.4s;transition-timing-function: ease-out;  
}
#logo a {padding:43px 30px 0px 30px;height:147px;background:#fff;float:left;position:relative;display:block;text-align:center;}
#logo-a img {height:83px; }
#logo-a img, #logo a {
  -webkit-transition-property: opacity, padding, height, background-color;-webkit-transition-duration: 0.4s;-webkit-transition-timing-function: ease-out;
  -moz-transition-property: opacity, padding, height, background-color;-moz-transition-duration: 0.4s;-moz-transition-timing-function: ease-out;
  -ms-transition-property: opacity, padding, height, background-color;-ms-transition-duration: 0.4s;-ms-transition-timing-function: ease-out;    
  -o-transition-property: opacity, padding, height, background-color;-o-transition-duration: 0.4s;-o-transition-timing-function: ease-out;    
  transition-property: opacity, padding, height, background-color;transition-duration: 0.4s;transition-timing-function: ease-out;  
}
#logo a span {display:block;}
#logo a span img {display:block;margin:0 auto}
#logo-b {
  position:absolute;top:132px;left:42px;background:url("images/logo-2b.png") no-repeat center center;
  -webkit-transition-property: top, left;-webkit-transition-duration: 0.4s;-webkit-transition-timing-function: ease-out;
  -moz-transition-property: top, left;-moz-transition-duration: 0.4s;-moz-transition-timing-function: ease-out;
  -ms-transition-property: top, left;-ms-transition-duration: 0.4s;-ms-transition-timing-function: ease-out;    
  -o-transition-property: top, left;-o-transition-duration: 0.4s;-o-transition-timing-function: ease-out;    
  transition-property: top, left;transition-duration: 0.4s;transition-timing-function: ease-out;  
}
#menu_toolbar ul {list-style:none;padding:0;float:left;margin:77px 0 0 358px;}
#menu_toolbar li {float:left;margin:0 20px;}
#menu_toolbar li a {border-bottom:3px solid transparent;display:block;padding-bottom:3px;}
#menu_toolbar li a.clicked, .no-touch #menu_toolbar li a:hover {border-bottom:3px solid #8cc44a;}
.scrolled #logo {left:130px;}
.scrolled #logo a {padding:5px 0 5px 0;height:52px;background:none;}
.scrolled #logo-a img {height:52px;}
.scrolled #logo-b img {filter: alpha(opacity=0) !important;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important;opacity:0 !important;}
.scrolled #logo-b {top:16px;left:60px;}
.scrolled #menu_toolbar {height: 62px;}
.scrolled #menu_toolbar ul {margin-top:23px;}
#o-nas {color:#006242;background: #fff;background: rgba(255,255,255,0.95);}
#o-nas .page-container {}
#o-nas .page-content {padding-top:155px;padding-bottom:30px;}
#o-nas .row {width:700px;margin:0 0 40px 287px;overflow:hidden;position:relative;clear:both;}
#o-nas .row .col {float:right;width:330px;}
#o-nas .row .col:first-child {float:left;}
#o-nas .row .col > img {float:left;}
#o-nas .row .col-text {width:240px;float:right;}

#oferta {background: #006142 url("images/tlo-2a.png") no-repeat center 570px;}
#oferta .page-container {background:rgba(0,97,66,0.8);}
#oferta .page-content {padding-top:155px;padding-bottom:30px;}
#oferta .row {width:700px;margin:0 0 40px 287px;overflow:hidden;position:relative;clear:both;}
#oferta .row .col {float:right;width:330px;}
#oferta .row .col:first-child {float:left;}
#oferta .row .col > img {float:left;}
#oferta .row .col-text {width:240px;float:right;}

#galeria {background: #fff url("images/tlo-2b.png") no-repeat center bottom;background-color: rgba(255,255,255,0.95);}
#galeria .page-content {padding-top:90px;padding-bottom:155px;position: relative;}
#galeria .page-content .galeria {width:830px;height: 541px;margin: 0 auto;overflow: hidden;position: relative;}
#galeria .page-content .galeria ul {width:30000px;position: relative;overflow: hidden;padding:0;margin: 0;}
.js #galeria .page-content .galeria ul {left:-830px;}
.is_csstrans #galeria .page-content .galeria ul {  
  -webkit-transition-property: all;-webkit-transition-duration: 1s;-webkit-transition-timing-function: ease-out;
  -moz-transition-property: all;-moz-transition-duration: 1s;-moz-transition-timing-function: ease-out;
  -ms-transition-property: all;-ms-transition-duration: 1s;-ms-transition-timing-function: ease-out;    
  -o-transition-property: all;-o-transition-duration: 1s;-o-transition-timing-function: ease-out;    
  transition-property: all;transition-duration: 1s;transition-timing-function: ease-out;    
}
.is_csstrans #galeria .page-content .galeria ul.static {
  -webkit-transition-property: none;-webkit-transition-duration: 0s;
  -moz-transition-property: none;-moz-transition-duration: 0s;
  -ms-transition-property: none;-ms-transition-duration: 0s;
  -o-transition-property: none;-o-transition-duration: 0s;
  transition-property: none;transition-duration: 0s;
}
#galeria .page-content .galeria li {width:830px;height: 541px;overflow: hidden;float: left;}
#galeria .page-content .galeria li img {width:100%;height: auto;}
#galeria .lewo, #galeria .prawo {position: absolute;z-index: 10;display: block;width:31px;height: 51px;top:335px;background-position: center center;background-repeat: no-repeat;background-color: transparent;filter: alpha(opacity=60);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";opacity: 0.6;cursor: pointer;}
#galeria .lewo {left:138px;background-image: url("images/lewo.png");}
#galeria .prawo {right:138px;background-image: url("images/prawo.png");}
#galeria .lewo:hover, #galeria .prawo:hover {filter: alpha(opacity=100);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";opacity: 1;}

#mapa {width:100%;min-height: 400px;}
#mapa-bg {height:224px;width:100%;position: absolute;left: 0;top:-130px;background: url("images/zygzak.png") no-repeat center top;z-index: 10001;}
#pages > div {position: relative;z-index: 3;}
#pages #kontakt {background: #8cc44a;z-index: 5;}
#kontakt {padding-top:64px;}
#logo-2 {background:#fff;display:block;float:left;margin-left:100px;margin-right: 0;padding:28px 30px 62px 30px;text-align:center;}
#logo-2 img {display:block;margin:0 auto 6px auto;}
#kontakt .col {float:left;padding-left:55px;margin-top:10px;padding-top:6px;font-size:18px;margin-left:40px;min-height:165px}
#kontakt .col img {display:block;margin-bottom:11px;}
#kontakt .col.kontakt {margin-left:5px;width: 230px;}
#kontakt .col.rezerwacja {width: 265px;}
#kontakt .col.fb img {display:block;margin-bottom:0;}
#kontakt .col.fb {width: 140px;}
#kontakt .col + .col {border-left:1px solid #fff;}

#pages #stopka {position: fixed;left:0;bottom: 0;width:100%;background: #8cc44a;z-index: 4;font-size:11px;}
#stopka {padding:9px 0 0 0;line-height:29px;}
#logo-3 {margin-left:135px;float:left;display:block;}
#logo-3 img {height:29px;}
#stopka .col {float:right;margin-right:30px;}
#stopka .col img {display:inline-block;margin:0 18px 0 30px;position:relative;top:5px;}

.js #menu_toolbar ul {top:-100px;position: relative;}
.js #logo {top:-190px;}
.js #logo-b img {filter: alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity: 0;}
.js #logo-a img {filter: alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity: 0;}
.js #menu_toolbar ul, .js #logo, .js #logo-b img, .js #logo-a img {
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.loaded-2.js #logo {top: 0;}
.loaded-3.js #logo-a img {filter: alpha(opacity=100);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";opacity: 1;}
.loaded-4.js #logo-b img {filter: alpha(opacity=100);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";opacity: 1;}
.loaded-5.js #menu_toolbar ul {top:0;}

.js #pages #stopka {
  bottom: -49px;
  -webkit-transition-property: bottom;-webkit-transition-duration: 0.6s;-webkit-transition-timing-function: ease-out;
  -moz-transition-property: bottom;-moz-transition-duration: 0.6s;-moz-transition-timing-function: ease-out;
  -ms-transition-property: bottom;-ms-transition-duration: 0.6s;-ms-transition-timing-function: ease-out;    
  -o-transition-property: bottom;-o-transition-duration: 0.6s;-o-transition-timing-function: ease-out;    
  transition-property: bottom;transition-duration: 0.6s;transition-timing-function: ease-out;  
}
.loaded-6.js #pages #stopka {bottom: 0px;}

body.js {
  background-image: url("images/tlo-1a.png");background-repeat: no-repeat;background-position: center 300px;
}
body.loaded-7 {  
  -webkit-transition-property: background-position;-webkit-transition-duration: 0.6s;-webkit-transition-timing-function: ease-out;
  -moz-transition-property: background-position;-moz-transition-duration: 0.6s;-moz-transition-timing-function: ease-out;
  -ms-transition-property: background-position;-ms-transition-duration: 0.6s;-ms-transition-timing-function: ease-out;    
  -o-transition-property: background-position;-o-transition-duration: 0.6s;-o-transition-timing-function: ease-out;    
  transition-property: background-position;transition-duration: 0.6s;transition-timing-function: ease-out;  
  background-position: center 300px !important;
}
