.manage {
    z-index: 1000000;
    margin-left: -15px;
    margin-top: -10px;
    width: 25px;
    height: 25px;
    background: #fff url(../img/manage.png) center center no-repeat;
	
    border: 1px solid #333;
    padding: 3px;
    position: absolute;
    border-radius: 4px;
    -moz-border-radius: 4px;
}
html {
	width:100vw;
	 overflow-x: hidden;
}


body {
    font-family: 'Open Sans Condensed', sans-serif;
    color: #666;
    background: #fff url(../pliki/tlo.jpg) bottom no-repeat;
	background-size:100%;
	width:100%;
    margin: 0px;
    margin: auto;
    padding: 0px;
    overflow-x: hidden;
    font-size:16px;
	padding-top:140px;
}

#rotate {
position:absolute;
height:100%;
width:100vw;
background:#fff url(../pliki/rtphone.png) center center no-repeat;	
	
	display:none;
	z-index:100000000;
}


#kalendarz {
    width: 100%;
    border: 0px solid red;
    max-width: 340px;
    margin: auto;
    padding-left: 0px;
    min-height: 352px;
}
#naglowek li {
    height: 18px;
    background: #eee;
    color: #222;
    font-weight: bold;
}
#kalendarz a {
    color: #fff !important;
}
#kalendarz p {
    text-align: left;
}
#kalendarz ul {
    margin: 0px;
    padding: 0px;
}
#kalendarz li {
    padding: 5px;
    display: inline-block;
    border: 1px solid #ccc;
    width: 25px;
    height: 30px;
    margin-top: 4px;
    border-radius: 0px;
    vertical-align: top;
}
#kalendarz .akt {
    color: #990000;
    font-weight: bold;
}
#kalendarz .hidden {
    visibility: hidden;
}
.tooltip2 {
    position: relative;
    display: inline-block;
}
/* Tooltip text */

.tooltip2 .tooltiptext {
    visibility: hidden;
    min-width: 150px;
    background-color: #222;
    color: #fff;
    text-align: left;
    padding: 20px;
    border-radius: 0px;
    opacity: 0.9;
    /* Position the tooltip text - see examples below! */

    position: absolute;
    z-index: 1;
}
/* Show the tooltip text when you mouse over the tooltip container */

.tooltip2:hover .tooltiptext {
    visibility: visible;
}
.desaturated {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
}
h2 {
    font-size: 20px;
}
.wrapper {
    margin: 3em 0;
}
a, a:visited, a:hover, a:active {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: relative;
    transition: 0.5s color ease;
    text-decoration: none;
    font-weight: normal;
}
a {color:#52985A;}
a:hover {text-decoration:underline;
color:#333  ;}

a.before:before,
a.after:after {
    content: "";
    transition: 0.5s all ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
}
a.before:before {
    top: -0.25em;
}
a.after:after {
    bottom: -0.25em;
}
a.before:before,
a.after:after {
    height: 3px;
    width: 0;
    background: #52985A ;
}
a.first:after {
    left: 0;
}
a.second:after {
    right: 0;
}
a.third:after,
a.sixth:before,
a.sixth:after {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
a.fourth:before,
a.fourth:after {
    left: 0;
}
a.fifth:before,
a.fifth:after {
    right: 0;
}
a.seventh:before {
    right: 0;
}
a.seventh:after {
    left: 0;
	background:#666;
}
a.eigth:before {
    left: 0;
}
a.eigth:after {
    right: 0;
}
a.before:hover:before,
a.after:hover:after {
    width: 100%;
}
.square {
    box-sizing: border-box;
    margin-left: -0.4em;
    position: relative;
    font-size: 2.5em;
    overflow: hidden;
}
.square a {
    position: static;
    font-size: 100%;
    padding: 0.2em 0.4em;
}
.square:before,
.square:after {
    content: "";
    box-sizing: border-box;
    transition: 0.25s all ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    width: 5px;
    width: 0.35rem;
    height: 0;
    background: #0067a2;
}
.square:before {
    left: 0;
    bottom: -0.2em;
}
.square.individual:before {
    transition-delay: 0.6s;
}
.square:after {
    right: 0;
    top: -0.2em;
}
.square.individual:after {
    transition-delay: 0.2s;
}
.square a:before {
    left: 0;
    transition: 0.25s all ease;
}
.square a:after {
    right: 0;
    transition: 0.25s all ease;
}
.square.individual a:after {
    transition: 0.25s all ease 0.4s;
}
.square:hover:before,
.square:hover:after {
    height: calc(100% + 0.4em);
}
.square:hover a:before,
.square:hover a:after {
    width: 100%;
}
img {
    border: 0px;
}

#kafel1:hover {background:#69C574  url(../pliki/ico_aktualnosci.png) center no-repeat !important;}
#kafel2:hover {background:#F0B948  url(../pliki/ico_galeria.png) center no-repeat !important;}
#kafel3:hover {background:#F08444 url(../pliki/ico_misja.png) center no-repeat !important;}
#kafel4:hover {background:#6196C9   url(../pliki/ico_baza.png) center no-repeat !important;}
#kafel5:hover {background:#988CBD   url(../pliki/ico_kontakt.png) center no-repeat !important;}
#kafel6:hover {background:#CE5B95  url(../pliki/ico_kalendarz.png) center no-repeat !important;}

#kafel11:hover {background-color:#69C574  !important;background-size:50px;}
#kafel12:hover {background-color:#F0B948  !important;background-size:50px;}
#kafel13:hover {background-color:#F08444 !important;background-size:50px;}
#kafel14:hover {background-color:#6196C9  !important;background-size:50px;}
#kafel15:hover {background-color:#988CBD !important;background-size:50px;}
#kafel16:hover {background-color:#CE5B95 !important;background-size:50px;}

.tooltip{
   			display: inline;
    		position: relative;
			min-height:24px;
			
		}
	
		.tooltip:hover:after{
    		background: #333;
    		background: rgba(0,0,0,.8);
    		border-radius: 0px;
    		bottom: 76px;
    		color: #fff;
    		content: attr(tooltip);
    		left: -110px;
    		padding: 5px 15px;
    		position: absolute;
    		z-index: 11111198;
    		width:150px;
			font-weight:normal;
			margin-top:-65px;
			
			
		}
		
		.tooltip:hover:before{
    		border: solid;
    		border-color: #333 transparent;
    		border-width: 6px 6px 0 6px;
    		bottom: 70px;
    		content: "";
    		left: 36px;
			
    		position: absolute;
    		z-index: 11111199;
		}

#header {
    top: 0;
    width: 100%;
    margin: auto;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    border-bottom: 0px solid #52985A;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
	background:none;
    background: #fff;
    opacity: 1;
    position:absolute;
}
#header_text {
    position: absolute;
    z-index: 1;
    margin-top: 100px;
}
#banner {
    margin: auto;
    max-width: 1600px;
    margin-top: 0px;
    border: 0px solid red;
    min-width: 320px;
    padding: 0px 0px;
    height: 140px;

}
#logo {
    position: absolute;
    z-index: 1000;
    height: 135px;
    width: 150px;
    margin: auto;
    margin-left: 30px;
    margin-top: 5px;
	
    border: 0px solid red;
    background: url(../pliki/logo.png) left top no-repeat;
    background-size: contain;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
#logo a {
    display: block;
    width: 100%;
    height: 100%;
}
#footer {
    width: 100%;
    margin: auto;
 margin-top:20px;
margin-bottom:20px;
}
#inner_footer {
	
    border: 0px solid red;
    margin-left: 0px;
    font-size:13px;
}
#footer_tresc {
  
    color: #fff;
     background:#52985A;
 position:absolute;
  padding:30px;
  	width:40%;
  text-align:center;
z-index:2;
height:360px;
}

#footer_tresc a {font-weight: bold;}
#footer a {
    font-size: 13px;
	color:#fff;
	font-weight:normal;
}
#footer a:hover {}

#footer a:visited {}

#my_slideshow_wrapper {
    border: 0px solid red;
    margin: auto;
    margin-bottom: 0px;
    padding: 0px;
    background: none;
    border-bottom:0px solid #fff;
    text-align:center;
	
}
#my_slideshow {
    z-index: 1;
    padding: 0px;
