/* RESET STYLI  */


html, body, div, span, applet, object, iframe,
                h1, h2, h3, h4, h5, h6,  blockquote, pre,
                a, abbr, acronym, address, big, cite, code,
                del, dfn, em, font, img, ins, kbd, q, s, samp,
                small, strike, sub, sup, tt, var,
                dl, dt, dd,
                fieldset, form, label, legend {
                    margin: 0;
                    padding: 0;
                    border: 0;
                    outline: 0;
                    font-weight: inherit;
                    font-style: inherit;
                    font-size: 100%;
                    vertical-align: baseline;
                }
                :focus {
                    outline: 0;
                }
                body {
                    line-height: 22px;
                    color:#2E2E2E;
					background-color:white;
				    font-size:15px;
				    line-height: 25px;
					font-family: 'Fira Sans', sans-serif;
					font-weight:400;
					letter-spacing: 0.5px;
					font-weight:300;
                }

								
                blockquote:before, blockquote:after,
                q:before, q:after {
                    content: "";
                }
                blockquote, q {
                    quotes: "" "";
                }
 #nawigacja-menu {
display:none;	
}	

.visually-hidden {
font-size:11px;
line-height:20px;
margin-left:5px;
}	


#strona3 .tresc_szczegoly_zajawka img {
width:100% !important;
height:auto !important;
}	


.tresc_szczegoly_zajawka img {
	width:100% !important;
}	

.tresc_szczegoly_zajawka table img {
	width:100% !important;
}	




#map-canvas .i4ewOd-pzNkMb-haAclf {
display:none !important;	
outline:1px solid red;
}	

div, nav, header, footer, input,textarea, select,h1,h2,ul,li, tr,td,table, a {
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	font-family: 'Fira Sans', sans-serif;
}

.szukaj {
	float:left;
	width:60px;
	background-color:transparent;
	border:0px solid #5BB05A;
	font-family: 'Fira Sans', sans-serif;
	font-size:13px;
	color:white;
	 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding:3px;
  border-bottom:2px solid #5BB05A;
}	

.button_szukaj {
	width:22px;
	height:22px;
    background-image: url('../grafika/lupa.webp');
    background-repeat: no-repeat;
    background-position: center center;
	border:0px;
	float:left;
	background-color:transparent;
	font-size:0px;
}	



.szukaj::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: white;
  opacity: 1; /* Firefox */
}

.szukaj:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: white;
}

.szukaj::-ms-input-placeholder { /* Microsoft Edge */
  color: white;
}


#boxlogowanie {
display:inline-block;	
position:relative;
z-index:999;
cursor:pointer;
}	


.strona {
	width: 100%;
	border: 0px;
	margin:0 auto;
	min-width:320px;
	max-width:1560px;
	padding: 0px 4%;
}

.ramka {
	width: 100%;
	border: 0px;
	float:left;
}


.baner_podstrona_middle {
width: 100%;
height: 25vw;
float: left;
position: relative;
min-height: 280px;
}


.baner_podstrona_middle h1 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 120px;
  font-weight: 600;
  font-size: 50px;
  line-height: 62px;
  min-width: 300px;
  max-width: 1550px;
  width: 100%;
  z-index: 5;
  margin: 0px auto;
  color: #FFF;
  padding-right: 50%;
  padding-left: 5%;
}


.baner_podstrona_middle h1 big {
position: relative;
}

.baner_podstrona_middle h1 big:before {
position: absolute;
right: -20px;
top: -10px;
width: 19px;
height: 19px;
content:'';
background-color: #329D31;
-webkit-border-radius: 88px;
-moz-border-radius: 88px;
border-radius: 88px;
}



.baner_podstrona_middle h1 span{
font-size: 17px;
font-weight: 300;
line-height: 27px;
display: block;
}
.baner_podstrona_middle h1 a{
text-decoration: underline;
		color: #FFF;
}


.baner_podstrona_middle:before {
width: 100%;
height: 100%;
position: absolute;
content:'';
left: 0;
top: 0;
background: rgb(0,0,0);
background: -moz-linear-gradient(0deg, rgba(0,0,0,0.7763306005996149) 0%, rgba(0,0,0,0.5046219171262255) 21%, rgba(0,0,0,0) 65%);
background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.7763306005996149) 0%, rgba(0,0,0,0.5046219171262255) 21%, rgba(0,0,0,0) 65%);
background: linear-gradient(0deg, rgba(0,0,0,0.7763306005996149) 0%, rgba(0,0,0,0.5046219171262255) 21%, rgba(0,0,0,0) 65%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
z-index:2;
}


.baner-podstrona {
position: absolute;
width:100%;
height:100%;
background-size:cover;
background-repeat : no-repeat;
background-position:center center;
top: 0;
left: 0;
}	


.glowna4nadrzedna .baner_podstrona_middle {
display: none;
}





.tresc-podstrony h1{
display: none;
}


.middle_tresc {
float:left;
width:100%;
overflow:hidden;
}	


.glowna4nadrzedna  .middle_tresc {
padding: 20px 0px 100px 0px;
width: 100%;
float: left;
  background-image: url('../grafika/baner_oferta.webp');
  background-repeat: no-repeat;
  background-position: 20% center;
	background-size: cover;
	color: #FFF;
	position: relative;
}

.glowna4nadrzedna  .middle_tresc:before {
content:'';
position: absolute;
left:0;
top: 0;
width: 100%;
height: 100%;
background: rgb(0,0,0);
background: -moz-linear-gradient(0deg, rgba(0,0,0,0.7763306005996149) 0%, rgba(0,0,0,0.5046219171262255) 39%, rgba(0,0,0,0) 88%);
background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.7763306005996149) 0%, rgba(0,0,0,0.5046219171262255) 39%, rgba(0,0,0,0) 88%);
background: linear-gradient(0deg, rgba(0,0,0,0.7763306005996149) 0%, rgba(0,0,0,0.5046219171262255) 39%, rgba(0,0,0,0) 88%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}


.glowna4.podrzedna  .baner-podstrona, .glowna3nadrzedna .baner-podstrona {
display: none;
}

.glowna4.podrzedna .baner_podstrona_middle , .glowna3nadrzedna .baner_podstrona_middle {
  height: auto;
	min-height: auto;
}


.glowna4.podrzedna .baner_podstrona_middle  h1 , .glowna3nadrzedna .baner_podstrona_middle  h1 {
position: relative;
left: 0;
right:0;
bottom:0px;
font-weight: 600;
font-size: 50px;
line-height: 62px;
	min-width:300px;
	max-width:1480px;
		width: 100%;
		z-index: 5;
		margin: 30px auto;
		color: #000;
		padding-right: 25%;
		padding-left: 4%;
}

.glowna4.podrzedna .baner_podstrona_middle:before , .glowna3nadrzedna .baner_podstrona_middle:before {
display: none;
}

.glowna4nadrzedna .tresc h1 {
font-weight: 600;
color: #FFF;
font-size: 60px;
line-height: 70px;
display: block;
}




.tresc-kontakt {
float:left;
width: 100%;
padding: 50px 0px;
}


.tresc-kontakt table.infolinia{
margin: -90px 0px 50px 0px;
background-color: #329D31;
padding: 60px 40px 60px 400px;
color: #FFF;
border: 0px !important;
position: relative;
z-index: 8;
}


.tresc-kontakt table.infolinia:before{
content:'';
position: absolute;
left: 80px;
top: 40px;
width: 200px;
height: 300px;
  background-image: url('../grafika/phone.webp');
  background-repeat: no-repeat;
  background-position: center center;
	background-size: 200px;
}


.tresc-kontakt table.infolinia big{
font-weight: 600;
font-size: 20px;
line-height: 30px;
}

.tresc-kontakt a {
display: inline-block;
background-color: #329D31;
-webkit-border-radius: 20px;
-moz-border-radius:20px;
border-radius: 20px;
padding: 6px 20px;
color: #FFF;
text-decoration:none;
}

.tresc-kontakt a:hover {
	background-color:black;
	color:white !important;
}	


.tresc-kontakt table.infolinia h4{
font-weight: 300;
font-size: 32px;
line-height: 42px;
}

.tresc-kontakt table.infolinia small{
font-weight: 400;
font-size:12px;
text-transform: uppercase; 
}

.tresc-kontakt table.infolinia tr td{
border: 0px !important;
}

.pole3 .przycisk {
cursor:pointer;	
}	


.pole3 .przycisk:hover {
background-color:black;
}	

.pole3 a:hover {
color:black;	
}	
	


.formularz {
  width: 100%;
  overflow: hidden;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
	border: 1px solid #D6DFE0;
	padding: 40px 90px;
}

.formularz strong  {
  font-weight: 600;
  font-size: 40px;
  line-height: 52px;
  color: #000;
	position: relative;
}


#dodatkoweokienko {
position:fixed;
left:0px;
bottom:0px;
z-index:99;
background-color:rgba(50,157,49,0.9);
color:white;
padding:5px;
text-align:center;
font-size:17px;
font-weight:bold;
width:100%;
}	



#dodatkoweokienko a {
vertical-align:middle;
display:inline-block;
float:none;
margin-left:20px;
background-color:black;
}	

#dodatkoweokienko a:hover {
background-color:white;
color:black;
}	


.formularz strong:before {
  position: absolute;
  right: -20px;
  top: -10px;
  width: 19px;
  height: 19px;
  content: '';
  background-color: #329D31;
  -webkit-border-radius: 88px;
  -moz-border-radius: 88px;
  border-radius: 88px;
}


.pole_left {
width: 50%;
float: left;
padding-right: 2.5%;
padding-top: 40px;
}


.pole_right {
width: 50%;
float: left;
padding-left: 2.5%;
padding-top: 40px;
}



.pole {
width: 100%;
float: left;
padding: 4px 0px 4px 0px; 
position: relative;
}

.pole input{
width: 100%;
float: left;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
	background-color: #EAEEEE;
	padding: 12px 30px;
	font-size:15px;
	line-height: 25px;
	font-family: 'Fira Sans', sans-serif;
	border: 0px;
		border: 0px;
	font-weight: 300;
}


.pole img{
position: absolute;
right: 20px;
top: 15px;
}

.pole2 {
width: 100%;
float: left;
padding: 4px 0px 4px 0px; 
}



.pole2 textarea{
width: 100%;
float: left;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
	background-color: #EAEEEE;
	padding: 12px 30px;
	font-size:15px;
	line-height: 25px;
	font-family: 'Fira Sans', sans-serif;
	border: 0px;
	font-weight: 300;
	height: 220px;
}




.pole3 {
width: 100%;
float: left;
padding: 9px 0px 9px 0px; 
font-size: 12px;
color: #9AA7A7;
}


.pole3 a{
color: #319D30;
}


.przycisk {
white-space: nowrap;
font-size: 17px;
color: #FFF;
text-decoration: none;
background-color: #329D31;
color: white;
padding: 15px 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
margin-top: 15px;
display: inline-block;
font-weight: 600;
border: 0px;
}






table.table_kontakt {
border: 0px !important;
width: 100%;
overflow: hidden;
-webkit-border-radius: 20px;
-moz-border-radius:20px;
border-radius: 20px;
-webkit-box-shadow: 0px 0px 30px -17px rgba(0,0,0,0.41);
-moz-box-shadow: 0px 0px 30px -17px rgba(0,0,0,0.41);
box-shadow: 0px 0px 30px -17px rgba(0,0,0,0.41);
}

table.table_kontakt tr td {
border: 0px !important;
position: relative;
padding: 50px 5%;
}


table.table_kontakt tr td iframe {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
vertical-align: middle;
}

table.table_kontakt tr td {
width: 50%;
}

.glowna4nadrzedna .tresc  {
padding: 7vw 0px 100px 0px;
}

.glowna4nadrzedna .tresc big {
font-size: 20px;
line-height: 32px;
}

.glowna4nadrzedna .tresc .tresc_srodek {
float: left;
width: 40%;
padding-right:5%;
padding-top: 50px;
}


