#nav_res {
	position:absolute;
	right:20px;
	top:113px;
	width:40px;
	height:40px;
	display:none;
	z-index:1000;
	text-indent:-9999px;
	background:url(stala/responsive.gif) center center no-repeat #000;
	cursor:pointer;
	padding:11px
}
#nav_res:hover {
	background-color:#212121
}
@media all and (max-width:1444px) {
.nakl_cont {
top:15px
}
}

@media all and (max-width:1340px) {

    .box {
	width: 39%;
	height: 140px;
	margin-top:5px;
	}
    .box .opis {
	width: 80%;
	}

}

@media all and (max-width:1280px) {
#scrollable {
width:100%
}
#fotogl .items div, #fotogl .scrollable {
width:960px;
height:557px
}
.listing, .pod .main {
width:100%
}
.gl {
float:none;
display:inline-block;
vertical-align:top;
margin:5px!important
}
.listing {
clear:both;
float:left;
text-align:center
}
.pracownik, .produkt {
float:none;
display:inline-block;
vertical-align:top;
margin:5px!important
}
.nakl_cont {
top:0
}
#lang {
right:20px
}
#logo {
left:20px
}
#soc {
margin-right:60px
}
.right iframe {
width:100%!important
}
.left, .right {
width:48%
}
.body {
overflow:auto
}
.main {
width:100%;
padding-left:20px;
padding-right:20px
}
}





@media all and (max-width:1024px) {
#duzy_footer .left, .box, aside {
margin-bottom:20px
}
#boxy_gl, .nakl_cont {
left:auto;
clear:both;
float:left
}
#wys, .nakl h6 br, .nakl:before {
display:none
}
#duzy_footer .left, #duzy_footer .right {
clear:both;
float:left;
width:100%;
text-align:left
}
#adres, #godziny {
text-align:left;
width:100%
}
#kform .main {
bottom:auto
}
.pracownik {
opacity:1
}
#content .u3_txt {
opacity:1;
right:auto
}
#content .u3_foto {
opacity:1;
left:auto
}
#boxy_gl {
padding:0 20px
}
.box .opis {
width:89%;
padding-top:20px
}
.box {
width:100%;
opacity:1
}
#anim_txt {
top:auto;
opacity:1
}
.rejestracja a {
font-size:18px
}
.rejestracja {
line-height:50px
}
aside {
overflow:visibility
}
#content_top, .slajd, aside {
height:auto!important
}
.nakl, .nakl_cont {
top:auto;
width:100%;
height:auto;
background:#cfa86a;
text-align:right
}
.nakl {
position:absolute;
right:0;
bottom:0;
padding:20px
}
#boxy_gl, .nakl_cont, header {
position:relative
}
.nakl h6 {
text-align:left;
font-size:22px
}
#boxy_gl {
bottom:auto
}
}
@media all and (max-width:960px) {
#fotogl .items div, #fotogl .scrollable {
width:800px;
height:464px
}
#anim_txt {
font-size:27px!important;
line-height:normal!important
}
.box .opis {
width:84%
}
}
@media all and (max-width:900px) {
.godziny, .rejestracja {
width:100%;
text-align:left;
height:auto!important;
line-height:normal!important
}
#top {
padding:5px 0
}
#kform h5 {
font-size:26px;
margin-bottom:20px;
padding-top:20px
}
}
@media all and (max-width:800px) {
#fotogl .items div img {
float:left;
width:100%;
height:auto
}
#fotogl .items div, #fotogl .scrollable {
width:640px;
height:371px
}
#kform .main {
width:100%
}
}
@media all and (max-width:768px) {
#text_est {
padding-top:0;
padding-bottom:40px;
margin-top:-30px;
text-align:center;
}
 #fotodod a, #soc a, footer img {