margin:auto;
border:0px solid #111;
border-radius:0px;
}
#my_slideshow img {
  
    border: 0px;
    padding: 0px;
    margin: 0px;
   
}
#my_slideshow ul {
    height: 27px;
    border: 0px solid red;
    margin: 0px;
    padding: 0px;
	padding-top:10px;
    position:absolute;
    z-index: 400000;
    margin-top: -60px;
    list-style: none;
    text-align: center;
   padding-right:0px;
  width:calc(100vw);
 
}
#my_slideshow ul li {
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-left: 5px;
    background: none;
    border-radius: 0%;
	border:0px solid #fff;
}
#my_slideshow ul li a {
    display: block;
      width: 30px;
    height: 30px;
	padding:0px;
    cursor: pointer;
	border:1px solid #fff;
}
#my_slideshow ul li:first-child {
    position: absolute;
    height: 50px;
    width: 50px;
    background: url(../pliki/left.png) center;
    background-size: contain;
    left: 0px;
    margin-left: -70px;
    border-radius: 0px;
    margin-top: -200px;
	display:none;
}
#my_slideshow ul li:last-child {
    position: absolute;
    margin-top: -200px;
    height: 50px;
    width: 50px;
    margin-right: -70px;
    background: url(../pliki/right.png) center;
    background-size: contain;
    right: 0px;
    border-radius: 0px;
	display:none;
}
.active {
    background: none;
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 0%;
	padding:0px !important;
	border:1px solid #52985A !important;
}
#my_slideshow p h1 {
    font-size:23px;
	font-weight:normal;
    margin: 0px;
	padding-bottom:0px;
	padding-top:30px;
	padding-left:15px;
    color: #fff;
	min-width: 400px;
 
   
	margin-left:5px;
	
}
#my_slideshow p div {padding:0px;margin-top:5px;margin-left:20px;margin-right:0px;padding-top:0px; font-size:41px;padding-bottom:30px;}

#my_slideshow p {
	z-index:1000;position:absolute;top:150px;;color:#fff;right:50px;width:600px;text-align:left;
	font-size:18px;	
	padding:0px;
	background:#52985A ;
}

#my_slideshow a {
   position:absolute;
   width:600px;
   height:185px;
   z-index:1001;
}

#my_slideshow a:hover {
    text-decoration: none;
    color: #fff;
	
}
#pagewrapper {
padding-bottom:30px;
}

#page {
    max-width: 1200px;
    margin: auto;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    border: 0px solid #136bb5;
    border-radius: 10px;
	
}
.tresc {
    max-width: 1200px;
    margin: auto;
    padding: 20px;
}
.newsfull ul{

}
#glowna_boxy a:hover{text-decoration:none;}
#test{min-height:300px;}
#alfabet {
    float: right;
    font-size: 36px;
    line-height: 40px;
    color: #333;
    border-left: 1px solid #aaa;
    padding-left: 15px;
}
#alfabet a.after:after {
    bottom: 0.05em;
}
#alfabet a:hover {
    color: #feed00 !important;
}
.miniaturaImg {
    margin-right: 15px;
    width: 200px;
    height: 200px;
    float: left;
}
#mainpage {
    
    max-width: 1200px;
    margin: auto;
    margin-bottom: 0px;
	
	border-radius:10px;
	padding:30px;
	 font-size: 15px;
}
#mainpage img {margin:20px;}
 #katboxWrapper2 {max-width:1200px;background:#fff;border-radius:10px;margin:auto;padding-bottom:30px;text-align:center;margin-top:10px;padding-top:0px;}

#main {
    color: #666;
    min-height: 700px;
    font-size: 16px;
    line-height: 24px;
    padding:20px;
    margin-left: 0px;
	padding-top:0px;

}
#main ul {
    margin: 10px;
}
#main img {
padding:15px;

}

#main a {
    color: #52985A  ;
    text-decoration: none;
    font-weight: bold;
}
#main a:visited {
    color: #52985A  ;
    font-weight: bold;
    text-decoration: none;
    border: 0px;
}
#main a:hover {text-decoration:underline;}

p {
    margin: 0px;
    padding: 0px;
}
#menutop {
    display: none;
}
#menuoptions {}

#menubottom {}

#menu {
	padding-top:70px;
    margin-left: 0px;
 	border-top:0px solid #999;
	margin-right:20px;
	
}
.menu_current {}

#sddm {
    margin: auto;
    padding: 0px;
	padding-right:20px;
    z-index: 1000;
    font-size: 16px;
    border: 0px solid red;
    text-align: right;
    opacity: 1.0;
    margin-top: 0px;
}
#sddm li {
    width: auto;
    display: inline-block;
    vertical-align: top;
    border: 0px solid red;
    border-left: 0px solid #aaa;
    text-align: center;
    margin-top: 0px;

}
#sddm li:first-child {
    border: none;
}
#sddm li a {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    font-weight: normal;
    font-size: 15px;
    margin: 0px 0px;
    color: #000;
    padding: 30px 10px 10px 10px;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    transition: all 0.1s ease;
}
#sddm li a:visited {
    margin: 0px;
}
#sddm li a:hover {}

#sddm li:hover {}

#sddm li:hover a {}

#sddm li:hover div a {}

#sddm li:hover div {
    opacity: 1;
    margin-top: 0px;
    visibility: visible;
}
.menudiv {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    margin-top: 17px;
    margin-left: 0px;
    padding: 0;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    z-index: 100000;
}
.menusubdiv {
   
    border: 0px solid #52985A;
    border-top: 0px solid #52985A;
    box-shadow: 3px 3px 7px #000 ;
	margin-left:0px;
	
	background:#000 ;
	opacity:0.7;
	
}
.pike {
    display: block;
    position: absolute;
    top: -18px;
    left: 15px;
    height: 0;
    border-color: transparent transparent #52985A;
    border-style: solid;
    border-width: 9px;
    text-indent: -10000px;
    z-index: 1000;
    outline: none;
	
}
#sddm div a {
    position: relative;
    display: block;
    margin-bottom: 3px;
    margin-top: 0px;
   
    white-space: nowrap;
    text-align: left;
    text-decoration: none;
    color: #fff;
    font-size: 13px;
    font-weight: normal;
    border: 0px solid #fff;
    padding: 6px;
    padding-top: 11px;
	padding-bottom:9px;
    border-bottom: 0px solid #fff;
    border-top: 0px solid #f6f6f6;
	
	background:#000;
}
#sddm div a:visited {}

#sddm div a:hover {
	text-decoration: none;
    border: 0px;
	background:#52985A;
	color:#fff;
}
/***************************************/

#sddm2 {
    margin: 0px;
    padding: 0px;
    z-index: 1000;
    font-size: 13px;
}
#sddm2 li {
    padding: 0px;
    list-style: none;
    margin-left: 10px;
    width: 220px;
    background: url(../pliki/menu_bg.png) no-repeat;
    margin-bottom: 1px;
}
#sddm2 li:first-child {}#sddm2 li a {
    width: auto;
    display: block;
    text-align: left;
    padding: 10px 10px 10px 10px;
    color: #623624;
    text-decoration: none;
    font-weight: normal;
    margin-top: 0px;
    border-bottom: 1px solid #ddd;
}
#sddm2 li a:hover {
    text-decoration: none;
    background: #623624;
    color: #F3F3F9;
}
#sddm2 div {
    position: absolute;
    visibility: hidden;
    margin-top: -30px;
    margin-left: 160px;
    padding: 0px;
    z-index: 1000;
    border: 1px solid #ccc;
    text-align: right;
    background: #fff;
}
#sddm2 div a {
    position: relative;
    display: block;
    margin-bottom: 0px;
    white-space: nowrap;
    text-align: left;
    text-decoration: none;
    color: #666;
    font-size: 14px;
    font-weight: normal;
    min-width: 160px;
    background: url(../pliki/menu_bg.png) repeat-x;
    border: 0px solid #fff;
    ;
    padding: 14px 10px 12px 20px;
}
#sddm2 div a:hover {
    text-decoration: none;
}
/*************************************/