.wpisy {
width: 96%;
float: left;
margin: 0px 2%;
display: flex;
flex-wrap:wrap;
}

.wpisy .wpis:first-of-type {
width: 96%;
float: left;-webkit-border-radius: 25px;
-moz-border-radius:25px;
border-radius: 25px;
background-color: #FFF;
overflow: hidden;
margin: 2%;
position: relative;
}

.wpisy .wpis:first-of-type .img{
width: 40%;
float: left;
display: block;
position: absolute;
height: 100%;
left: 0;
top: 0;
}

.wpisy .wpis:first-of-type .img img{
width: 100%;
vertical-align: middle;
width: 100%;
max-height: 580px;
object-fit: cover;
height: 100%;
position: absolute;
left: 0;
top: 0;
}


.wpisy .wpis {
width: 29.3%;
float: left;
-webkit-border-radius: 25px;
-moz-border-radius:25px;
border-radius: 25px;
background-color: #FFF;
overflow: hidden;
margin: 2%;
-webkit-box-shadow: 0px 0px 30px -17px rgba(0,0,0,0.41);
-moz-box-shadow: 0px 0px 30px -17px rgba(0,0,0,0.41);
box-shadow: 0px 0px 30px -17px rgba(0,0,0,0.41);
position: relative;
}


.wpisy .wpis .img{
display: none;
}

.wpisy .wpis .wpis_txt {
padding: 40px 50px 90px 50px;
float: left;
width: 100%;
}

.wpisy .wpis:first-of-type .wpis_txt {
padding: 40px 50px 90px 45%;
float: left;
width: 100%;
}

.wpisy .wpis .wpis_txt a:first-of-type {
text-decoration: none;
font-size: 17px;
color: #000;
font-weight: 600;
}

.wpisy .wpis .wpis_txt a:hover {
color:#329D31;	
}	

.wpisy .wpis:first-of-type .img img:hover {
opacity:0.7;	
}	

.wpisy .wpis .wpis_txt .wiecej:hover {
background-color:black;	
color:white;
}	


.wpisy .wpis .wpis_txt .zajawka{
padding: 10px 0px;
font-size: 13px;
}

.paginacja {
float:left;
width:100%;
text-align:center;
margin-top:50px;
margin-bottom:50px;
}	

.paginacja a {
display:inline-block;
padding:3px;
color:#329D31;
}	

.paginacja a:hover {
color:black;	
}	


.paginacja span {
display:inline-block;
padding:3px;
}	

.paginacja strong {
display:inline-block;
padding:3px;
}	

.img_szczegoly {
float:left;
width:100%;
text-align:center;
}	

.img_szczegoly img:hover {
opacity:0.7;
-webkit-box-shadow: 8px 8px 23px -1px rgba(0, 0, 0, 1);
-moz-box-shadow: 8px 8px 23px -1px rgba(0, 0, 0, 1);
box-shadow: 8px 8px 23px -1px rgba(0, 0, 0, 1);
}	

.img_szczegoly img {
max-width:700px;
max-height:500px;
}	


.wpisy .wpis:first-of-type .wpis_txt {
padding: 40px 50px 90px 45%;
float: left;
width: 100%;
}

.wpisy .wpis:first-of-type .wpis_txt a:first-of-type {
font-size: 27px;
line-height: 38px;
}

.wpisy .wpis .wpis_txt .wiecej {
  position: absolute;
  right: 0px;
  bottom: 0px;
  background-color: #329D31;
  padding: 15px 20px;
  color: #FFF;
  -webkit-border-top-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  border-top-left-radius: 20px;
	text-decoration: none;
}

.wpisy .wpis .wpis_txt small {
display: inline-block;
padding: 0px 0px 10px 20px;
position: relative;
font-size: 13px;
color: #8895A2;
}


.wpisy .wpis .wpis_txt small:before {
left: 0;
top: 9px;
content:'';
position: absolute;
width: 7px;
height: 7px;
-webkit-border-radius: 45px;
-moz-border-radius:45px;
border-radius: 45px;
	background-color: #329D31;
}

.lista-min-kat {
float: left;
width: 60%;
display: flex;
flex-wrap: wrap;
margin-top: 0px;
}

.lista-min-kat .min-kat {
margin: 1%;
width: 30.3%;
background-color: #FFF;
-webkit-border-radius: 25px;
-moz-border-radius:25px;
border-radius: 25px;
padding: 60px 30px 90px 30px;
color: #000; 
text-decoration: none;
overflow: hidden;
position: relative;
}

.lista-min-kat .min-kat:hover {
	background-color:#329D31;
	color:white;
-webkit-box-shadow: 8px 8px 23px -1px rgba(0, 0, 0, 1);
-moz-box-shadow: 8px 8px 23px -1px rgba(0, 0, 0, 1);
box-shadow: 8px 8px 23px -1px rgba(0, 0, 0, 1);
}	


.menu-dodatkowe ul span li img:hover {
opacity:0.7;	
}	

.menu-dodatkowe ul > span > li a:hover {
	color:#329D31;
}	



.lista-min-kat .min-kat .naglowek {
font-size: 21px;
line-height: 32px;
}

.lista-min-kat .min-kat .wiecej {
position: absolute;
right: 0px;
bottom: 0px;
background-color: #329D31;
padding: 15px 20px;
color: #FFF;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-topleft: 20px;
border-top-left-radius: 20px;
}

.menurozwiniete {
display:none;	
}	

#logowanierozwin {
display:none;	
}	


.menu-pionowe {
float:left;
width:25%;
margin: -50px 5% 0px 5%;
background-color: #FFFFFF;
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
border-radius: 18px;
text-transform:uppracase;
z-index: 7;
padding: 25px 0px;
-webkit-box-shadow: 15px 0px 31px -32px rgba(0,0,0,0.44);
-moz-box-shadow: 15px 0px 31px -32px rgba(0,0,0,0.44);
box-shadow: 15px 0px 31px -32px rgba(0,0,0,0.44);
position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 120px;
}	


.menu-pionowe .komorka-menu  {
display: block;
padding: 0px 0px;
width: 100%;
}

.menu-pionowe .komorka-menu-bold  {
display: block;
padding: 0px 0px;

}


.menu-pionowe .komorka-menu-menu  {
display: block;
padding: 0px 0px;
width: 100%;
}

.menu-pionowe .komorka-menu-menu-bold  {
display: block;
padding: 0px 0px;

}



.menu-pionowe .komorka-menu a {
display: block;
padding: 5px 20px 5px 40px;
position: relative;
text-decoration: none;
color: #000;
text-transform:uppercase;
font-size: 13px;
text-align: left;
}



.menu-pionowe .komorka-menu-menu a {
display: block;
padding: 5px 20px 5px 40px;
position: relative;
text-decoration: none;
color: #000;
text-transform:uppercase;
font-size: 13px;
text-align: left;
}



.menu-pionowe .komorka-menu a:before {
position: absolute;
left: 20px;
top: 12px;
width: 8px;
height: 8px;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
border-radius: 60px;
border: 1px solid #D8E0E2;
content:'';
}

.menu-pionowe .komorka-menu-menu a:before {
position: absolute;
left: 20px;
top: 12px;
width: 8px;
height: 8px;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
border-radius: 60px;
border: 1px solid #D8E0E2;
content:'';
}




.menu-pionowe .komorka-menu a:hover:before {
border: 1px solid #329D31;
}


.menu-pionowe .komorka-menu-menu a:hover:before {
border: 1px solid #329D31;
}







.menu-pionowe .komorka-menu-bold a {
display: block;
padding: 5px 20px 5px 40px;
position: relative;
text-decoration: none;
color: #329D31;
text-transform:uppercase;
font-size: 13px;
text-align: left;
font-weight: 600;
}

.menu-pionowe .komorka-menu-menu-bold a {
display: block;
padding: 5px 20px 5px 40px;
position: relative;
text-decoration: none;
color: #329D31;
text-transform:uppercase;
font-size: 13px;
text-align: left;
font-weight: 600;
}



.menu-pionowe .komorka-menu-bold a:before {
position: absolute;
left: 20px;
top: 12px;
width: 8px;
height: 8px;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
border-radius: 60px;
border: 1px solid #329D31;
background-color: #329D31;
content:'';
}

.menu-pionowe .komorka-menu-menu-bold a:before {
position: absolute;
left: 20px;
top: 12px;
width: 8px;
height: 8px;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
border-radius: 60px;
border: 1px solid #329D31;
background-color: #329D31;
content:'';
}



.img_left {
width: 100%;
float: left;
position: relative;
}



.img_left tr td:nth-of-type(1) {
width: 45%;
height: 100%;
top: 0;
left: 0;
position: absolute;
}


.img_left tr td:nth-of-type(1) img{
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
object-fit: cover;
}

.img_left tr td:nth-of-type(2) {
width: 100%;
height: 100%;
padding-left: 50%;
padding-top: 40px;
padding-bottom: 40px;
}


.tresc-podstrony {
  float: left;
  width: 60%;
	padding: 70px 0px 100px 0px;
}

.glowna4.podrzedna .tresc-podstrony {
  float: left;
  width: 100%;
	padding: 20px 5% 40px 5%;
}


.tresc-podstrony h2{
color: #000;
font-size: 30px;
line-height: 41px;
display: block;
padding-bottom: 20px;
margin-bottom: 20px;
position: relative;
font-weight: 300;
}

.tresc-podstrony h2:before{
width: 100%;
max-width: 100px;
height: 3px;
background-color: #329D31;
position: absolute;
left: 0px;
bottom: 0;
content:'';
}

.tresc-podstrony p a, .tresc p a,  .tresc-podstrony ul li a  {
color: #329D31;
}

.tresc-podstrony p a:hover, .tresc p a:hover, .tresc-kontakt p a:hover, .tresc-podstrony ul li a:hover  {
color: black;
}

.tresc-podstrony img {
max-width:100% !important;	
}	

.tresc img {
max-width:100% !important;	
}	

.tresc-kontakt img {
max-width:100% !important;	
}	


.tresc-podstrony table {
max-width:100% !important;	
}	

.tresc table {
max-width:100% !important;	
}	

.tresc-kontakt table {
max-width:100% !important;	
}	

.tresc-podstrony iframe {
max-width:100% !important;	
}	

.tresc iframe {
max-width:100% !important;	
}	

.tresc-kontakt iframe {
max-width:100% !important;	
}	







.tresc-podstrony h4{
color: #329D31;
font-size: 20px;
line-height: 31px;
font-weight: 300;
}

 
.tresc-podstrony h4 strong{
font-weight: 300;
}



.tresc-podstrony h3, .tresc h3,  .tresc-kontakt h3{
color: #000;
font-size: 24px;
line-height: 35px;
position: relative;
padding: 15px 0px 15px 0px;
display: block;
font-weight: 600;
}

.tresc-podstrony h3 strong, .tresc h3 strong , .tresc-kontakt h3 strong{
font-weight: 600;
}


.tresc-podstrony h3:before, .tresc h3:before , .tresc-kontakt h3:before{
position: absolute;
left: -15px;
top:0;
bottom: 0;
margin: auto 0;
height: 60%;
width: 4px;
background-color: #329D31; 
content:'';
}

.tresc-podstrony p small, .tresc p small {
font-size: 12px;
color: #87969C;
line-height: 18px;
}

.tableszary {
width: 100%;
padding: 60px 80px;
background-color: #F1F3F4; 
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
border-radius: 18px;
margin: 40px 0px;
}


.kom_biale {
margin: 20px -2%;
padding: 0px 0px;
width: 104%;
display:flex;
flex-wrap: wrap;
list-style: none;
}

.kom_biale li{
background-color: #FFF;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 40px 30px;
-webkit-box-shadow: 0px 14px 31px -32px rgba(0,0,0,0.44);
-moz-box-shadow: 0px 14px 31px -32px rgba(0,0,0,0.44);
box-shadow: 0px 14px 31px -32px rgba(0,0,0,0.44);
width: 29.3%;
margin: 20px 2%;
overflow: hidden;
position: relative;
}