display:inline-block
}
#logo, #menur {
position:relative
}
#menur li, .u3_txt {
padding-left:0
}
#adres, #copy, #godziny, #menur li, #soc, .fundusze, .godziny, .rejestracja {
text-align:center
}
#copy, #soc, .fundusze {
clear:both;
float:left;
width:100%
}
footer img {
float:none!important
}
#fotodod a {
float:none;
vertical-align:top
}
#sciezka {
height:auto;
padding-top:10px;
padding-bottom:10px
}
.zapr {
display:block;
margin-top:20px
}
#anim_txt br, #content .text br {
display:none!important
}
header, header #lang, header #logo, header #logo span, header .godziny, header .rejestracja, header .rejestracja a, header nav {
-moz-transition:none;
-webkit-transition:none;
transition:none
}
#zespol h1 {
font-size:26px;
line-height:normal
}
.u1_foto, .u1_txt, .u2_foto, .u2_txt, .u3_foto, .u3_txt, .u4_foto, .u4_txt, .u5_foto, .u5_txt, .u6_foto, .u6_txt {
clear:both;
float:left;
width:100%;
margin:0 0 20px!important;
text-align:center
}
#menur, nav li {
margin:0
}
.u1_foto img, .u2_foto img, .u3_foto img, .u4_foto img, .u5_foto img, .u6_foto img {
width:100%;
height:auto
}
#logo {
top:auto;
left:auto;
display:block;
margin:10px 0 10px 10px
}
#DRIMOlightbox_foto #DRIMOlightbox_fotogl span img {
width:100%!important
}
#DRIMOlightbox_foto #DRIMOlightbox_fotogl span {
width:90%!important
}
.sys_col0, .sys_col1 {
width:100%!important;
clear:both;
float:left
}
.sys_col1 {
margin-left:0
}
#nav_res {
top:50px;
display:block;
z-index:100
}
header .main, nav {
padding:0
}
#menur {
top:0;
left:0;
width:100%;
clear:both;
float:left;
display:none;
background:#fbfbfb;
z-index:1000
}
.terminarz {
top:150px
}
#menur>menu {
width:100%!important;
display:block
}
#menur li {
width:100%;
padding-right:0;
background:0 0;
display:block!important;
margin-bottom:2px
}
#menur li a {
font-size:14px;
margin:0;
color:#000;
padding:5px 0
}
#menur li menu {
position:relative!important;
top:auto!important;
left:auto!important;
padding:10px 0;
display:none;
text-align:center!important
}
#menur li menu a {
padding:15px 0;
margin:0
}
nav li.act a, nav li.s a, nav li:hover a {
color:#fff!important;
text-decoration:none;
background:#d20707;
width:100%;
margin:0;
padding:0
}
.u4_txt {
text-align:left
}

.pracownik {
	text-align:center;
	width:100%;
}

.pracownik img {
	float:none;
}

#fundusze {
display:none;
}

#opis_karta {
		width:100%;
}


#sciezka {
	text-align:center;
	display:none;
}

#text_est {
	width:100%;
}

.u4_txt {
	padding-right:0;
}

.u3_txt {
	padding-left:0;
}

#text_est span {
	margin-right:0;
}

#content {
	margin-top: 30px;
}

#cennik .ngg {
	font-size:14px;
}
#cennik table td {
	font-size: 12px;
	padding:5px;
}

.text font {
	display: block;
}
}
@media all and (max-width:640px) {
#fotogl .items div, #fotogl .scrollable {
width:500px;
height:290px
}
.box .opis {
width:78%
}
}
@media all and (max-width:534px) {
#fotogl .items div, #fotogl .scrollable {
width:480px;
height:278px
}
.box .opis, .form_base .left, .form_base .right {
width:100%
}
#karta #sciezka h1 a, #sciezka h1 {
font-size:18px
}
#kform h5 {
font-size:16px
}
.left, .right {
clear:both;
float:left;
width:100%
}
.box .opis {
clear:both;
float:left;
text-align:center;
padding:0
}
.box {
height:auto
}
.box img {
float:none;
margin:0 auto
}
}
@media all and (max-width:480px) {
.gl img, .nakl_gal {
float:left
}
.nakl_gal img, .terminarz {
display:none
}
#fotogl {
margin-bottom:10px
}
.gl, .produkt {
margin:0 0 20px!important
}
.pracownik {
width:100%
}
.pracownik img {
width:100%;
height:auto
}
#anim_txt {
font-size:18px!important;
line-height:normal!important
}
#sciezka a, .nakl_gal h5 {
font-size:16px;
line-height:normal
}
#fotogl .items div, #fotogl .scrollable {
width:320px;
height:190px
}
#karta img, .gl, .gl img, .nakl_gal, .produkt {
width:100%
}
#sciezka a, .gl, .gl img, .nakl_gal {
height:auto
}
.nakl_gal {
position:relative;
top:auto;
left:auto;
clear:both
}
#karta iframe {
width:100%!important
}
.godziny, .rejestracja, .rejestracja a {
font-size:12px
}
.nakl, .nakl_cont {
background:0 0
}
.nakl {
padding:10px;
background:rgba(0, 0, 0, .6)
}
.opis_animki {
font-size:9px;
text-align:left
}
.nakl h6 {
margin-bottom:5px;
font-size:18px
}
}