.button {
    padding: 7px 20px 7px 20px !important;
    border-right: 0px solid #666;
    font-weight: normal;
    text-align: center;
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    border: 0px;
    background: #52985A;
    border-radius:0px;
    font-family: Verdana, sans-serif;
}
.button:hover {}

#newswrapper {
    text-align: center;
}


#newswrapper a {
    color: #333 ;
    text-decoration: none;
    font-weight: bold;
}
#newswrapper a:visited {
    color: #333 ;
    font-weight: bold;
    text-decoration: none;
    border: 0px;
}

#newswrapper .grid-item {opacity:0;}
#pagewrapper #newswrapper .grid-item {opacity:1;}
.newsfull {
    padding: 20px;
	padding-top:0px;
}
.newsfull a {
    font-weight: bold;
}
.newsfull .news_title
{
	font-size:24px !important;
	line-height:28px;
}

.newsfull .news_add {
    display: inline-block;
    text-align: left;
	font-weight:bold;
    margin-left: 0px;
	display:none;
}
.news {
    display: block;
    vertical-align: top;
    text-align: left;
    margin-top: 30px;
   border:0px solid #aaa;
   border-radius:0px;
    padding: 15px;
	margin-right:15px;
	background:none;
}
.news img {
    margin-right: 20px;
}
.news_title {
	color:#333;
    padding-top: 15px;
    font-size: 20px;
    margin-bottom: 5px;
	font-weight:normal;
}
#komentarz {
    width: 620px;
}
#komunikat {
    font-size: 12px;
    font-weight: bold;
}
.news_body {

    display: inline-block;
    vertical-align: top;
    width: 100%;
}


.news_body ul {
  list-style: disc;
  padding: 0;
  margin: 0;
  padding-left:30px;
}

.news_body  li {
  padding-left: 1em; 
  text-indent: -.7em;
}

.news_body  li::before {
 /* content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-top:1px;
  margin-right: 6px;
  background:#666 ;
  color: #666 ; /* or whatever color you prefer */
} 

.news_add {
    text-align: right;
    padding-bottom: 3px;
    font-size: 13px;
    margin-top: 5px;
    font-style: normal;
    display: inline-block;
	background:url(../pliki/kalendarz.png) left no-repeat;
	background-size:contain;
	padding-left:30px;
	color:#52985A;
	border-bottom:0px solid #666;
	font-weight:bold;
}
.news_more {
    margin-top: 15px;
    border: 0px;
    display: inline-block;
    width: 120px;
    margin-right: 20px;
display:none;
}
.news_more a {
    color:#fff !important;
    text-align: right;
    font-size: 13px;
    margin-top: 5px;
    font-style: normal;
    display: inline-block;
	background:#52985A;
	padding:10px !important;
	
}
#back_button {
    margin-top: 20px;
	
    width: 130px;
}
#back_button a {
    padding: 7px 15px 7px 15px !important;
    border-right: 0px solid #666;
    text-align: center;
	background:#52985A ;
	color:#fff;
	font-weight:normal;
    cursor: pointer;
    border: 0px;
	border-radius:0px;
	margin-left:20px;
		display:block;
	margin-bottom:15px;
	font-size:13px;
	text-decoration:none !important;
}
#path {
    height: 15px;
    border: 0px solid red;
    width: 700px;
    margin-left: 0px;
    padding-top: 5px;
    color: #546076;
    font-size: 11px;
    text-align: left;
    padding-bottom: 3px;
    border-bottom: 1px dotted #999999;
}
#path_left {}#path_right {}#path a {
    color: #546076;
    display: inline;
    text-decoration: none;
    padding: 0px;
    font-size: 11px;
    font-weight: normal;
}
#path a:visited {
    color: #546076;
    display: inline;
    text-decoration: none;
    padding: 0px;
    font-size: 11px;
    font-weight: normal;
    border: none;
    background: none;
    margin: 0px;
}
#path a:hover {
    color: #546076;
    display: inline;
    text-decoration: underline;
}
#lang_div {
    color: #666;
    text-align: right;
    border-bottom: 1px solid #888;
    padding-top: 25px;
    padding-bottom: 20px;
    padding-right: 0px;
	display:block;
	position:absolute;
	right:30px;
}
#lang_div a {
    font-size: 16px;
    color: #666;
    display: inline-block;
    text-decoration: none;
    padding: 4px 8px;
    border: 0px;
    margin-right: 0px;
    text-align: center;
    vertical-align: top;
}
#lang_div a:first-child {
    border-right: 0px solid #aaa;
    
}
#lang_div a:hover {}

#social {
    margin-right: 10px;
    margin-bottom: 20px;
}
#search_div {
	float:right;
    text-align: right;
    font-size: 15px;
    border: 0px solid #555;
    padding-top: 20px;
	width:250px;
	margin-right:20px;
	
}
#search_div a {}

#search_header {
    display: none;
}
#searchfield {
    width: 0px;
	display:none;
    font-size: 15px;
    overflow:hidden;
    padding: 5px 9px 5px 9px;
    margin-left: 0px;
    margin-right: 5px;
	font-family: Verdana, sans-serif;
    background: #fff;
    background-size: contain;
    color: #333;
	 -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
	border:1px solid #888;
}
#search_form {
    padding-top: 0px;

}
#search_button {
    border: 0px solid red;
    text-align: center;
    cursor: pointer;
    background: url(../pliki/lupka.png) center no-repeat;
    background-size: contain;
    float: right;
    margin-left: 2px;
    color: #fff;
    height: 35px;
    width: 40px;
    display: none;
}
#contact_data {
    margin-bottom: 10px;
    padding: 10px;
    display: block;
    vertical-align: top;
}
#contact_form {
    max-width: 360px;
    display: block;
    vertical-align: top;
    font-size: 13px;
    font-style: normal;
    padding-top: 0px;
    margin-left: 0px;
    margin: auto;
    margin-top: 10px;
}
#contact_form_header {
    color: #fff;
    font-size: 18px;
    margin-bottom: 25px;
}
#contact_form label{
	display:block;
}
#contact_form select,
#contact_form input {
    margin-top: 4px;
    border: 1px solid #e7ddcf;
    padding: 10px;
    margin-bottom: 5px;
}

#contact_form input[type=text]{
	width:95%;
}
#contact_form textarea {
    margin-top: 4px;
    border: 1px solid #e7ddcf;
    padding: 10px;
    margin-bottom: 5px;

	width:95%;
}
#contact_form img {
    border: 0px;
    margin: 0px;
    padding: 0px;
    border: 0px solid #ccc;
    box-shadow: none;
}
input {
    border: 1px solid #ccc;
    background: #fff;
    color: #333;
    font-size: 13px;
    margin: 4px 0px;
    padding: 2px;
}
input[type=text] {
    padding: 4px;
}
select {
    padding: 4px;
}
textarea {
    border: 1px solid #e7ddcf;
    font-family: Verdana;
    background: #fff;
    color: #333;
    height: 218px;
    font-size: 13px;
    padding: 2px;
    margin-left: 0px;
    margin-top: 4px;
}
#contact_form_button {
    background: #346FB6;
    margin: 6px 4px 10px 0px;
    height: 25px;
    width: 57px;
    color: #fff;
    border: 0px solid #AEC9DB;
    cursor: pointer;
}
.naglowek {
    border-bottom: 0px solid #ddd;
	margin:auto;
	max-width:1200px;
    padding-bottom: 20px;
    margin-top: 0px;
	padding-top:16px;
   text-align:center;
	
  
}
.naglowek h1 {
    font-size: 30px;
    font-weight: normal;
    margin: 0px;
    letter-spacing: 1px;
    padding: 0px 0px;
    display: inline-block;
    min-width: 20px;
    padding: 15px 20px;
    border-bottom: 0px solid #e0ac66;
    color: #111;
    line-height: 30px;
    text-align: center;
	/*text-transform: uppercase;  */
	margin-bottom:0px;
	background:none;
}
.naglowek h2 {
     font-size: 20px;
    font-weight: normal;
    margin: 0px;
    letter-spacing: 1px;
    padding: 0px 0px;
    display: inline-block;
    min-width: 20px;
    padding: 15px 20px;
    border-bottom: 0px solid #e0ac66;
    color: #111;
    line-height: 30px;
    text-align: center;
	
	margin-bottom:0px;
	background:none;
}