.kom_biale li:before{
position: absolute;
top: -40px;
right: -40px;
background-color: #329D31;
-webkit-border-radius: 210px;
-moz-border-radius: 210px;
border-radius: 210px;
width: 80px;
height: 80px;
content:'';
}




.kom_biale li strong{
color: #329D31;
font-size: 25px;
line-height: 35px;
font-weight: 600;
display: block;
}


.kom_border li strong{
color: #000;
font-size: 20px;
line-height: 22px;
font-weight: 600;
display: block;
}


.kom_biale li small, .kom_border li small{
font-size: 12px;
color: #A8B8BD;
text-transform: uppercase;
}


.kom_border {
margin: 20px -2%;
padding: 0px 0px;
width: 104%;
display:flex;
flex-wrap: wrap;
list-style: none;
}

.kom_border li{
border: 1px solid #E1E7E8;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 40px 30px;
-webkit-box-shadow: 0px 14px 31px -32px rgba(0,0,0,0.44);
-moz-box-shadow: 0px 14px 31px -32px rgba(0,0,0,0.44);
box-shadow: 0px 14px 31px -32px rgba(0,0,0,0.44);
width: 29.3%;
margin: 20px 2%;
overflow: hidden;
position: relative;
}




ul.lista, .glowna4.podrzedna .tresc-podstrony ul {
list-style: none;
margin: 20px 0px;
padding: 0px 0px;
}


ul.lista li,  .glowna4.podrzedna .tresc-podstrony li  {
padding: 10px 0px 0px 50px;
position: relative;
}

ul.lista li:before, .glowna4.podrzedna .tresc-podstrony ul li:before {
left: 0;
top: 23px;
width: 22px;
height: 1px;
content:'';
background-color:#329D31;
position: absolute;
}


ul.lista li u, .glowna4.podrzedna .tresc-podstrony ul li u{
color: #329D31;
}




ul.pobierz {
margin: 20px 0%;
padding: 0px 0px;
width: 100%;
list-style: none;
}

ul.pobierz li {
margin: 20px 0%;
padding: 20px 40px 20px 80px;
width: 100%;
list-style: none;
position: relative;
background-color: #FFF;
-webkit-box-shadow: 0px 14px 34px -32px rgba(0,0,0,0.44);
-moz-box-shadow: 0px 14px 34px -32px rgba(0,0,0,0.44);
box-shadow: 0px 14px 34px -32px rgba(0,0,0,0.44);
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
overflow: hidden;
}


ul.pobierz li:before {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 55px;
background-color: #329D31;
content:'';
  background-image: url('../grafika/icon_pobierz.webp');
  background-repeat: no-repeat;
  background-position: center center;
	background-size: 30px;
}


ul.pobierz li a{
color: #000;
font-weight: 600;
font-size: 13px;
text-decoration: none;
}


ul.pobierz li:hover a{
color: #329D31;
}



table.historia {
  padding: 40px 0px 40px 0px;
  position: relative;
  display: block;
  margin-top: -100px;
  z-index: 8;
}

table.historia tr {
display:block;
}


table.historia:before {
width: 2px;
height: 100%;
top: 0;
left: 0;
right: 0;
margin: 0px auto;
position: absolute;
content:'';
background-color: #329D31;
}

table.historia tr td{
margin: 70px 0px 70px 0px;
position: relative;
width: 100%;
padding: 60px 90px;
background-color: #FFF;
-webkit-box-shadow: 0px 11px 26px -21px rgba(0,0,0,0.33);
-moz-box-shadow: 0px 11px 26px -21px rgba(0,0,0,0.33);
box-shadow: 0px 11px 26px -21px rgba(0,0,0,0.33);
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
border-radius: 18px;
text-align: center;
display:block;
border: 1px solid #ECEEF0;
}

table.historia tr td:before{
left: 0;
right: 0;
margin: 0px auto;
top: -22px;
width: 10px;
height: 10px;
display: block;
position: absolute;
background-color: #329D31;
content:'';
-webkit-border-radius: 68px;
-moz-border-radius: 68px;
border-radius: 68px;
border: 20px solid #FFF;
}


table.historia tr td h3:before{
display: none;
}




table.historia tr:nth-of-type(odd) td{
background-color: #F7F8F9;
border: 0px;
}


.box_wartosci {
border: 1px solid #CBD5D8;
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
border-radius: 18px;
padding: 40px 50px;
margin: 40px 0px;
}

.box_wartosci h3{
font-size:26px;
font-weight: 400; 
}

.box_wartosci h3:before{
display: none; 
}


.box_wartosci table big {
  font-weight: 600;
  color: #329D31;
  font-size: 3vw;
  line-height: 3vw;
  padding-bottom: 30px;
  display: block;
}


.box_wartosci table {
border: 0px !important;
}

.box_wartosci table tr td {
border: 0px !important;
padding: 40px 4%;
position: relative;
font-weight: 400;
}

.box_wartosci table tr td:before {
position: absolute;
right: 0px;
top: 0;
bottom: 0;
margin: auto 0;
height:90px;
width: 1px;
content:'';
background-color: #CBD5D8; 
}


.box_wartosci table tr td:nth-of-type(even):before {
display: none;
}







.listwazielona {
float:left;
width:100%;
background-color:#329D31;
color:white;
text-transform:uppercase;
font-size:13px;
padding:4px;
letter-spacing: 1px;
}	

.listwazielona .box{
float:left;
padding:2px;
border-right:1px solid #5BB05A;
padding-left:10px;
padding-right:10px;
}	

.listwazielona .box2{
float:right;
padding:2px;
padding-left:10px;
padding-right:10px;
}	

.listwazielona .box3{
float:right;
padding:2px;
padding-left:10px;
padding-right:10px;
}	



.listwazielona .box2 img:hover {
opacity:0.7;	
}	



.listwazielona .box img {
vertical-align:middle;
margin-right:10px;
}	


.listwazielona .box2 img {
vertical-align:middle;
}	


.header {
width: 100%;
float: left;
height: 195px;

}



header {
	width: 100%;
	border: 0px;
	float:left;
	background-color: #FFF;
	z-index: 9999;
}	





header .top{
	width: 100%;
	border: 0px;
	float:left;
	padding-top:20px;
	padding-bottom:20px;
}	

header .top .logo{
	width: 20%;
	border: 0px;
	float:left;
}	

header .top .logo img{
	border: 0px;
	float:left;
  width:260px;
}	

header .top .logo img:hover {
opacity:0.7;	
}	

header .top .menu2{
	width: 60%;
	border: 0px;
	float:left;
	margin-top:16px;
	padding-left:5%;
}	

header .top .menu2 a{
	display:inline-block;
	padding:5px 10px;
	font-weight:bold;
	font-size:16px;
	letter-spacing:1px;
}	


header .top .boxlogowanie {
  width: 20%;
  border: 0px;
  float: right;
  margin-top: 11px;
	max-width: 160px !important;
  min-width:160px !important;
}




header .top .boxlogowanie img {
vertical-align:middle;	
}	

#nawigacja-menu li ul ul{
display:none !important;	
}	



@media screen and (min-width:891px) and (max-width:9890px)  

{



#nawigacja-menu li ul {
display:none;	
top: 180px;
}	




#nawigacja-menu li:nth-of-type(2) ul:before {
content:'';
	background-image:none;
	background-repeat : no-repeat;
	background-position:center center;
	background-size: 100%;
	position: absolute;
	right: 4%;
	width: 32%;
	top:0;
	height: 100%;
}	

#nawigacja-menu li:nth-of-type(3) ul:before {
content:'';
	background-image:url('../grafika/menu2.webp');
	background-repeat : no-repeat;
	background-position:center center;
	background-size: 100%;
	position: absolute;
	right: 4%;
	width: 32%;
	top:0;
	height: 100%;
}	


#nawigacja-menu li:hover ul {
display:flex;	
flex-wrap:wrap;
width: 100%;
background-color:#142026;
padding: 50px 10% 50px 10%;
position:absolute;
left: 0;
z-index: 99;
}	

#nawigacja-menu li:hover ul li ul:before {
background-image:none;
}

#nawigacja-menu li:hover ul li ul {
display:block;	
width: 100%;
padding: 20px 0%;
position:relative;
left: 0;
top:0px;
z-index:0;
list-style: none;
}	




#nawigacja-menu li:hover ul li{
width: 25%;
padding: 4px 0px;
}	


#nawigacja-menu li:hover ul li ul li{
width: 100%;
padding: 4px 0px;
}	




#nawigacja-menu li:hover ul li a {
  padding: 2px 25px;
  text-transform: uppercase;
  color:#fff;
  font-size: 14px;
  display: block;
  text-decoration: none;
  font-weight:300;
  margin:0px;
  border-right:0px solid #E1E7E8;
	position: relative;
	z-index:1;
	width: 100%;
	text-align: left;
	  float:none;
}



#nawigacja-menu li:hover ul li ul li a {
  padding: 2px 25px;
  text-transform:lowercase;
  color:#fff;
  font-size: 12px;
  display: block;
  text-decoration: none;
  font-weight:300;
  margin:0px;
  float:none;
  border-right:0px solid #E1E7E8;
	position: relative;
		text-align: left;
			width: 100%;
	text-align: left;
	
}

#nawigacja-menu li:hover ul li a:before {
	position: absolute;
	left: -5px;
	width: 3px;
	height: 100%;
	top: 0;
	background-color: #329D31;
	content:'';
}

#nawigacja-menu li:hover ul li ul li a:before {
	display: none;
}



#nawigacja-menu{
  list-style: none;
	margin: 0px 0px 0px 0px;
	display:inline-block;
	padding:0px;
	float:left;
	text-align:center;
	vertical-align:middle;
	width:100%;
}


#nawigacja-menu li a {
  padding: 10px 6px;
  text-transform: uppercase;
  color:#2E2E2E;
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
  text-decoration: none;
  font-weight:300;
  margin:0px;
  float:left;
  border-right:1px solid #E1E7E8;
}

#nawigacja-menu > li.menubold > a {
background-color:#329D31;	
color:white;
}	


#nawigacja-menu li.menubold  li.menubold > a {
background-color:#329D31;	
color:white;
}	


#nawigacja-menu li a:hover {
background-color:#329D31;	
color:white;
}	



}










.cycle-slideshow.baner {
	width: 100%;
	border: 0px;
	float:left;
	position: relative;
	z-index: 0;
}	

.cycle-slideshow.baner .sekwencja{
	width: 100%;
	border: 0px;
	float:left;
	object-fit:cover;
}	

.cycle-slideshow.baner .sekwencja img {
	object-fit:cover;
	width:100%;
	vertical-align: middle;
}	

header .top .boxlogowanie .przycisk_zielony img {
  vertical-align: middle;
  position: relative;
  top: -2px;
}

.prev {
position:absolute;
left:0px;
top:0px;
bottom:0px;
margin:auto 0;
z-index:999;
height:96px;
opacity:0.7;
}	

.prev:hover {
opacity:1;
}	

.next {
position:absolute;
right:0px;
top:0px;
bottom:0px;
margin:auto 0;
z-index:999;
height:96px;
opacity:0.7;
}	

.next:hover {
	opacity:1;
}	






nav {
float:left;
width:100%;
border-top:1px solid #E1E7E8;
border-bottom:1px solid #E1E7E8;
}	

#no-template-pager {
float:left;
width:100%;
border-bottom:1px solid #E1E7E8;
border-top:1px solid #E1E7E8;
display: flex;
justify-content:center;
}	

#no-template-pager  span {
float:left;
width:25%;
padding:30px;
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align:center;
  font-size:16px;
  border-right:1px solid #E1E7E8;
  cursor:pointer;
	position: relative;
}	

#no-template-pager  span:first-of-type {
  border-left:1px solid #E1E7E8;
}	