#powrot {

	margin-top:10px;
	margin-bottom:10px;
	box-shadow:3px 3px 3px #aaa;
}
#powrot a {
    background: #ACACAC url(../pliki/powrot.png) left no-repeat;
    background-position: 10px;
    color: #fff;
    padding: 15px;
    padding-left: 50px;
    width: auto;
    font-weight: normal;

}
#powrot a:hover {
    text-decoration: none;
}
#side_menu {
    display: inline-blockwidth: 210px;
    margin-top: 0px;
    font-size: 12px;
    color: #666666;
}
.zalaczonepliki {
    margin-left: 20px;
    margin-bottom: 10px;
}
.zalaczonepliki span {
    font-weight: bold;
}
#polozenie_plikow {}

#pliki img {
    border: 0px solid #fff;
    padding: 0px;
    margin-bottom: 10px;
}
#pliki {
    width: 100%;
    text-align: center;
    border: 0px solid red;
    margin: 0px;
    margin: auto;
    padding: 0px;
    margin-top: 0px;
    padding: 0px;
    font-size: 13px;
    display: inline-block;
    vertical-align: top;
}
.pliki_item {
    margin: 20px;
	 padding:0px;
	 background:#fff;
	
}
.pliki_img a{}

.pliki_img{border-radius:0px;}
#lbCenter {border-radius:0px;}
.pliki_nazwa {
    font-weight: bold;
}
.pliki_opis {}.msg_ok {
    border: 1px dashed #666666;
    padding: 10px;
    background: #a9e892;
    margin-top: 10px;
    color: #000;
    z-index: 10000;
}
.msg_err {
    border: 1px dashed #666666;
    padding: 10px;
    background: #ffdee4;
    margin-top: 10px;
    color: #000;
    z-index: 10000;
}
#msg_field {
    color: red;
}
#map_frame {
    margin-left: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
}
#map-canvas {
     height:420px;
	 margin-left:40%;
	 width:60%;
}
#map-canvas img {
    box-shadow: none;
}
.div_katalog_item {
    display: block;
    min-height: 140px;
    background: url(../pliki/tlo_produkty_s.png) top repeat-y;
    padding: 8px;
}
.div_katalog_item_bottom {
    background: url(../pliki/tlo_produkty_d.png) bottom no-repeat;
    height: 10px;
    margin-bottom: 20px;
}
.div_katalog_item:hover {}.div_katalog_item img {
    margin: auto;
}
.div_katalog_item_more {
    text-align: left;
    display: none;
}
.div_katalog_item_title {
    color: #6495D0;
    font-size: 18px;
    border: 0px solid red;
    margin-bottom: 5px;
    display: block;
    margin-top: 5px;
}
/*ankieta */

#ankiety {
    width: 230px;
    font-size: 14px;
    margin-left: 10px;
    margin-top: 10px;
    padding: 10px;
}
#ankiety_header {
    background: none;
    font-size: 26px;
    font-weight: normal;
    margin: 0px;
    letter-spacing: 1px;
    padding: 0px;
    display: inline-block;
    min-width: 230px;
    padding: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    color: #373b2d;
    line-height: 27px;
}
.ankieta_pytanie {
    font-size: 14px;
    margin-bottom: 10px;
    color: #658023;
}
.ankieta_odpowiedz {
    margin-bottom: 2px;
}
#ankieta_button {
    float: right;
    margin-top: -40px;
}
#ankieta_button input {
    padding: 7px 25px 7px 25px !important;
    border-right: 0px solid #666;
    font-weight: normal;
    text-align: center;
    cursor: pointer;
    color: #fff;
    font-size: 14px;
    border: 0px;
    background: #658023;
    border-radius: 5px;
}
#ankieta_wyniki {
    margin-top: 10px;
    margin-bottom: 20px;
}
#ankieta_wyniki input {
    background: none;
    border: none;
    border-bottom: 1px solid #658023;
    cursor: pointer;
    font-size: 11px;
}
/*sidemenu*/

#menu_oferta {
    border: 0px solid red;
}
#menu_oferta div {
    border: 0px solid red;
    width: 180px;
    padding-top: 32px;
    height: 28px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    margin-bottom: 5px;
}
#menu_oferta a {
    display: block;
    padding: 5px;
    color: #333;
    margin-bottom: 2px;
}
#menu_oferta a:hover {
    color: #2985E0;
    text-decoration: none;
}
#sidemenu {
    display: inline-block;
    vertical-align: top;
	width:320px;
	margin-left:40px;
}
#sidemenu ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
#sidemenu_body {
    width: 250px;
    min-height: 150px;
    margin-left: 5px;
    margin-bottom: 20px;
    background:none;
    border-radius: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
}
#sidemenu a {
    display: table-cell;
    background: none;
    text-align: left;
    text-decoration: none;
    font-weight: normal;
    font-size: 15px;
    margin-top: 0px;
    color: #fff;
   
   
	
    margin-bottom: 10px;
	    transition: all 0.5s ease;
    
}
#sidemenu a:visited {}

#sidemenu_body a {}

#sidemenu_body li {}

#sidemenu_body li:hover {}

#sidemenu_body a:hover {}

#sidemenu_body li a:hover {background:#1879b1;}

.sidediv li {}

#sidediv40003 a:hover {}

#sidediv40002 a:hover {}

#sidemenu_header {
    color: #fff;
    font-size: 24px;
    background: url(../pliki/menu_oferta.png) left no-repeat;
    font-weight: normal;
    min-width: 150px;
    margin: 0px;
    letter-spacing: 1px;
    padding-top: 40px;
    margin-bottom: 3px;
    padding-right: 20px;
    text-align: right;
    height: 66px;
    display: none;
}
#sidemenu_bottom {}

.side_kat {
    padding: 5px;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    margin: 5px 5px 5px 5px;
}
#sidemenu a {}

#sidemenu li {
    transition: all 0.5s ease;
}
#sidemenu li:hover {
}
#sidemenu li div {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    margin-left: 200px;
    margin-top: -27px;
    background: #658023;
    min-width: 200px;
    border-left: 4px solid #345513;
    transition: all 0.5s ease;
}
#sidemenu li div a {
    padding: 7px;
    margin: 0px;
}
#sidemenu li:hover div {
    opacity: 1;
    visibility: visible;
    margin-left: 235px;
}
#sidemenu li div a:hover {
    background: #345513;
    ;
}
/*news*/
#kontaktSlajd{
	position:absolute;background:#307AC5;color:#fff;
	top:320px;right:100px;padding:20px;min-width:300px;
	
}
#kontaktSlajd a {color:#fff;}

#submenuPodstron2 a:hover {background:url(../pliki/bg50.png);}

#news_container {
    padding-top: 10px;
}
#news_container a {}#news_container a:hover {}#news_container_header {}#zajawki {
    display: inline-block;
    vertical-align: top;
    max-width: 840px;
}
.glownaBox:hover {}
.boxglowna{
	display:inline-block;
	margin:20px 10px;
	width:210px;

}

.boxglowna a:hover{text-decoration:none;}

.boxglowna:hover .boxglowna_txt {
	padding:20px;
	color:#fff;
	background:#0E5E0D;
}
.boxglowna_img{
	height:200px;
	margin-bottom:5px;
}
.boxglowna_txt {
	padding:20px;
	color:#fff;
	background:#4E5A5C;
}

.zajawkaGlowna {
    display: inline-block;
    vertical-align: top;
    margin-left: 50px;
}
.zajawkaGlowna .image {
    transition: transform 0.5s;
    -webkit-transition: -webkit-transform 0.5s
}
.zajawkaGlowna:hover .image {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
}
.news .image {
    transition: transform 0.5s;
    -webkit-transition: -webkit-transform 0.5s
}
.news:hover .image {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
}
#zajawki a {
    color: #111;
    text-decoration: none;
    font-weight: bold;
}
#kalendariumWrapper {
    display: inline-block;
    vertical-align: top;
    width: 360px;
    margin-left: 70px;
}
#nowosci {
    border: 0px solid #3791fd;
    min-height: 100px;
    text-align:center;
    margin: Auto;
    display: block;
    vertical-align: top;
	
}