#no-template-pager  span.cycle-pager-active {
-webkit-box-shadow: 7px 5px 29px -20px rgba(0, 0, 0, 1);
-moz-box-shadow: 7px 5px 29px -20px rgba(0, 0, 0, 1);
box-shadow: 7px 5px 29px -20px rgba(0, 0, 0, 1);
font-weight:bold;
}	

#no-template-pager  span.cycle-pager-active:before {
position: absolute;
top: -5px;
left: 0px;
height: 5px;
width: 100%;
background-color: #329D31;
content:'';
}	


.boxoferta {
float:left;
width:100%;
text-align:center;
}	


.boxoferta .ramka{
float:none;
width:100%;
text-align:center;
padding-top:60px;
padding-bottom:60px;
display:inline-block;
max-width:700px;
position: relative;
}	

.boxoferta .ramka strong {
  font-size: 30px;
  font-weight: 40px;
  font-weight: 700;
}

.boxoferta .ramka2 {
float:left;
width:100%;
margin-top:50px;
margin-bottom:50px;
position: relative;
}	

.boxoferta .ramka2 .img{
width:45%;
position:absolute;
left:0%;
height: 100%;
top: 0px;
}	

.boxoferta .ramka2 .zdjecie {
width:100%;
position:absolute;
height: 100%;
object-fit: cover;
left: 0;
}


.boxoferta .ramka2 .kwadrat {
position:absolute;
left:-50px;
top:-50px;
z-index: 1;
}	



.boxoferta .ramka2 .txt {
  float: left;
  width: 100%;
  text-align: left;
  padding: 50px;
    padding-left: 50px;
  padding-left: 50%;
}




.boxoferta .ramka2 .txt .naglowek{
float:left;
width:100%;
}	

.boxoferta .ramka2 .txt .naglowek strong {
font-size:50px;
line-height:60px;
font-weight: 700;
}	

.boxoferta .ramka2 .txt .box {
  float: left;
  width: 45%;
  border-bottom: 1px solid #E1E7E8;
  padding-bottom: 40px;
  margin-right: 5%;
  margin-top: 20px;
  font-size: 18px;
  position: relative;
  padding-left: 125px;
}

	
.boxoferta .ramka2 .txt .box img {
float:left;
margin-right:20px;
position: absolute;
left: 0px;
top: 10px;
}	
	
.boxoferta .ramka2 .txt .box img:hover {
opacity:0.7;	
}	
	
.boxoferta .ramka2:nth-of-type(3)  .img{
width:45%;
position:absolute;
left:auto;
right: 0px;
height: 100%;
top: 0px;
}	
	
	
.boxoferta .ramka2:nth-of-type(3) .txt {
  float: left;
  width: 100%;
  text-align: left;
  padding: 50px;
    padding-left: 50px;
  padding-right: 50%;
}


	
.boxoferta .ramka3  {
float:left;
width:100%;
text-align:center;
font-size:18px;
}	
	
.przycisk2 {
  font-size: 20px;
  font-weight: bold;
  color: #2E2E2E;
  text-decoration: none;
  border: 2px solid #329D31;
  color: #329D31;
  padding: 25px 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  bottom: -20px;
  position: relative;
}

.przycisk2:hover {background-color:#329D31;color:white;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}

	
.boxoferta .ramka3 a {
margin-left:30px;	
bottom:auto;
}	
	
.boxaktualnosci {
float:left;
width:100%;
margin-top:50px;
  overflow: hidden;
}	
	
.boxaktualnosci .ramka {
float:left;
width:100%;
padding-top:30px;
padding-bottom:30px;
border-bottom:1px solid #E1E7E8;
}	
	
.boxaktualnosci .ramka strong {
font-size:30px;
line-height:40px;
}	
	
.boxaktualnosci .ramka2 {
  float: left;
  width: 115%;
  position: relative;
  margin-top: 60px;
  overflow: hidden;
  padding-bottom: 90px;
}


.boxaktualnosci .ramka2 .slick-prev {
  position: absolute;
  left: -69px;
  top: auto;
  bottom: 0px;
  margin: 0 auto;
  background-image: url('../grafika/left.webp');
  background-repeat: no-repeat;
  background-position: center center;
  width: 62px;
  height: 46px;
  border: 0px;
  z-index: 99;
  font-size: 0px;
  opacity: 0.7;
  cursor: pointer;
  right: 0px;
	background-color: #FFF;
}


.boxaktualnosci .ramka2 .slick-prev:hover {
opacity:1;
}	


.boxaktualnosci .ramka2 .slick-next {
position:absolute;
right:-69px;
left: 0px ;
top:auto;
bottom:0px;
margin:0 auto ;
	background-image:url('../grafika/right.webp');
	background-repeat : no-repeat;
	background-position:center center;
		width:62px;
	height:46px;
	border:0px;
	z-index:99;
	font-size:0px;
	opacity:0.7;
		cursor:pointer;
		background-color: #FFF;
}	

	
.boxaktualnosci .ramka2 .slick-next:hover {
opacity:1;
}	
	
	
	
	
	
	
	
.boxaktualnosci .ramka2 .box{
float:left;
width:33.3%;
color:#2E2E2E;
}	
	
.boxaktualnosci .ramka2 .box:hover .boxramka{
filter: brightness(70%);
}	
	
	

	
	
.boxaktualnosci .ramka2 .box .boxramka{
float:left;
width:90%;
margin-left:5%;
margin-right:5%;
background-repeat : no-repeat;
background-position:center center;
background-size:cover;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
height:450px;
position:relative;
-webkit-box-shadow: 0px 15px 14px -17px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 15px 14px -17px rgba(0,0,0,0.2);
box-shadow: 0px 15px 14px -17px rgba(0,0,0,0.2);
}	
	
	
.boxaktualnosci .ramka2 .box .boxramka .txt {
position:absolute;
right:0px;
bottom:0px;
width:80%;
height:220px;
background-color:rgba(255,255,255,0.85);
padding:30px;
font-size:17px;
line-height:25px;
font-weight:300;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
border-bottom-right-radius: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-topleft: 20px;
border-top-left-radius: 20px;
}	
	
#nawigacja-menu #menu4:hover ul {
	padding-bottom:50px;
}	
	
	
	
.boxaktualnosci .ramka2 .box .boxramka .txt  small {
color:#329D31;	
font-size:15px;
font-weight:bold;
}	


#nawigacja-menu li:nth-of-type(3) ul::before {
display:none;	
}	


.boxkalkulator {
	float:left;
	width:100%;
}	

.boxkalkulator .ramkaogolna {
		background-color:#F1F3F4;
		padding:50px;
	float:left;
	width:100%;
	margin-top:50px;
	padding-top:20px;
}	

.boxkalkulator .ramkaogolna .ramka {
	float:left;
	width:100%;
}	

.boxkalkulator .ramkaogolna .ramka a {
	font-size:16px;
	padding:30px;
	display:inline-block;
	padding-left:10px;
	padding-right:10px;
	margin-right:10px;
	marginr-left:10px;
}	

.boxkalkulator .ramkaogolna .ramka a.active {
	font-weight:bold;
	border-bottom:5px solid #329D31;
}	



.boxkalkulator .ramkaogolna .ramka2 {
	float:left;
	width:100%;
	background-color:white;
}	

.boxkalkulator .ramkaogolna .ramka2 .sekwencja {
	float:left;
	width:100%;
}	

.boxkalkulator .ramkaogolna .ramka2 .sekwencja .lewa{
	float:left;
	width:60%;
	padding:50px;
}	

.boxkalkulator .ramkaogolna .ramka2 .sekwencja .lewa .naglowek{
	float:left;
	width:100%;
	font-size:20px;
}	

.boxkalkulator .ramkaogolna .ramka2 .sekwencja .lewa .row{
	float:left;
	width:100%;
	margin-top:10px;
	margin-bottom:10px;
}	

.boxkalkulator .ramkaogolna .ramka2 .sekwencja .lewa .row div{
	float:left;
	width:30%;
	margin-right:3.3%;
	display:inline;
	vertical-align:middle;
	line-height: 49px;
	position: relative;
}	

.boxkalkulator .ramkaogolna .ramka2 .sekwencja .lewa .row input {
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 8px 20px;
  border: 2px solid #ECEFF0;
  font-size: 17px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  font-weight: 700;
  font-size: 20px;
}



.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  border: 0px solid #c5c5c5 !important;
  background: ;
  font-weight: normal;
  color: #454545;
	 -webkit-border-radius: 120px;
-moz-border-radius: 120px;
border-radius: 20px;
width: 34px;
height: 34px;
-webkit-box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.14);
-moz-box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.14);
box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.14);
background-color: #FFF !important;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 2.2em !important;
  height: 2.2em !important;
  cursor: pointer;
  -ms-touch-action: none;
  touch-action: none;
}


.ui-slider-horizontal .ui-slider-handle {
  top: -.9em !important;
  margin-left: -.9em !important;
}

.ui-widget.ui-widget-content {
  border: 0px solid #c5c5c5 !important;
	background-color: #F1F3F4 !important;
}

.ui-slider-horizontal {
  height: .6em !important;
}

.boxkalkulator .ramkaogolna .ramka2 .sekwencja .lewa .row div.ui-slider {
  top: 18px !important;
}

.boxkalkulator .ramkaogolna .ramka2 .sekwencja .lewa .row:nth-of-type(2) div:nth-of-type(2):before {
   content:'zl';
	 position: absolute;
	 top: 0;
	 bottom: 0;
	 right: 20px;
	 margin: auto 0;
	 color:#000;
	 font-weight: 300;
}


.boxkalkulator .ramkaogolna .ramka2 .sekwencja .lewa .row:nth-of-type(3) div:nth-of-type(2):before {
   content:'mies';
	 position: absolute;
	 top: 0;
	 bottom: 0;
	 right: 20px;
	 margin: auto 0;
	 color:#000;
	  font-weight: 300;
}

.boxkalkulator .ramkaogolna .ramka2 .sekwencja .lewa .row2:nth-of-type(1) {
	margin-top: 20px;
}	


.boxkalkulator .ramkaogolna .ramka2 .sekwencja .lewa .row2 {
	float:left;
	width:100%;
	border-top:1px solid #E1E7E8;
	border-bottom:1px solid #E1E7E8;
	padding-top:15px;
	padding-bottom:15px;
	margin-bottom: -1px;
}	



.boxkalkulator .ramkaogolna .ramka2 .sekwencja .lewa .row2 input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  border-radius: 50%;
  width: 16px;
  height: 16px;

  border: 1px solid #E6EAEC;
  transition: 0.2s all linear;
  margin-right: 5px;

  position: relative;
  top: 4px;
}

.boxkalkulator .ramkaogolna .ramka2 .sekwencja .lewa .row2 input:checked {
  border: 6px solid #329D31;
}






.boxkalkulator .ramkaogolna .ramka2 .sekwencja .lewa .row3 {
float:left;
width:100%;
padding:25px 20px;
background-color:white;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
position:relative;
margin-top:5px;
margin-bottom:5px;
text-align:left;
border-left:15px solid #329D31;
margin-top:20px;
margin-bottom:0px;
-webkit-box-shadow: 7px 5px 29px -20px rgba(0, 0, 0, 1);
-moz-box-shadow: 7px 5px 29px -20px rgba(0, 0, 0, 1);
box-shadow: 7px 5px 29px -20px rgba(0, 0, 0, 1);
}	




.boxkalkulator .ramkaogolna .ramka2 .sekwencja .lewa .row div.ui-slider {
  position: relative;
  top: 15px;
}


.boxkalkulator .ramkaogolna .ramka2 .sekwencja .lewa .row3 strong {
  font-size: 25px;
  line-height: 35px;
  font-weight: 700;
}



::placeholder { 
  color:#2E2E2E;
  opacity: 1; 
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:#2E2E2E;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color:#2E2E2E;
}



.boxkalkulator .ramkaogolna .ramka2 .sekwencja .prawa{
	float:left;
	width:40%;
	background-color:#EAFBEA;
	padding:50px;
	text-align:center;
}	