.maingallery {opacity:0.95;transition: all 0.5s;
    -webkit-transition: -webkit-transform 0.5s}
.maingallery:hover {opacity:1.0;}
.nowosci {
    display: inline-block;
    vertical-align: top;
    box-shadow: 5px 5px 12px #888;
    width: 290px;
    min-height: 410px;
    margin: 10px 20px;
    padding: 10px;
}
.imagewrapper a {
    width: 100%;
    height: 100%;
    display: block;
}
.imagewrapper a:hover {
    background: url(../pliki/zolty2.jpg) right top no-repeat;
}
.linia {
    border-bottom: 0px dotted #E1E1E1;
    width: 650px;
    margin: auto;
}
#nowosci_title {
    height: 30px;
    padding: 0px 0px;
    font-size: 16px;
    color: #fff;
    margin-bottom: 5px;
}
#nowosci_header {
	 font-size: 30px;
    font-weight: normal;
    margin: auto;
    letter-spacing: 1px;
    padding: 0px;
    display: block;
    padding: 15px 20px;
	padding-left:100px;
	background:url(../pliki/ico_aktuanosci.png) left no-repeat;
    border: 0px solid #bbb;
    color: #333;
    line-height: 30px;
    text-align: center;
	text-shadow:1px 1px 1px #fff;
	margin-bottom:20px;
	max-width:200px;
}
#benef_header {
	 font-size: 30px;
    font-weight: normal;
    margin: auto;
    letter-spacing: 1px;
    padding: 0px;
    display: block;
    padding: 15px 0px;
	padding-left:100px;
	background:url(../pliki/ico_nabory.png) left no-repeat;
    border: 0px solid #bbb;
    color: #333;
    line-height: 30px;
    text-align: center;
	text-shadow:1px 1px 1px #fff;
	margin-bottom:50px;
	
}
.nowosci_title {
    color: #fff;
    font-size: 28px;
    margin-bottom: 20px;
}
.nowosci_more {
    font-size: 13px;
    margin-bottom: 2px;
    height: 25px;
    margin-bottom: 5px;
    background: url(../pliki/linia.png) bottom no-repeat;
    padding-bottom: 5px;
}
.nowosci_more a:hover {
    font-size: 13px;
}
#nowosci_showall {
    padding: 0px 0px;
    text-align: right;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-right: 20px;
    background: url(../pliki/zolty.jpg) right no-repeat;
}
#nowosci img {}.nowosci_add {
    float: right;
    color: #5B80B9;
    font-style: italic;
    padding-top: 5px;
}
#nowosci a {
    color: #333;
    text-decoration: none;
    font-weight: normal;
}
#nowosci a:visited {}#nowosci a:hover {}#nowosci_showall a {
    padding: 0px 15px;
}
#nowosci_showall a:visited {}.nowosci_body {
    font-size: 15px;
    margin-bottom: 10px;
    padding-bottom: 20px;
}
#nowosci2 a {
    color: #fff;
    text-decoration: none;
    font-size: 12px;
}
#nowosci2 a:visited {
    color: #fff;
    text-decoration: none;
}
#nowosci2 a:hover {
    color: #fff;
    text-decoration: underline;
}
#nowosci2 {
    background: #223355 url(../pliki/tlo_news1.png) top left no-repeat;
    width: 284px;
    padding: 10px 15px;
    color: #C1CCDD;
    font-size: 11px;
    border: 0px solid green;
    margin-top: 40px;
    min-height: 195px;
}
#nowosci2_header {
    font-size: 18px;
    color: #fff;
    letter-spacing: 1px;
    margin-bottom: 5px;
    margin-left: 20px;
    margin-top: 1px;
    padding-left: 0px;
    height: 25px;
}
.nowosci2_title {
    font-weight: bold;
    font-size: 13px;
    color: #fff;
}
.nowosci2_body {
    border-bottom: 1px dotted #C1CCDD;
    padding-bottom: 6px;
    margin-bottom: 6px;
}
.nowosci2_more {
    display: none;
}
#nowosci2_showall {
    background: url(../pliki/p_czytaj.png) no-repeat;
    width: 100px;
    height: 18px;
    padding-top: 2px;
    text-align: center;
}
#nowosci2_showall a {
    font-weight: normal;
    font-size: 11px;
}
/*akordeon*/

.toggler {
    margin: 0px;
    color: #fff;
    background: #0e78be;
    cursor: pointer;
    padding-top: 12px;
    padding-left: 10px;
    padding-bottom: 12px;
    height: 18px;
    border-bottom: 0px solid #AAC056;
    margin-bottom: 5px;
}
.element {
    border-left: 0px solid #aaaaaa;
    padding: 0px 20px 20px 10px;
}
.element p {
    padding: 10px 0px;
    text-align: justify;
}
/************paginacja **************/

.paginacja_wrapper {
    text-align: center;
    padding-left: 20px;
    margin-bottom: 10px;
}
.paginacja {
    display: inline-block;
    border: 0px solid #555;
    padding: 10px 15px;
    background-color: #ccc;
    color: #333;

}
.paginacja_current {
    display: inline-block;
    border-bottom: 0px solid #666;
    font-weight: bold;
    padding: 10px 15px;
    background-color: #52985A;
    color: #fff;

}
/************formularz logowania **************/

#strefa_logowania {
    margin-top: 0px;
    border: 0px solid red;
	text-align:center;
    
}
#strefa_logowania input[type=text] {
    height: 18px;
    width: 130px;
    padding-left: 5px;
}
#strefa_logowania input[type=password] {
    height: 18px;
    padding-left: 5px;
    width: 130px;
}
#strefa_logowania img {
    border: 0px;
}
#login_header {}#login_name {
    font-size: 18px;
    margin-left: 5px;
    display: none;
}
#login_form {
	color:#111;
	text-align:right;
    background: url(../pliki/strefa.png) no-repeat;
    padding: 0px;
    display: inline-block;
    margin: auto;
    margin-top: 5px;
    padding: 10px;
   
    font-size: 13px;
}
#login_button {
    background: #71C653;
    text-align: center;
    color: #fff;
    border: 0px;
    font-size: 14px;
    cursor: pointer;
    padding: 7px 15px 7px 15px;
	width:140px;
}
#login_label {
    text-align: right;
}
#password_label {
    text-align: right;
}
/**************************/

#nie_znaleziono {
    font-weight: bold;
    padding: 20px;
    background: url(../pliki/information.png) no-repeat left;
    padding-left: 60px;
    border: 0px dotted #aaa;
}
#szybki_kontakt {
    color:#333;
    border: 0px solid red;
    padding-left: 0px;
    margin-top: 10px;
    padding-top: 0px;
    padding-right: 0px;
    padding: 0px;
    font-size: 14px;
    margin-left: 20px;
position:absolute;

}
#szybki_kontakt HR {
    height: 0px;
    border: 0px;
    border-bottom: 1px solid #fff;
}
#szybki_kontakt a {
    color: #333;
    text-decoration: none;
}
#szybki_kontakt a:visited {
    color: #333;
    text-decoration: none;
}
#szybki_kontakt a:hover {
    text-decoration: underline;
    color: #333;
}
#szybki_kontakt_header {
    padding: 0px 0px;
    color: #DD231D;
    font-size: 20px;
    text-align: left;
    margin-bottom: 10px;
    margin-left: 0px;
    text-shadow: 1px 1px 1px #999;
    display: none;
}
.submenu_div {
    padding-left: 20px;
    display: none;
}
#login_user_name {
    margin-right: 10px;
    margin-left: 15px;
}
#login_option_list {
    display: inline;
    width: 100px;
    height: 20px;
}
#wyloguj {
    background: #aac056;
    text-align: center;
    color: #fff;
    border: 0px;
    font-size: 11px;
    cursor: pointer;
}
#login_option_list a:hover {
    text-decoration: underline;
}
#bottom_menu {
    border-bottom: 0px solid #fff;
    margin-left: 0px;
    padding-bottom: 5px;
    text-align: center;
    margin-top: 0px;
}
#bottom_menu a {
    background: url(../pliki/bullet.png) left no-repeat;
    display: inline-block;
    font-weight: normal;
    padding: 5px 10px 5px 10px;
    font-size: 14px;
    margin: 0px;
    color: #fff;
    text-decoration: none;
	text-transform:uppercase;
}
#bottom_menu a:hover {}