.boxkalkulator .ramkaogolna .ramka2 .sekwencja .prawa .naglowek {
	float:left;
	width:100%;
	font-size:18px;
	line-height:25px;
	margin-bottom:20px;
}	

.boxkalkulator .ramkaogolna .ramka2 .sekwencja .prawa .naglowek strong {
  color: #339E32;
  font-size: 30px;
  line-height: 40px;
  font-weight: 700;
}

.boxkalkulator .ramkaogolna .ramka2 .sekwencja .prawa .row {
float:left;
width:100%;
padding:15px 20px;
background-color:white;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
position:relative;
margin-top:5px;
margin-bottom:5px;
text-align:left;
border-left:15px solid #329D31;
}	

.boxkalkulator .ramkaogolna .ramka2 .sekwencja .prawa .row strong {
float:right;
font-size:20px;
font-weight: 700;
}	


.boxkalkulator .ramkaogolna .ramka2 .sekwencja .prawa .przycisk_zielony  {
display:inline-block;
width:100%;
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-transform:uppercase;
  font-size:14px;
}	

.boxkalkulator .ramkaogolna .ramka2 .sekwencja .prawa .przycisk_czarny {
  display: inline-block;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
}


.boxkalkulator .ramkaogolna .ramka2 .sekwencja .prawa .row2 {
float:left;
width:100%;
margin-top:20px;
}	


.boxbezpieczenstwo {
float:left;
width:100%;
color:white;
text-align:center;
background-color: #329D31;
  margin-top: 60px;
}


.boxbezpieczenstwo h2 {
font-size:40px;
line-height:50px;
max-width:600px;
float:left;
display:block;
font-weight:bold;
  max-width: 600px;
  width: 65%;
  float: left;
}	

.boxbezpieczenstwo h2::first-line {
font-weight:400;
font-size:30px;
font-weight: 300;
}	

.boxbezpieczenstwo .ramka {
	background-image:url('../grafika/tlobezpieczenstwo.webp');
	background-repeat : no-repeat;
	background-position:left center;
	padding: 130px 0px 130px 15%;
	text-align: left;
}	

.boxbezpieczenstwo .ramka a {
float:right;
margin-top:40px;
text-transform:uppercase;
}	

.boxbezpieczenstwo .ramka a img {
vertical-align:middle;
margin-left:100px;
}	




.boxkantor {
width: 100%;
float: left;
background-color: #F1F3F4;
padding: 60px 0px;
}
 

.boxkantor .ramka{
position: relative;
background-color: #FFF;
}

.boxkantor .ramka:before{
position: absolute;
width: 70px;
height: 70px;
background-color: #3ECE39;
right: -20px;
top: -20px;
content:'';
}



 
.boxkantor .ramka .img{
position: absolute;
width: 50%;
height: 100%;
bottom: 0;
left: 0;
	background-image:url('../grafika/kantor.webp');
	background-repeat : no-repeat;
	background-position:center center;
	background-size: cover;
}
 


.boxkantor .ramka .txt{
padding: 50px 5% 50px 55%;
float: left;
width: 100%;
}

.boxkantor .ramka .txt big{
font-size: 25px;
line-height: 35px;
font-weight: 300;
}

.boxkantor .ramka .txt a {
white-space: nowrap;
font-size: 14px;
color: #FFF;
text-decoration: none;
background-color: #329D31;
color: white;
padding: 15px 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
margin-top: 15px;
display: inline-block;
 }

.boxkantor .ramka .txt a:hover {
background-color:black;	
}	


.boxkantor .ramka .txt h2{
font-weight: 600;
font-size: 50px;
line-height: 60px;
color: #000;
}
 


.txt_bottom em{
font-size: 20px;
color: #329D31;
}


.txt_bottom strong{
font-weight: 600;
}

.txt_bottom {
margin: 30px 0px 0px 0px;
width: 100%;
padding: 30px 0px 20px 80px;
float: left;
position: relative;
border-top: 1px solid #E1E7E8;
color: #329D31;
}


.txt_bottom img {
top: 20px;
position: absolute;
left: 0;
}



.boxnaszeplacowki {
float:left;
width:100%;
}	


.boxnaszeplacowki .ramka{
float:left;
width:100%;
padding-top:60px;
padding-bottom:60px;
text-align:center;
}	

.boxnaszeplacowki .ramka strong {
font-size:30px;
line-height:40px;
}	

.boxnaszeplacowki .ramka2{
float:left;
width:100%;
background-color:#F1F3F4;
}	

.boxnaszeplacowki .ramka2 .mapa {
float:left;
width:50%;
overflow:hidden;
}	

.boxnaszeplacowki .ramka2 .mapa iframe {
float:left;
width:100%;
height:720px;
}	


.boxnaszeplacowki .ramka2 .txt {
float:left;
width:50%;
padding:50px;
height:600px;
overflow:hidden;
overflow: auto;
}	

.boxnaszeplacowki .ramka2 .txt .row{
float:left;
width:100%;
position:relative;
background-color:white;
margin-top:10px;
margin-bottom:10px;
padding:20px;
padding-left:100px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}	

.boxnaszeplacowki .ramka2 .txt .row .img {
position:absolute;
left:0px;
top:0px;
height:100%;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomleft: 20px;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
}	

.boxnaszeplacowki .ramka2 .txt .row .naglowek {
float:left;
width:30%;
font-weight:bold;
font-size:16px;
}	

.boxnaszeplacowki .ramka2 .txt .row .opis {
float:left;
width:70%;
}	

.boxnaszeplacowki .ramka2 .txt .row .opis img {
vertical-align:middle;
margin-right:10px;
}	

.boxnaszeplacowki .ramka2 .txt .row .opis small {
	color:#339D30;
}	

.boxzobacztakze {
float:left;
width:100%;
}	


.boxzobacztakze .ramka{
float:left;
width:100%;
padding-top:60px;
padding-bottom:60px;
text-align:left;
}	

.boxzobacztakze .ramka strong {
font-size:30px;
line-height:40px;
}	


.boxzobacztakze .ramka2 {
  float: left;
  width: 104%;
  margin-left: -2%;
}

.boxzobacztakze .ramka2 .box{
float:left;
width:46%;
height:345px;
-webkit-box-shadow: 3px 1px 21px -16px rgba(0, 0, 0, 1);
-moz-box-shadow: 3px 1px 21px -16px rgba(0, 0, 0, 1);
box-shadow: 3px 1px 21px -16px rgba(0, 0, 0, 1);
margin:2%;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
padding:30px 30px;
text-align:center;
}	


.boxzobacztakze .ramka2 .box.box1 {
width:66%;
}	


.boxzobacztakze .ramka2 .box.box2 {
width:26%;
text-align:center;
padding:20px 40px;
}	


.boxzobacztakze .ramka2 .box.box2 img {
max-width: 100%;
}	

.boxzobacztakze .ramka2 .box.box3 img {
max-width: 100%;
}	

.boxzobacztakze .ramka2 .box.box4 img {
max-width: 100%;
}	


.boxzobacztakze .ramka2 .box.box1 .img {
float:left;
width:50%;
height:280px;
object-fit:cover;
}	

.boxzobacztakze .ramka2 .box.box1 .img img {
float:left;
width:100%;
height:100%;
object-fit:cover;
}	


.boxzobacztakze .ramka2 .box.box1 .txt {
float:left;
width:50%;
text-align:center;
padding: 20px 40px;
}



.boxzobacztakze .ramka2 .box strong {
  font-size: 18px;
  line-height: 30px;
  font-weight: 600;
}


.boxzobacztakze .ramka2 .box .przycisk_zielony {
text-transform:uppercase;	
font-size:13px;
font-weight:bold;
padding:15px 20px;
}	

.boxinflolinia {
float:left;
width:100%;
background-color:#142026;
padding-top:60px;
padding-bottom:60px;
border-bottom:5px solid #329D31;
color:white;
margin-top:60px;
}	

.boxinflolinia .box{
float:left;
width:50%;
}	

.boxinflolinia .box strong {
font-size:30px;
line-height:40px;
}	

.boxinflolinia .box span {
font-size:40px;
line-height:40px;
font-weight:300;
color:#399936;
}	

.boxinflolinia .box img{
float:left;
margin-right:30px;
}	

.boxinflolinia .box small {
color:#BBBBBB;
font-size:14px;
}	



.boxinflolinia .box2{
float:left;
width:25%;
}	


.boxinflolinia .box2 strong{
color:#329D31;
font-size:17px;
font-weight:400;
text-transform:uppercase;
}	

.boxkurs {
float:left;
width:100%;
margin-top:60px;
margin-bottom:60px;
}	


.boxkurs .box{
float:left;
width:45%;
border:1px solid #E1E7E8;
padding:50px;
margin:2.5%;
position:relative;
height:450px;
}	

.boxkurs .box span.span {
position:absolute;
left:0px;
right:0px;
top:-15px;
margin:0 auto;
display:inline-block;
text-align:center;
width:200px;
background-color:white;
}	


.boxkurs .br-widget-grid {
float:left;
width:100%;
height:400px;
}	


.boxkurs div#currenciesRates {
max-width:100%;	
}	


.sciezka {
padding: 9px 1.5%;
float: left;
width: 100%;
color:#D7D7D7;
position:relative;
z-index:9;
}

.sciezka a{
color: #000;
text-decoration: none;
padding: 0px 15px;
display: inline-block;
font-size: 12px;
}

.sciezka a:hover{
color: #329D31 !important;
}


.sciezka a:first-of-type{
padding-left: 0px;
}


.glowna4nadrzedna .sciezka a{
color: #fff;
}



footer {
float:left;
width:100%;
border-top:1px solid #E1E7E8;
padding-top:50px;
}	

footer .box{
float:left;
width:25%;
padding-left:2%;
padding-right:2%;
}	


footer .box img{
float:left;
max-width:100%;
}	

footer .box img:hover {
opacity:0.7;	
}	



footer .box strong {
font-size:15px;
text-transform:uppercase;
line-height:25px;
}	

footer .ramka2 {
float:left;
width:100%;
margin-top:30px;
margin-bottom:30px;
text-align:center;
}
	
.menu-dodatkowe {
float:left;
width:100%;
position: relative;
background-color: #ECEEF0;
}	


.menu-dodatkowe:before {
left: -20%;
top: 0;
width: 140%;
height: 100%;
position: absolute;
background-color: #ECEEF0;
z-index: -1;
content:'';
}	
.menu-dodatkowe ul {
list-style: none;
margin: 0px 0px;
padding:40px 0px;
}

.menu-dodatkowe ul span {
width: 100%;
flex-wrap: wrap;
display: flex;
}

.menu-dodatkowe ul span li {
  width: 96%;
  margin: 5px 2%;
  background-color: #FFF;
  padding: 20px 50px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}


.menu-dodatkowe ul > span > li a {
display: block;
padding: 40px 10px 40px 120px;
color: #000;
font-size: 20px;
text-decoration: none;
}


.menu-dodatkowe ul > span > li:nth-of-type(1) a {
  background-image: url('../grafika/icon_a.webp');
  background-repeat: no-repeat;
  background-position: left center;
}

.menu-dodatkowe ul > span > li:nth-of-type(2) a {
  background-image: url('../grafika/icon_b.webp');
  background-repeat: no-repeat;
  background-position: left center;
}

.menu-dodatkowe ul > span > li:nth-of-type(3) a {
  background-image: url('../grafika/icon_c.webp');
  background-repeat: no-repeat;
  background-position: left center;
}

.menu-dodatkowe ul > span > li:nth-of-type(4) a {
  background-image: url('../grafika/icon_d.webp');
  background-repeat: no-repeat;
  background-position: left center;
}




#strona74  .menu-dodatkowe ul > span > li a {
  background-image: none !important;
	padding: 0px 10px 0px 60px;
}



#strona74  .menu-dodatkowe ul > span > li  {
  background-image: none !important;
	position: relative;
	overflow: hidden;
}



#strona74  .menu-dodatkowe ul > span > li:before {
  position: absolute;
  top: -40px;
  right: -40px;
  background-color: #329D31;
  -webkit-border-radius: 210px;
  -moz-border-radius: 210px;
  border-radius: 210px;
  width: 80px;
  height: 80px;
  content: '';
}


.tresc h1{
display: none;
}


.tresc {
padding: 40px 0px;
}



.menu-dodatkowe ul span li ul {
padding: 0px 0px;
}

.menu-dodatkowe ul span li ul li {
  padding: 0px 0px;
  width: 31.3%;
  margin: 4px 1%;
  background-color: #FFF;
  padding: 5px 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  display: inline-block;
  font-size: 13px;
	border-bottom: 1px solid #ECEEF0;
}


.menu-dodatkowe ul span li ul li a {
  text-decoration: none;
	color: #000;
	display: block;
padding: 0px 0px 0px 0px;
  font-size: 13px;
	  background-image: none !important;

}

.menu-dodatkowe ul span li ul li a:hover {
	color: #329D31;
}



.poziom3 .menu-dodatkowe {
display:none;	
}	

.poziom3 .tresc-podstrony {
float:left;
width:100%;
}	




.szczegoly2 {
width: 70%;
margin: 0px 15%;
float: left;
border-top: 1px solid #D8DFE0;
}


.tresc_szczegoly {
width: 100%;
margin: 0px 0%;
float: left;
padding: 25px 0px;
}

.tresc_szczegoly b{
font-size: 25px;
font-weight: 600;
line-height: 35px;
color: #000;
}


.img_szczegoly {
width: 110%;
margin: 0px -5%;
float: left;
}


.tresc_szczegoly_zajawka {
width: 100%;
margin: 0px 0%;
float: left;
padding: 25px 0px;
}