#mainwrapper {
	max-width: 840px;
    margin: auto;
	display:inline-block;
	vertical-align:top;
	width:830px;
}
.links_body {
    background: #fff;
    border-radius: 10px;
}
.links_block {
    text-align: center;
    border: 0px solid #333;
    display: block;
	margin:auto;
    padding-bottom: 10px;
}
.links_block img {
   
}
.links_block div {
    padding-top: 150px;
}
.links_block img {
    width: 100%;
    height: 100%;
    display: block;
}
.links_block div {
    width: 100%;
    height: 100%;
    display: block;
}
.links_block a {
    font-size: 21px;
    display: block;
    color: #fff;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.links_block a:hover {}#mapastrony {
    position: absolute;
    margin-left: 750px;
    margin-top: 40px;
}
#mapastrony a {
    font-size: 11px;
    color: #BC1234;
}
#wykonanie {
    text-align: center;
    font-size: 12px;
    border-top: 0px solid #fff;
    margin-left: 0px;
    color: #000;
  
	padding:20px;
	 padding-top:20px;
	 padding-bottom:20px;
   
	background:#fff;
	opacity:0.95;
	
	z-index:10000000;
	bottom:0px;
}
#wykonanie a {
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    font-weight: normal;
    color: #333;
    text-decoration: none;
}

#submenuPodstron {background:#52985A url(../pliki/more2.png) left no-repeat;}
#submenuPodstron a{color:#fff !important ;}
#submenuPodstron a:hover{color:#52985A !important ; background:#fff !important;}

.folder_header {
    color: #666;
   font-size:16px;
    font-weight: normal;
    padding-left: 0px;
    border-bottom: 0px solid #aaa;
    padding: 10px 20px;
    background:none;
    width:auto;
    min-width:300px;	
	text-align:left;
}
.news_title a {
    padding-top: 15px;
    font-size: 20px;
    margin-bottom: 15px;
	
}
.news_title a:hover {
   text-decoration:none !important;
   color:#52985A !important;
}

.news_img {
    width: 323px;
    height: 200px;
}
#comments_header {
    font-weight: bold;
    padding-top: 10px;
}
.comments_date {
    text-align: right;
    font-size: 12px;
}
.comments_body {
    font-size: 12px;
}
.cena {
    margin-top: 13px;
    font-size: 18px;
}
#poleTextowe a {color:#fff;margin-top:10px;border-top:1px solid #fff;border-bottom:1px solid #fff;padding:10px 20px;display:inline-block;}

#contact_tresc {
    float: right;
    width: 300px;
}
.oferta_item {
    vertical-align: top;
    width: 200px;
    display: inline-block;
    padding: 10px;
    border: 1px solid #ccc;
    box-shadow: 0px 0px 5px #ccc;
    margin: 0px 10px 30px 10px;
    font-size: 16px;
    font-weight: bold;
    color: #6495D0;
}
.oferta_item img {
    margin: 0px;
    padding: 0px;
}
.oferta_item a {
    font-size: 14px;
    color: #667079;
}
.oferta_item_body {
    height: 180px;
}
.oferta_wiecej {
    margin-top: -10px;
    background: #6495D0;
    position: absolute;
    margin-left: 100px;
    color: #fff;
    padding: 10px 20px;
    text-align: center;
}
.do_koszyka {
    float: right;
    margin-top: -30px;
}
#toplink {
    margin-top: -140px;
    position: Absolute;
}
#toTop {
    width: 50px;
    height: 50px;
    background: url(../pliki/top.png);
    position: fixed;
    right: 10px;
    bottom: 100px;
    opacity: 0;
    -moz-transition: all 2s ease-in;
    -o-transition: all 2s ease-in;
    -ms-transition: all 2s ease-in;
    transition: all 2s ease-in;
	z-index:3;
}
#toTop a {
    display: block;
    height: 50px;
}
.box {
    min-height: 285px;
    width: 360px;
    display: inline-block;
    margin: 0px;
    border: 0px solid red;
    vertical-align: top;
    color: #fff;
    margin: 20px;
}
.link {
    background: #fff;
    opacity: 0.1;
    margin-top: -30px;
    margin-left: -30px;
    min-height: 285px;
    width: 360px;
    position: absolute;
    display: none;
}
.box_title {
    font-size: 24px;
    margin-bottom: 20px;
    margin-top: 15px;
}
.box a {
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    padding: 30px;
    color: #fff;
    display: block;
    height: 100%;
    font-weight: normal;
}
.box a:hover {
    text-decoration: none;
}
.box a:hover .link {
    display: block;
}
.box_img {
    height: 60px;
}
.news_link {
    color: #7b0077;
}
.powiazane {
    display: inline-block;
    margin-right: 10px;
    padding: 5px 10px;
    background: #e3e3e3;
    border-radius: 5px;
    margin-top: 5px;
}
#tableka td {
    color: #fff;
}
.katbox a:hover {text-decoration:none;}
.katbox {
	 -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    background: #52985A  ;
    border: 0px solid #aaa;
    padding: 0px;
    display: inline-block;
    font-size: 13px;
    border: 1px solid #111;
	border-radius:0px;
    margin: 10px;
    width: 360px;
    vertical-align: top;
	min-height:255px;
    text-align: center;
   	-moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.katbox:hover {
    /*box-shadow: 6px 6px 13px #aaa;
    margin-left: 9px;
    margin-top: 9px;
    margin-right: 11px;
    margin-bottom: 11px;*/
	background: #000   ;
}
.katbox span {
    font-weight: normal;
    color: #fff;
	background:none;
	padding:20px 10px;
	display:block;
	margin-top:5px;
	font-size:20px;
}
.katbox2 {
	 -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    background: #98D887  ;
    border: 0px solid #aaa;
    padding: 0px;
    display: inline-block;
    font-size: 13px;
    border-bottom: 0px solid #111;
	border-radius:0px;
    margin: 10px;
    width: 260px;
    vertical-align: top;
	min-height:255px;
    text-align: center;

	-moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.katbox2:hover {
    /*box-shadow: 6px 6px 13px #aaa;
    margin-left: 9px;
    margin-top: 9px;
    margin-right: 11px;
    margin-bottom: 11px;*/
	background: #71C653   ;
}
.katbox2 span {
    font-weight: normal;
    color: #fff;
	background:none;
	padding:20px 10px;
	display:block;
	margin-top:5px;
	font-size:20px;
}
.imagewrapper div .oko {
opacity:0;
-moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.imagewrapper div {
-moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


.katbox a:hover span {background:none;}
.katbox a:hover .imagewrapper div {transform: scale(1.0); -webkit-transform: scale(1.0);}
.katbox a:hover .imagewrapper .oko{}


#katboxWrapper {
    text-align: center;
    padding-bottom: 20px;
	max-width:600px;
	margin:auto;
	display:inline-block;
}
#boxWrapper2 {
    text-align: center;
    padding-bottom: 20px;
	max-width:600px;
	margin:auto;
	display:inline-block;
}

#twarze {
    margin-top: 10px;
    width: 750px;
    height: 600px;
}


#scrollProduct{
border-top:0px solid #555;
margin-bottom:0px;
background:#fff;
}


#outer1{
  visibility: hidden;
}

#outer1 #moduleScroller1{
  position : relative;
  padding: 0px;
  margin: 0px;
}

#outer1 #moduleScroller1 #container1 .small_pictures1 {
  height: 100px;
  float: left;
  margin: 0px 0px 0px 3px;

  }