.link_stopka {color:#6D6D67;text-decoration:none;font-weight:300;font-size: 12px;}
.link_stopka:hover {color:#329D31;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}

.link_stopka2 {color:#309E2F;text-decoration:none;font-weight:700;}
.link_stopka2:hover {color:black;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}


.link_bialy {
  font-size: 12px;
  letter-spacing: 1px;
}



.link_bialy {color:white;text-decoration:none;}
.link_bialy:hover {color:black;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}


.link_zielony {color:#329D31;text-decoration:none;}
.link_zielony:hover {color:white;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}


.link_zielony2 {color:#329D31;text-decoration:none;}
.link_zielony2:hover {color:black;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}


.link_czarny{color:#2E2E2E;text-decoration:none;}
.link_czarny:hover {color:#329D31;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}

.przycisk_zielony {  white-space: nowrap;font-size:15px;color:#2E2E2E;text-decoration:none;background-color:#329D31;color:white;padding:10px 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
.przycisk_zielony:hover {background-color:black;color:white;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}
.przycisk_zielony img {vertical-align:middle;margin-right:10px;}


.przycisk_czarny {font-size:17px;color:#2E2E2E;text-decoration:none;background-color:#142026;color:white;padding:10px 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
.przycisk_czarny:hover {background-color:#329D31;color:white;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}
.przycisk_czarny img {vertical-align:middle;margin-right:10px;}



.przycisk_bialy {font-size:17px;color:#2E2E2E;text-decoration:none;background-color:white;color:black;padding:15px 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
.przycisk_bialy:hover {background-color:black;color:white;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}













.middle_strona {
float:left;
width: 100%;
overflow: hidden; 
}


#logowanierozwin {
  position: absolute;
  width: 100%;
	background-color: #FFF;
	padding: 30px 60px;
	-webkit-box-shadow: -6px 0px 26px -22px rgba(0,0,0,0.75);
-moz-box-shadow: -6px 0px 26px -22px rgba(0,0,0,0.75);
box-shadow: -6px 0px 26px -22px rgba(0,0,0,0.75);
z-index: 9999999999;
top: 130px;
right: 0;
max-width: 250px;
text-align:center;
}

#logowanierozwin a{
  display: inline-block;
	background-color: #F4F4F4;
	padding: 7px 20px;
  -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
margin: 4px 10px;
color: #000;
text-decoration: none;
font-size: 13px;
}

#logowanierozwin a:hover{
 background-color: #339D30;
color: #FFF;
}








/* hide the link until viewport size is reached */
a.meanmenu-reveal {
	display: none;
}


/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {
	width: 100%;
	position:absolute;
	padding: 0px 0;
	top: 111px;
	right: 0%;
	padding: 0px 0% 0px 0%;
	z-index:999 !important;
}


.mean-container a.meanmenu-reveal {
  width: 100%;
  height: 22px;
  padding: 6px 0px 12px 0px;
  position: absolute;
  z-index: 800 !important;
  top: 0px;
  right: 0px !important;
  cursor: pointer;
  color: #000;
  text-decoration: none;
  font-size: 24px;
  text-indent: -9999em;
  line-height: 30px !important;
  font-size: 28px !important;
  display: block;
  font-weight: 400;
	background-color: #FFF;
	border-bottom: 1px solid #E1E7E8;
}


.mean-container a.meanmenu-reveal span {
  display: block;
  background: #000;
  height: 2px;
  margin-top: 6px;
  font-size: 26px;
  margin-left: auto;
  margin-right: auto;
  max-width: 45px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
	clear: both;
}


.mean-container .mean-nav {
	float: left;
	width: 100%;
	margin-top: 0px;
	margin-left: 0%;
	margin-right: 0%;
}


.mean-container .mean-nav > ul {
  padding: 20px 0% 150px 0% !important;
  width: 100% !important;
  max-width: 100%;
  list-style-type: none;
  position: absolute;
  z-index: 0 !important;
  left: 0%;
  background-color: #FFF;
  position: absolute;
  top: 24px;
  min-height: 300px !important;
  height: 100vh !important;
  max-height: 100vh !important;
  overflow-y: scroll;
  float: none !important;
  scrollbar-width: thin;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  margin-left: 0 !important;
}


.mean-container .mean-nav ul  ul{
	padding: 20px 0px 20px 0px !important;
	width: 100% !important;
	list-style-type: none;
	position: relative !important;
	z-index: 0 !important;
	left: 0% !important;
	top:0px !important;
	margin:10px 0px !important;
	float: left;
  position:relative;
	border-top: 0px solid #555355;
	border-bottom: 0px solid #555355;
	display: block;
}



.mean-container .mean-nav ul li {
	position: relative;
	width:100% !important;
	box-sizing: border-box;
	border-right: 0px solid #EBEBEB;
	padding: 6px 0px !important;
	margin: 0px 0% !important;
	text-align: center;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	float: left;
}


.mean-container .mean-nav ul li a {
  display: inline-block;
  float: none;
  width: 100% !important;
  margin: 0px 10%;
  padding: 10px 90px 10px 50px !important;
  margin: 0 0% !important;
  color: #000 !important;
  text-decoration: none;
  font-weight: 200;
  font-size: 22px !important;
  text-align: center;
  position: relative;
}

.mean-container .mean-nav > ul ul  li:first-of-type:before {
	display: none;
}



.mean-container .mean-nav ul > li:last-of-type {
	padding-bottom: 300px;
}


.mean-container .mean-nav ul ul li {
	position: relative;
	float: left;
	width: 100% !important;
	box-sizing: border-box;
	border-bottom: 0px solid #E0E0E0 !important;
	border-right: 0px solid #EBEBEB !important;
	padding: 0px !important;
	margin: 0px 0% !important;
	font-weight: 400;
		margin: 0px 0% 0px 0% !important;
		padding-right: 0px;
}


.mean-container .mean-nav ul ul li a{
	font-weight: 400 !important;
     color: #000 !important;
	font-size: 17px !important;
	padding-top: 2px !important;
	padding-bottom: 2px !important;
	margin: 0px 0px 0px 0px !important;
	line-height: 25px;
	 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	
}

.mean-container .mean-nav ul ul ul li a {
  font-weight: 300 !important;
  color: #000 !important;
  font-size: 14px !important;
  padding-top: 7px !important;
  padding-bottom: 7px !important;
  line-height: 25px;
  font-weight: 300;
  font-size: 13px;
	 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


.mean-container .mean-nav ul ul li.menubold a{
	font-weight: 500 !important;
	
}

.mean-container .mean-nav ul ul {
	position: relative;
	float: left;
	width: 100% !important;
	box-sizing: border-box;
	border-right: 0px solid #EBEBEB;
	padding: 0px !important;
	margin: 10px 0% 0px 0% !important;
}


.mean-container .mean-nav ul ul ul {
	position: relative;
	float: left;
	width: 100% !important;
	box-sizing: border-box;
	border-right: 0px solid #EBEBEB;
	padding: 0px !important;
	margin: 0px 0% !important;
	display:block !important;
}





.mean-container .mean-nav ul li a {
  display: inline-block;
  float: none;
  width: 100% !important;
  margin: 0px 10%;
  padding: 10px 50px 10px 50px !important;
  margin: 0 0% !important;
  color: #000 !important;
  text-decoration: none;
  font-weight: 200;
  font-size: 22px !important;
  text-align: center;
  position: relative;
	 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


.mean-container .mean-nav ul li a:hover {
	color: #319D30 !important;
	z-index: 600;
}



.mean-container .mean-nav ul li a img{
	display: none;
}


.mean-container .mean-nav ul li  img{
	display: none;
}




.mean-container .mean-nav ul li li a {
	width: 60%;
	padding: 1em 20%;
	opacity: 0.75;
	filter: alpha(opacity=75);
	text-shadow: none !important;
	visibility: visible;
	 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mean-container .mean-nav ul li.mean-last a {
	margin-bottom: 0;
}


.mean-container .mean-nav ul li a.mean-expand {
    margin-top: 0px;
    width: 49px !important;
    height: 35px !important;
    text-align: center;
    position: absolute;
    right: 4%;
    top:10px;
    z-index: 999;
    font-weight: 700 !important;
    border: none !important;
    color: #000 !important;
    padding: 6px 15px !important;
    font-size: 20px !important;
}


.mean-container .mean-nav ul li li a.mean-expand {
    margin-top: 0px;
    width: 29px !important;
    height: 25px !important;
    text-align: center;
    position: absolute;
    right: 4%;
    top: 2px;
    z-index: 99999;
    font-weight: 700 !important;
    border: none !important;
    color: #000 !important;
    padding: 6px 20px !important;
    font-size: 20px !important;
			border: 0px solid #F2F2F2  !important;
			display:none !important;
}




.mean-container .mean-nav ul li a.mean-expand:hover {
	background: transparent;
	color:#319D30 !important;
}

.mean-container .mean-push {
	float: left;
	width: 0%;
	padding: 0;
	margin: 0;
}

.mean-nav .wrapper {
	width: 100%;
	padding: 0;
	margin: 0;
}

/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}


.mean-remove {
	display: none !important;
}



.mean-container .mean-nav ul li li a {
    border-bottom: 0px !important;
}


































@media screen and (min-width:0px) and (max-width:1540px)  

{


.boxoferta .ramka2 .kwadrat {
  position: absolute;
  left: -30px;
  top: -30px;
  z-index: 1;
}




}


@media screen and (min-width:0px) and (max-width:1380px)  

{

#nawigacja-menu li:hover ul li{
width:33.3%;
padding: 4px 0px;
}	


.baner_podstrona_middle h1 {
  bottom: 100px;
  font-weight: 600;
  font-size: 40px;
  line-height: 52px;
  padding-right: 40%;
  padding-left: 5%;
}

.kom_biale li strong {
  font-size: 19px;
  line-height: 26px;
}


}


@media screen and (min-width:0px) and (max-width:1300px)  

{


header .top .menu2 {
  width: 55%;
  padding-left: 10%;
}



}


@media screen and (min-width:0px) and (max-width:1240px)  

{

.boxinflolinia .box.box1 {
  float: left;
  width: 100%;
  text-align: center;
}

.boxinflolinia .box.box1 img {
  float: none;
  margin-right: auto;
  margin-left: auto;
  display: block;
  width: 70px;
  margin-bottom: 20px;
}


.boxinflolinia .box2 {
  float: left;
  width: 50%;
  text-align: center;
  margin-top: 30px;
}
.boxinflolinia .box img {
  float: none;
  margin-right: 30px;
  position: relative;
  bottom: -15px;
}

}


@media screen and (min-width:0px) and (max-width:1200px)  

{

.kom_biale li {
  width: 46%;
  margin: 20px 2%;

}

#nawigacja-menu li:hover ul li{
width:50%;
padding: 4px 0px;
}	



.kom_border li {
  width: 46%;
  margin: 20px 2%;
}


.glowna4.podrzedna .tresc-podstrony {
  float: left;
  width: 100%;
  padding: 20px 0% 40px 0%;
}


.tresc-podstrony h2 {
  font-size: 22px;
  line-height: 33px;
}


.boxnaszeplacowki .ramka2 .txt .row .naglowek {
  float: left;
  width: 100%;
  font-weight: bold;
  font-size: 16px;
}

.boxnaszeplacowki .ramka2 .txt .row  {
 overflow: hidden;
}


.boxnaszeplacowki .ramka2 .txt .row .img {
  height: 79px;
  border-bottom: 200px solid #319D30;
}

.lista-min-kat .min-kat .naglowek {
  font-size: 16px;
  line-height: 28px;
}

.lista-min-kat .min-kat {
  margin: 1%;
  width: 30.3%;
  padding: 30px 30px 80px 30px;
}


.glowna4nadrzedna .tresc .tresc_srodek {
  float: left;
  width: 40%;
  padding-right: 5%;
  padding-top: 0px;
}

.glowna4nadrzedna .tresc big {
  font-size: 15px;
  line-height: 27px;
}

}



@media screen and (min-width:0px) and (max-width:1190px)  

{

.link_czarny {
  color: #2E2E2E;
  text-decoration: none;
  font-size: 15px;
  line-height: 18px;
}

.boxnaszeplacowki .ramka2 .txt .row {
  padding-left: 75px;
}

.boxzobacztakze .ramka2 .box strong {
  font-size: 15px;
  line-height: 22px;
  font-weight: 600;
}

.boxzobacztakze .ramka2 .box.box1 .txt {
  font-size: 14px;
}

.boxzobacztakze .ramka2 .box .przycisk_zielony {
  font-size: 11px;
}


}


@media screen and (min-width:0px) and (max-width:1100px)  

{


.boxoferta .ramka2 .txt .box img {
  float: left;
  margin-right: 20px;
  position: absolute;
  left: 0px;
  top: 20px;
  width: 70px;
}


.boxoferta .ramka2 .txt .box {
  padding-left: 86px;
}

.wpisy .wpis:first-of-type .wpis_txt a:first-of-type {
  font-size: 20px;
  line-height: 32px;
}


}





@media screen and (min-width:0px) and (max-width:1080px)  

{


header .top .menu2 a {
  padding: 5px 7px;
  font-weight: bold;
  font-size: 14px;
}

header .top .menu2 {
  width: 55%;
	margin-right: -5%;
  padding-left: 13%;
}


#no-template-pager span {
  font-size: 13px;
}


.boxkalkulator .ramkaogolna .ramka2 .sekwencja .prawa .row {
  font-size: 11px;
}

.boxkalkulator .ramkaogolna .ramka2 .sekwencja .prawa .row strong {
  float: right;
  font-size: 17px;
  font-weight: 700;
}


.boxbezpieczenstwo h2 {
  font-size: 30px;
  line-height: 40px;
  width: 65%;
  float: left;
}


.wpisy .wpis {
  width: 46%;
  margin: 2%;

}





}





@media screen and (min-width:0px) and (max-width:1000px)  

{



.glowna4nadrzedna .tresc .tresc_srodek {
  float: left;
  width: 100%;
  padding-right: 0%;
  padding-top: 0px;
}


.lista-min-kat {
  float: left;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
}



}


.boxlogowanie {
position:relative;
}	

#dostepnoscirozwin {
position:absolute;
right:0px;
top:50px;
width:100%;
z-index:9999999;
background-color:#E1E7E8;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
padding:20px;
min-height:200px;
color:black;
}	



#dostepnoscirozwin .box{
float:left;
width:50%;
height:50px;
position:relative;
}	

#dostepnoscirozwin .box img{
position:absolute;
left:0px;
right:0px;
top:0px;
bottom:0px;
margin:auto auto;
max-width:30px;
max-height:30px;
display:block !important;
}	








@media screen and (min-width:960px) and (max-width:9999px)  

{

header .top .boxlogowanie {
  max-width: 220px !important;
  min-width: 220px !important;
}


}





@media screen and (min-width:0px) and (max-width:980px)  

{






.baner_podstrona_middle h1 span {
  display: none;
}

.baner_podstrona_middle h1 {
  bottom: 100px;
  font-weight: 600;
  font-size: 31px;
  line-height: 42px;
  padding-right: 30%;
  padding-left: 5%;
}

.boxkalkulator .ramkaogolna .ramka2 .sekwencja .lewa {
  float: left;
  width: 100%;
  padding: 50px;
}

.boxkalkulator .ramkaogolna .ramka2 .sekwencja .prawa {
  float: left;
  width: 100%;
  background-color: #EAFBEA;
  padding: 50px;
  text-align: center;
}


.boxoferta .ramka2 .txt {
  float: left;
  width: 100%;
  text-align: left;
  padding-top: 20px;
}




.boxoferta .ramka2 .txt .box img {
  float: none;
  margin-right: 0px;
  position: relative;
  left: 0px;
  top: 0px;
  width: 70px;
  right: 0;
  display: block;
	margin: 0px auto;
	clear: both;
}


.boxoferta .ramka2 .txt .box {
  padding-left: 0px;
  text-align: center;
}




}




@media screen and (min-width:0px) and (max-width:960px)  

{
	

header .top .boxlogowanie img {
display:none;	
}	


	
	
	

.przycisk_zielony {
  font-size: 12px;
}


header .top .boxlogowanie .przycisk_zielony img {
  top: -1px;
  width: 18px;
}

header .top .boxlogowanie > img {
  vertical-align: middle;
  width: 40px;
}


header .top .boxlogowanie {
  margin-top: 8px;
  max-width: 110px;
  min-width: 110px;
}

header .top .logo img {
  border: 0px;
  float: left;
  width: 220px;
}

.header {
  width: 100%;
  float: left;
  height: 185px;
}


.sciezka a:first-of-type {
  display:none;
}


.sciezka {
  padding: 9px 0%;
}

.sciezka a {
  color: #000;
  text-decoration: none;
  padding: 0px 6px;
  display: inline-block;
  font-size: 10px;
}

.sciezka a:nth-of-type(3) {
 padding-left: 0x;
}


}


@media screen and (min-width:0px) and (max-width:920px)  

{


.boxbezpieczenstwo .ramka {
  padding: 130px 0px 130px 10%;
}

.boxzobacztakze .ramka2 .box.box1 {
  width: 96%;
	height: auto;
}

.boxzobacztakze .ramka2 .box.box2 {
  width: 46%;
}


.boxzobacztakze .ramka2 .box.box4 {
  float: left;
  width: 96%;
	height: auto;
}


.menu-dodatkowe ul span li ul li {
  width: 48%;
  margin: 4px 1%;
}

.tresc-kontakt table.infolinia::before {
  content: '';
  position: absolute;
  left: 60px;
  top: 40px;
  width: 100px;
  height: 200px;
  background-size: 100px;
}



.tresc-kontakt table.infolinia {
  margin: -90px 0px 50px 0px;
  background-color: #329D31;
  padding: 60px 40px 60px 200px;
  color: #FFF;
  border: 0px !important;
  position: relative;
  z-index: 8;
}




}


@media screen and (min-width:0px) and (max-width:890px)  

{




#logowanierozwin {
top: 98px !important;
}


.menu-pionowe {
  display: none;
}

.baner_podstrona_middle h1 {
  bottom: 70px;
}

.baner_podstrona_middle {
  width: 100%;
  height: 25vw;
  float: left;
  position: relative;
  min-height: 210px;
}


nav {
  border-bottom: 0px solid #E1E7E8;
	border-top: 0px solid #E1E7E8;
}

.tresc-podstrony {
  float: left;
  width: 100%;
  padding: 70px 0px 100px 0px;
}


header .top .menu2 {
  display: none;
}

header .top {
  border-bottom: 1px solid #E1E7E8;
}


header .top .logo img {
  border: 0px;
  float: left;
  width: 190px !important;
}

header .top .boxlogowanie {
  margin-top: 4px;
}


header .top {
  padding-top: 10px !important;
  padding-bottom: 4px !important;
	min-height: 73px;
}

.header {
  height: 110px;
}


.next {
  bottom: -20px;
}


.prev {
    bottom: -20px;
}


.header {
  height: 165px;
}



#no-template-pager span {
  font-size: 11px;
	line-height: 17px;
}



}





@media screen and (min-width:890px) and (max-width:1100px)  

{


#menu1 {
	display:none;
}	
	

}



@media screen and (min-width:0px) and (max-width:860px)  

{



.boxbezpieczenstwo .ramka {
  padding: 130px 5% 130px 5%;
  text-align: center;
}


.boxbezpieczenstwo h2 {
  font-size: 30px;
  line-height: 40px;
  width: 100%;
  float: left;
	max-width: 100%;
}


.boxbezpieczenstwo .ramka a {
  float: none;
  margin-top: 40px;
  text-transform: uppercase;
  display: inline-block;
}

.boxkurs .box {
  float: left;
  width: 100%;
  border: 1px solid #E1E7E8;
  padding: 50px 20px;
  margin: 2% 0px;
  height: auto;
}


footer .box:first-of-type {
  float: left;
  width: 100%;
  padding-left: 2%;
  padding-right: 2%;
}

footer .box img {
  float: none;
  max-width: 150px;
  margin-bottom: 30px;
  display: block;
  margin: 0px auto;
}

footer .box.box2 {
  float: left;
  width: 33.3%;
  padding-left: 2%;
  padding-right: 2%;
  padding-top: 30px;
	text-align: center;
}


.img_left tr td:nth-of-type(1) {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
	float: left;
  position: relative;
	display: block;
}

.img_left tr td {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
	float: left;
  position: relative;
	display: block;
	padding-left: 0%;
}


.img_left tr td:nth-of-type(2) {
  padding-left: 0%;
}


.img_left tr td:nth-of-type(1) img {
  width: 100%;
	display:block; 
	vertical-align: middle;
	position: relative;
}



}





@media screen and (min-width:0px) and (max-width:810px)  

{


.boxnaszeplacowki .ramka2 .mapa {
  float: left;
  width: 100%;
}

.boxnaszeplacowki .ramka2 .txt {
  float: left;
  width: 100%;
  padding: 50px 25px;
}

.boxnaszeplacowki .ramka2 .mapa iframe {
  height: 450px;
}
	
.boxkantor .ramka .img {
  position: relative;
  width: 100%;
  height: 70vw;
}

.boxkantor .ramka::before {
  z-index: 1;
}

.boxkantor .ramka .txt {
  padding: 50px 5% 50px 5%;
  float: left;
  width: 100%;
}



}



@media screen and (min-width:0px) and (max-width:780px)  

{
	
	
	.listwazielona .box:first-of-type {
	display:none;	
	}	
	
	
	
	

.tresc-podstrony h3, .tresc h3, .tresc-kontakt h3 {
  color: #000;
  font-size: 24px;
  line-height: 35px;
  position: relative;
  padding: 15px 0px 15px 20px;
  display: block;
  font-weight: 600;
}

.tresc-podstrony h3::before, .tresc h3::before, .tresc-kontakt h3::before {
  left: 0px;
}

.boxkalkulator .ramkaogolna .ramka2 .sekwencja .lewa .row div {
  float: left;
  width: 100%;
  margin-right: 0%;
  display: inline;
  vertical-align: middle;
  line-height: 49px;
  position: relative;
}

.boxkalkulator .ramkaogolna .ramka2 .sekwencja .lewa .row {
  margin-bottom: 20px;
}

.boxkalkulator .ramkaogolna .ramka2 .sekwencja .lewa .row2:nth-of-type(4) {
  margin-top: 30px;
}


table.table_kontakt tr td {
  border: 0px !important;
  position: relative;
  padding: 20px 10%;
  display: block;
  float: left;
	width: 100%;
}


table.table_kontakt tr td {
  width: 100%;
}

table.table_kontakt tr td iframe {
  position: relative;
  width: 100%;
  height: 60vw;
  top: 0;
  left: 0;
  vertical-align: middle;
}



table.table_kontakt tr td:first-of-type {
  border: 0px !important;
  position: relative;
  padding: 0px 0%;
  display: block;
  float: left;
	width: 100%;
}



.pole_left {
  width: 100%;
  float: left;
  padding-right: 0%;
  padding-top: 40px;
}


.pole_right {
  width: 100%;
  float: left;
  padding-left:0%;
  padding-top: 10px;
}

.formularz strong {
  font-weight: 600;
  font-size: 30px;
  line-height: 42px;
  color: #000;
  position: relative;
}

.formularz {
  padding: 40px 50px;
}

.szczegoly2 {
  width: 90%;
  margin: 0px 5%;
  float: left;
  border-top: 1px solid #D8DFE0;
}


}

#strona181 .baner_podstrona_middle {
display:none;	
}	

#strona181  .boxaktualnosci {
	display:none;
}	



@media screen and (min-width:0px) and (max-width:700px)  

{


table.historia tr td {
  padding: 60px 50px;
}


}

.wyniki-wyszukiwania {
float:left;
width:100%;
border-bottom:1px solid #E1E7E8;
padding-top:20px;
padding-bottom:20px;
}	


.wyniki-wyszukiwania a {
	color:#329D31;
}	


.wyniki-wyszukiwania a:hover {
	color:#2E2E2E;
}	


@media screen and (min-width:0px) and (max-width:780px)  

{



.listwazielona .ramka .box:nth-of-type(3) {
  display: none;
}



}



@media screen and (min-width:0px) and (max-width:670px)  

{

.boxkalkulator .ramkaogolna .ramka2 .sekwencja .prawa {
  padding: 50px 30px;
}
.boxkalkulator .ramkaogolna {
  padding: 50px 20px;
}

.boxkalkulator .ramkaogolna .ramka a {
  font-size: 12px;
}

.boxkalkulator .ramkaogolna .ramka a {
  font-size: 12px;
}
.boxkalkulator .ramkaogolna .ramka a {
  padding: 15px;
  padding-left: 6px;
  padding-right: 6px;
}


.boxkalkulator .ramkaogolna .ramka2 .sekwencja .lewa .row2 label{
display: block;
width: 100%;
}


.boxoferta .ramka3 {
  padding-top: 50px;
}


.boxoferta .ramka2 .img {
  width: 100%;
  position: relative;
  left: 0%;
  height: 100%;
  top: 0px;
	float: left;
}

.boxoferta .ramka2 .zdjecie {
  width: 100%;
  position: relative;
  height: 100%;
  object-fit: cover;
  left: 0;
	float: left;
}

.boxoferta .ramka2 .txt {
  float: left;
  width: 100%;
  text-align: center;
  padding-top: 20px;
  padding-left: 4%;
  padding-right: 4%;
	padding-bottom: 0px;
}


.boxoferta .ramka2 .txt .naglowek strong {
  font-size: 40px;
  line-height: 60px;
  font-weight: 700;
}

.boxoferta .ramka2 {
  margin-bottom: 0px;
}



.boxoferta .ramka2:nth-of-type(3) .img {
  width: 100%;
  position: relative;
  left: 0%;
  height: 100%;
  top: 0px;
	float: left;
}
.boxoferta .ramka2:nth-of-type(3) .zdjecie {
  width: 100%;
  position: relative;
  height: 100%;
  object-fit: cover;
  left: 0;
	float: left;
}

.boxoferta .ramka2:nth-of-type(3) .txt {
  float: left;
  width: 100%;
  text-align: center;
  padding-top: 20px;
  padding-left: 4%;
  padding-right: 4%;
	padding-bottom: 0px;
}

.boxoferta .ramka2:nth-of-type(3) .txt .naglowek strong {
  font-size: 40px;
  line-height: 60px;
  font-weight: 700;
}


.boxbezpieczenstwo .ramka {
  padding: 70px 5% 70px 5%;
  text-align: center;
}

.boxbezpieczenstwo h2 {
  font-size: 22px;
  line-height: 34px;
  max-width: 100%;
}




}



@media screen and (min-width:0px) and (max-width:640px)  

{


.tresc-podstrony h3, .tresc h3, .tresc-kontakt h3 {
  font-size: 20px;
  line-height: 35px;
}



.tableszary {
  padding: 60px 40px;
}


.glowna4.podrzedna .baner_podstrona_middle h1, .glowna3nadrzedna .baner_podstrona_middle h1 {
  font-size: 40px;
  line-height: 53px;
}



.boxzobacztakze .ramka2 .box {
  padding-bottom: 40px;
}


.boxzobacztakze .ramka2 .box.box2 {
  width: 96%;
  height: auto;
}

.boxzobacztakze .ramka2 .box.box3 {
  width: 96%;
  height: auto;
}
.boxzobacztakze .ramka2 .box.box2 {
  width: 96%;
  height: auto;
	  padding-bottom: 40px;
}


.link_bialy {
  color: white;
  text-decoration: none;
  font-size: 10px;
}


.header {
  height: 152px;
}


.link_bialy {
  letter-spacing: 0px;
}


.boxbezpieczenstwo .ramka {
  background-position: center center;
}

.boxinflolinia .box2 {
  float: left;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}


.boxinflolinia .box strong {
  font-size: 22px;
  line-height: 40px;
}


.boxinflolinia .box span {
  font-size: 30px;
  line-height: 40px;
  font-weight: 300;
  color: #399936;
}


.wpisy .wpis:first-of-type .img {
  width: 100%;
  float: left;
  display: block;
  position: relative;
  height: auto;
  left: 0;
  top: 0;
}

.wpisy .wpis:first-of-type .img img {
  width: 100%;
  vertical-align: middle;
  width: 100%;
  max-height: 580px;
  object-fit: cover;
  height: 100%;
  position: relative;
  left: 0;
  top: 0;
	float: left;
}
.wpisy .wpis:first-of-type .wpis_txt {
  padding: 40px 50px 90px 50px;
  float: left;
  width: 100%;
}



}



@media screen and (min-width:0px) and (max-width:620px)  

{



.boxaktualnosci .ramka2 {
  float: left;
  width: 97%;
  position: relative;
  margin-top: 60px;
  overflow: hidden;
  padding-bottom: 90px;
}


header .top {
  padding-top: 10px !important;
  padding-bottom: 4px !important;
 max-height: 73px;
min-height: 73px;
}


}



@media screen and (min-width:0px) and (max-width:600px)  

{


.wpisy .wpis .wpis_txt {
  padding: 40px 40px 90px 40px;
  float: left;
  width: 100%;
}


.wpisy .wpis {
  width: 96%;
  margin: 2%;
}


.boxkantor .ramka .txt h2 {
  font-weight: 600;
  font-size: 40px;
  line-height: 50px;
  color: #000;
}


.txt_bottom em {
  font-size: 16px;
  color: #329D31;
}

.txt_bottom img {
  top: 32px;
  position: absolute;
  left: 0;
  width: 50px;
}

.lista-min-kat .min-kat {
  margin: 1%;
  width: 48%;
  padding: 30px 30px 80px 30px;
}

}


@media screen and (min-width:0px) and (max-width:590px)  

{






.menu-dodatkowe ul span li ul li {
  width: 98%;
  margin: 4px 1%;
}



footer .box.box2 {
  float: left;
  width: 100%;
  padding-left: 2%;
  padding-right: 2%;
  padding-top: 30px;
  text-align: center;
}

.boxoferta .ramka3 a {
  margin-left: 0px;
  clear: both;
  display: block;
  max-width: 270px;
  margin: 0px auto;
}


#no-template-pager {
  display: none;
}

.przycisk_zielony {
  padding: 10px 10px;
}


header .top .boxlogowanie {
  margin-top: 4px;
  max-width: 120px;
  min-width: 120px;
}

.boxkalkulator .ramkaogolna .ramka a {
  max-width: 100px;
}

.boxzobacztakze .ramka2 .box.box1 .img {
  float: left;
  width: 100%;
  height: 210px;
  object-fit: cover;
}


.boxzobacztakze .ramka2 .box.box1 .txt {
  float: left;
  width: 100%;
  text-align: center;
  padding: 20px 40px;
}

footer .ramka2 {
  float: left;
  width: 100%;
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
  font-size: 11px;
}

.listwazielona {
  height: 38px;
}


}




@media screen and (min-width:0px) and (max-width:500px)  

{


	.listwazielona .box:nth-child(2) {
	display:none;	
	}	
	
	



#strona219 .formularz {
	 padding: 40px 10px;
 } 



.listwazielona .box {
padding-left: 2px;
padding-right: 2px;
}	

.listwazielona .box2 {
display:none;	
}	



.tresc-kontakt table.infolinia::before {
  content: '';
  position: relative;
  left: 0px;
  top: 0px;
  width: 100px;
  height: 120px;
  background-size: 100px;
  display: block;
  right: 0px;
  margin: 0px auto;
}

.tresc-kontakt table.infolinia {
  padding: 60px 40px 60px 40px;
}

.tresc-kontakt table.infolinia {
  padding: 20px 40px 60px 40px;
}

#logowanierozwin {
  padding: 20px 30px;
  max-width: 300px;
}


#logowanierozwin a {
  display: inline-block;
  padding: 7px 13px;
  font-size: 11px;
}



}



@media screen and (min-width:0px) and (max-width:480px)  

{


header .top .boxlogowanie {
  max-width: 150px !important;
  min-width: 150px !important;
}



.boxaktualnosci .ramka2 .box .boxramka .txt {
font-size:15px;	
}	


.menu-dodatkowe ul span li {
padding:20px;	
}	



.kom_biale li {
  width: 96%;
  margin: 20px 2%;

}


.kom_border li {
  width: 96%;
  margin: 20px 2%;
}


header .top .boxlogowanie .przycisk_zielony img {
  display: none !important;
}

header .top .boxlogowanie {
  margin-top: 4px !important;

}


.link_bialy {
  font-size: 8px !important;
}



}




@media screen and (min-width:0px) and (max-width:350px)  

{


.link_bialy {
  font-size: 6px !important;
}


header .top .logo img {
  width: 120px !important;
  margin-top: 8px !important;
}

header .top .boxlogowanie {
  margin-top: 4px  !important;
max-width: 150px !important;
  min-width: 150px !important;
}


}


.baner_podstrona_middle h1 big::before {
background-color:transparent;	
}	

#dostepnosc {
background-color:black !important;
text-align:center !important;
padding:10px !important;
z-index:99 !important;
float:right !important;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}	

#dostepnosc img{
height:30px !important;
display:block !important;
width:30px !important;
}	

@media screen and (min-width:0px) and (max-width:380px)  

{

  header .top .logo img {
	  width: 170px !important;
  } 


}



@media screen and (min-width:0px) and (max-width:360px)  

{

  header .top .logo img {
	  width: 150px !important;
  } 


}



@media screen and (min-width:0px) and (max-width:3350px)  

{

  header .top .logo img {
	  width: 130px !important;
  } 


}

#logowanierozwin {
  padding: 10px 5px !important;
  top: 50px !important;

}