.small_pictures1 {
	  -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
}
.small_pictures1:hover {
	  -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    filter: grayscale(0%);
}
#outer1 #moduleScroller1 #container1 {
  width: 100%;
  height: 100px;
  overflow: hidden;
  cursor: pointer;
  padding: 0px;
  padding-top: 7px;
  margin:10px;
   border:0px solid red;

  }

#outer1 #moduleScroller1 #container1 .band1 {
  width: 0px;
  height: 100px;
  padding: 0px;
  margin: 0px;
}

#viewer1{
  z-index:100;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  padding: 5px;
  margin: 0px;
  position : absolute;
  left : 170px;
  top : 10px;
  height: 0px;
  width : 220px;
  background: #000000 url('../Pics/ie-gradient.png') repeat-x;
  background: -moz-linear-gradient(bottom,  #000,  #444);
  background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
  text-align: center;
  color: #EEE;
  font-size: 16px;
  border: 2px #FFFFFF solid;
  box-shadow: 3px 3px 10px #888;
  -moz-box-shadow: 3px 3px 10px #888;
  -webkit-box-shadow: 3px 3px 10px #888;
  visibility: hidden;
display:none;
}
 #viewer1 div div{
  text-align: left;
  padding: 5px;
}
 #viewer1 .prod_price{
  font-size: 80%;
  text-align: right;
  color: #F8D202;
}
#viewer1 .prod_price .text{
  color: #FFFFFF;
}


.mobile {
    display: none;
}
#bodybg {
    padding-top: 500px;
}
#mobilemenu {
    display: none;
    background: #52985A ;
    margin-top: 76px;
    width: 320px;
    position: absolute;
    z-index: 10000002;
    right: 10px;
    border: 1px solid #333;
    border-radius: 0px;
    color: #fff;
}
#mobilemenu li {
    list-style: none;
    padding: 0px 20px;
}
#mobilemenu ul {
    padding: 0px;
}
#mobilemenu a {
    color: #fff;
    padding: 8px;
    text-decoration: none;
    display: block;
    font-weight: normal;
    font-size: 18px;
    border-bottom: 0px solid #fff;
}
#mobilemenubt {
    display: none;
   font-size:40px;
    color:#52985A;
    float: right;
    margin: 10px;
	margin-right:30px;
    margin-top: 15px;
    cursor: pointer;
}


#toSkip {
    width: 70px;
    height: 70px;
    z-index: 1000000;
    background: #346FB6 url(../pliki/bottom.png) center no-repeat;
    position: absolute;
    top: calc(100vh - 210px);
    right: calc(50vw - 35px);
    opacity: 1;
    -moz-transition: all 2s ease-in;
    -o-transition: all 2s ease-in;
    -ms-transition: all 2s ease-in;
    transition: all 2s ease-in;
    z-index: 1000000;
	border-radius:50%;
}

#toSkip a {
    display: block;
    height: 50px;
}
#licznik {position:absolute;    z-index: 10000001;margin-left:20px;margin-top:-30px;font-size:14px;}
	.display670 {display:none;}
	
#wizytowka a {color:#fff !important;font-weight:bold;}	
	
	
@media screen and (max-width: 1500px) {
	
   #slogandivider {display:none !important;}
}


@media screen and (max-width: 1280px) {
	#kontaktSlajd{top:150px;}
}

@media screen and (max-width: 1200px) {
    #mainpage {
       display:none;
    }
	.slogan {display:none;}
    #alfabet {
        margin-right: 15px;
        position: absolute;
        right: 0px;
    }
    #footer_tresc {
       
    }
	#toSkip {display:none;}
    #sidemenu {margin-left: auto;margin:auto;display:block;}
    #mainwrapper {margin:auto;display: block;}
    #mobilemenubt {
        display: block;
    }
    #menu {
        display: none;
    }
    #submenuPodstron {display: none !important;}
}
@media screen and (max-width: 1100px) {
	
    #boczneKafle{display:none;}
    #main {
        max-width: calc(100vw - 360px);
    }
    #my_slideshow ul {
        max-width: calc(100vw - 40px);
        display: none;
    }
	#my_slideshow p{top:120px;padding-top:10px;padding-bottom:10px;}
	#footer_tresc {
        
    }
    #dla_niepelnosprawnych {
        display: none;
    }
    #logo {
       height:115px;
    }
    #header {
      height:80px;
    }
	#banner {height:80px;}
    #social {
        margin-top: 10px;
    }
    #sidemenu {
        
    }
   
    #mainwrapper {
        display: block;
        width: auto !important;
        max-width: 1100px;
    }
  
    #main {
        max-width: calc(100vw - 20px);
        padding:10px !important;
    }
    #katboxWrapper {
        margin: auto;
    }
    #main {
        display: block;
    }

	#banner{height:130px;}
	#search_div{}
	
	.nowosciTresc {max-width:400px !important;}
	
	.grid-item{max-width:700px;width:auto !important;}
	.news {width:auto !important;margin: 0px; !important;}
    
    .news img {margin-right:2px !important;}
	#naboryArchiwalne{margin-left:50px !important;}
    #newswrapperInner {width: auto !important;}
}

@media screen and (max-width: 1024px) {
	#my_slideshow p div {top:50px;font-size:16px;}
	#slogan {display:none;}
	
	.slogan {display:none;}
	#submenuPodstron2 {display:none;}
	
	.grot {display:none;}
	#my_slideshow p h1 {font-size:18px;min-width:100px;}
	
	#nowosci {display:block;margin:auto;}
	#dlaBeneficjenta {display:block !important;margin:auto;margin-top:30px;}
	 
	#blog_kategorie {float:none !important;}
	#blog_kategorie ul {width:100%;}
	#blog_kategorie li {display:inline-block;}
	.atrakcja .news{width:700px !important;}
	 #kontaktSlajd {display:none;}
	 #lang_div{display:none;}
	 #logo {height:70px;margin-top:2px;}
	 #banner {height:80px;}
	 body {padding-top:80px;}
}

@media screen and (max-width: 900px) {
   #licznik {display:none;}
}
@media screen and (max-width: 50px) {
    .mobile {
        display: none;
    }
    #sidemenu {
        margin-left: 10px;
    }
    body {
        width: auto;
        min-width: 300px;
        padding-top: 0px;
    }
    #main {
        display: block;
    }
    #page {
        padding-top: 0px;
    }
    #inner_footer {
        width: auto;
        padding: 15px;
    }
    #footer_tresc {
        width: auto;
    }
    #wykonanie {
        display: none;
    }
    #menu {
        display: none;
    }
    #my_slideshow ul {
        display: none;
    }
    #my_slideshow {
        border: 0px;
    }
    #twarze {
        display: none;
    }
    #logo {
        max-width: 380px;
    }
    #mobilemenubt {
        display: block;
    }
    .tresc {
        padding: 10px 20px;
    }
    .naglowek {
        margin-top: 0px;
    }
    #dlaczego {}
}
@media screen and (max-width: 930px) {
    .links_block div {
        padding-top: 110px;
    }
    .links_block a {
        padding: 10px;
    }
	body{

	}
    .newsInner{max-width: calc(100vw - 280px) !important;}
    .news{max-width: calc(100vw - 50px) !important;}
	}
@media screen and (max-width: 830px) {
    #zajawki {
        width: 360px;
        margin-left: 30px;
    }
	#my_slideshow p {display:none;}
    
}
@media screen and (max-width: 800px) {
    body {
        
    }
    .naglowek h1 {
        font-size: 24px;
    }
     .news_title {padding-top:0px;}
}
@media screen and (max-width: 768px) {
	#wizytowka {width:330px !important;}
	#naboryArchiwalne {display: block !important;
    margin: 10px !important;}
	#nowosciWrapper {text-align:center !important;}
	#dlaBeneficjenta {margin-top:30px;}
	.sliderData {display:none !important;}
    .links_block div {
        padding-top: 90px;
    }
    .links_block a {
        padding: 7px;
        font-size: 18px;
    }
    #zajawki {
        margin-left: 0px;
    }
#my_slideshow p{padding-top:10px;padding-bottom:10px;}
	#wydarzenia {display:block !important;}
	#kalendarzContainer {display:block !important;width:auto !important;margin-bottom:30px;}
	#my_slideshow p h1{padding-top:10px;font-size:18px;}
	#my_slideshow p div{}
	
	.glownaBoxyTresc {font-size:14px !important;}
	
    .nomobile {
        display: none !important;
    }
    #search_div {display:none;}
	#lang_div {display:none;}
	#mobilemenubt {margin-top:20px;}
	.headerImg {}
	.atrakcjaOpis {max-width:100vw !important;display:block !important;margin-left:0px !important;}
	.atrakcjaImg {display:block !important;margin:auto !important;}
	.atrakcja {width:auto !important;}
	.atrakcja .news{width:auto !important;}
}
@media screen and (max-width: 700px) {
	#kalendarz {overflow:hidden;}
    .mobile {
        display: none;
    }
    #email_div img {
        display: none;
    }
    #email_div {
        margin: 10px;
        width: auto;
    }
    #nr_tel_div img {
        display: none;
    }
    #nr_tel_div {
        margin: 10px;
        width: auto;
    }
    .naglowek h1 {
        font-size: 22px;
    }
    #sidemenu {
       
    }
    #sidemenu_body {
        display: none;
    }
    #footer {

    }
    #main {

    }
	#gminy{display:none;}
	#my_slideshow p {display:none;}
	#footer_tresc {width:calc(100% - 60px);position:relative;height:auto;}
	#map-canvas {margin-left:0px;width:100%;}
    .news img {display: block !important;margin: auto !important;margin-bottom: 20px !important;}
    .newsInner {max-width:calc(100vw - 50px) !important;}
}
@media screen and (max-width: 670px) {
	#my_slideshow {display:none !important;}
	.display670 {display:block;}
	#maingallery3 {display:none !important;}
	#konie1 {display:block !important;margin:auto !important;width:320px !important;}
	#konie2 {display:none !important;margin:auto !important;width:320px !important;}
	#konie3 {display:block !important;margin:auto !important;width:320px !important;}
	#konie4 {display:block !important;margin:auto !important;width:320px !important;}
	#konie5 {display:block !important;margin:auto !important;width:320px !important;}
	#konie41 {margin:0px !important;}
}
@media screen and (max-width: 660px) {
	#my_slideshow {display:none;}
	video {width:90vw !important; height:auto !important;}
	#my_slideshow p {top:auto;bottom:190px !important;width:100vw !important;left:0px;}
	#glownaopis img {float:none;display:block;width:100% !important;height:auto !important;}
	#polaTekstowe {display:none !important;}

	#map-canvas{margin-top:0px;margin-left:0px;width:100%;}
	#slogan1 {width:80vw !important;margin-left:10vw !important;}
	#naboryArchiwalne{
		display:block !important;
		margin-top:30px;
		max-width:660px !important;
	}
	#naboryLista{display:block !important;}
    #nowosci {
    
    }
		  .tresc img {
        display: block;
        width: 100%;
        margin: 0px !important;
		height:auto !important;
		 padding-left:0px !important;
	 padding-right:0px !important;
    }
    .nomobile {
        display: none !important;
        vertical-align: top;
        margin-left: 0px;
    }
    #tabelka {
        min-width: 100px !important;
        display: inline-block;
        vertical-align: top;
    }
    
    .news {}.news_img {
        width: 230px;
    }
    #katboxWrapper {
        text-align: center;
    }
    #tresc1 {
        display: block;
        width: auto;
        margin-right: 0px;
    }
    #pliki {
        display: block;
    }
    #contact_form {
        width: auto;
        display: block;
    }
    #contact_data {
        width: auto;
        display: block;
    }
	#mainpage img {
     margin: 0px; 
	 width:100%;
	
}
}

@media screen and (max-width: 700px) {
.news_body img {width:100%;height:auto !important;padding:0px !important;}
#kontaktSlajd {display:none;}
 #my_slideshow_wrapper {
       
    }


}

@media screen and (max-width: 580px) {
	#submenuPodstron {display:none;}
	#rotate {display:block;}
	#search_div {display:none;}
	#powrotdiv {display:none;}
	.boxContainer {width:auto !important; display:block !important;}
	
	#mainpage {padding:10px;}
	.boxWrapper {}
	#misjaKampinos {background:none !important;width:auto;}
	#misjaKampinos div {margin:auto;}
	
	.nowosciTresc {max-width:250px !important;}
	#nowosci {margin:auto !important;width:auto !important;}
	#linkPolityka {left:30px !important;}
}

@media screen and (max-width: 500px) {
.nowosciTresc {max-width:500px !important;}
#main td{font-size:11px !important;}
#legenda div {display:block;}
}



@media screen and (max-width: 450px) {
	#wizytowka {width:auto !important;display:block !important;}
    .nomobile {
        display: none !important;
    }
#nowosci .news {margin:0px !important; border:none !important;}
    #search_div {
        padding-top: 0px;
        text-align: center;
    }
    #search_div {
        width: auto;
        margin-top: -80px;
    }
    #lang_div {
        display: none;
    }
    #submenuPodstron a {display:block !important;}
	
	.nowosciImg {width:360px !important;margin:auto !important;display:block !important;}
	
	#mobilemenu {
    display: none;
   
    margin-top: 76px;
    width: 100vw;
    position: absolute;
    z-index: 9999999;
    right: 0px;
    border: 0px solid #333;
    border-radius: 0px;
	min-height:calc(100vh - 76px);
}
}
@media screen and (max-width: 400px) {
    #dlaBeneficjenta {display:none !important;}

    #nowosci {
        margin-left: 0px !important;
    }
	
    .zajawkaGlowna {
        margin-left: 0px;
    }
    #kalendariumWrapper {
        margin-left: 0px;
    }
    #piktogramy img {
        width: 100px;
    }
    .newsfull {
        
        
    }
    .nomobile {
        display: none;
    }
    .pliki_item {

        margin: 5px 0px;
    }
    #my_slideshow_wrapper {
        padding: 0px;
    }
    .naglowek h1 {
       
    }
    #bottom_menu a {
        display: block;
        float: none !important;
    }
    .news {
        
    }
    .naglowek {
       

    }
    .naglowek h1 {
       
    }
    #page {
        
    }
    #katboxWrapper {
        text-align: center;
    }
    .tresc {
        padding: 10px;
    }
    #tresc1 {
        width: auto;
        margin-right: 0px;
    }
    #tabelka {
        width: 280px;
        ;
        margin-left: 25px !important;
        min-width: 100px !important;
    }
    #pliki {
        text-align: center;
    }
    #wszystkie_promocje {
        margin: 0px;
    }
    .news_body {
        padding: 0px;
    }
    #mobilemenubt {}
	#main {
    
    }

    #bodybg {
        padding-top: 50px !important;
    }
    .news {
 
    }
    .news_img {
        
    }
    .miniaturaImg {
        margin-left: 0px;
        float: none;
        width: 100%;
    }
    #lang_div {
        padding-top: 60px;
    }
    .box {
        width: 320px;
    }
    .zalaczonepliki img {
        width: auto !important;
    }
    #wojbial {
        margin: 0px !important;
    }
	#wykonanie {font-size:10px;text-align:center;}
	#wykonanie a{font-size:10px;}
	
}

#slogan {color:#52985A;position:absolute;margintop:30px;margin-left:280px;font-size:23px;margin-top:20px;}
#slogan1 {
    position:absolute;
    font-size:32px;
        z-index: 1000000;
    margin-left:calc(50vw - 300px);
    width:600px;
    top:38%;
    text-align: center;
    color:#fff;
    text-shadow: 1px 1px 1px #333;

}

#slogan2 {
       text-shadow: 1px 1px 1px #333;
    color:#fff;
    padding-top: 30px;
    position: absolute;
    font-size: 27px;
    
        z-index: 10000000;
       margin-left:calc(50vw - 250px);
    width:500px;
    text-align: center;
    top:45%;
}

#slogandivider {
    position:absolute;
    font-size:32px;
        z-index: 10000000;
    margin-left:calc(50vw - 300px);
    width:600px;
    border-top:1px solid #fff;
    top:46%;
    text-align: center;
    color:#fff;
    text-shadow: 1px 1px 1px #333;
}
