@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');



/* 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: 28px;
                    color:#4B4B4B;
					background-color:white;
				    font-size:15px;
					font-family: "Mulish", sans-serif;
					font-weight:300;
                }

                blockquote:before, blockquote:after,
                q:before, q:after {
                    content: "";
                }
                blockquote, q {
                    quotes: "" "";
                }

table p {
	color: #333333;
}


div, nav, header, footer, article, aside, section, a , ul , li, p, table, tr, td, select , input {
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

select , input, textarea, button {
      line-height: 27px;
      color:#000;
	  font-size:15px;
	  			font-family: "Mulish", sans-serif;
}
	  

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

#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;
}	



#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: 20px !important;
  display: block !important;
  width: aortant;
}

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

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


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

.header_pasek {
	width: 100%;
	float:left;
	background-color: transparent;
}


header .top{
	width: 100%;
	border: 0px;
	float:left;
	background-color:#D7EBFD;
	padding-top:10px;
	padding-bottom:10px;
}


header .top .ramka {
	display: flex;
	float: none;
	align-items:center;
	justify-content:space-between;
}



header .top img{
	vertical-align:middle;
	margin-left:5px;
	margin-right:5px;
}


header .top .bold{
	font-weight:bold;
}



header .top .box{
	border: 0px;

}


header .top .box2{
	border: 0px;
	text-align:right;
  display: flex;
  	align-items:center;
	position: relative;
}

header .top .box2 .przycisk_niebieski {
  padding: 7px 20px;
}



header .top .box2 a {
margin-left:10px;
}

header .top .box2 .link_niebieski{
	border-bottom:1px solid #2F2E7B;
}

header .top .box2 .link_niebieski:hover{
	border-bottom:1px solid black;
	text-decoration:none;
	color:black;
}


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

header .logo img {
  border: 0px;
  float: left;
  width: 90%;
  max-width: 210px;
}


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


header nav {
	width: 60%;
	border: 0px;
	float:left;
}	


header .boxy {
  border: 0px;
  float: left;
  text-align: right;
  margin-top: 0px;
}


header .ramkaheader {
padding-top:10px;
padding-bottom:10px;
  display: flex;
  	align-items:center;
	float: none;
	justify-content:  space-between;
}	

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

.stronaglowna:before {
right: 0;
top: 0px;
width:50%;
height: 100%;
content:'';
	position: absolute;
	background: #FFF;
background: -webkit-linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(240, 245, 251, 1) 9%);
background: -moz-linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(240, 245, 251, 1) 9%);
background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(240, 245, 251, 1) 9%);
filter: progid:DXImageTransform.Microsoft.gradient(
  startColorstr="#FFFFFF",
  endColorstr="#F0F5FB",
  GradientType=0
);
z-index: -1;
}	


.body {
	width: 100%;
	overflow: hidden;
}

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

header{
    width:100%;
    position:relative;
    z-index:999;
}

/* =========================
   NAV
========================= */

header nav{
     position:static;
}

#nawigacja-menu{
    list-style:none;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:10px;
}

#nawigacja-menu > li{
    position:static;
}

#nawigacja-menu > li > a{
    display:flex;
    align-items:center;
    gap:6px;
    padding:30px 10px;
    text-decoration:none;
    color:#222;
    font-size:14px;
    font-weight:500;
    transition:0.3s;
}

#nawigacja-menu > li:hover > a{
    color:#0BB6F4;
}

/* =========================
   MEGA MENU
========================= */


@media screen and (min-width: 1081px) and (max-width: 999080px)  {



#nawigacja-menu > li > ul{
    position:absolute;
    left:0%;
	right: 0;
	margin: 0px auto;
    top:100%;
    transform:translateX(0%);
    
    width:100%;
    
    background:#fff;
    border-radius:0 0 24px 24px;

    padding:40px 20%;

    display:flex !important;
    flex-wrap:wrap;
    gap:40px;

    opacity:0;
    visibility:hidden;

    transition:all .25s ease;

    box-shadow:
    0 20px 50px rgba(0,0,0,0.12);

    z-index:999;
	scrollbar-width: thin;
}

}


@media screen and (min-width: 1081px) and (max-width: 999080px)  {



/* pokaż menu */
#nawigacja-menu > li:hover > ul{
    opacity:1;
    visibility:visible;
    top:100%;
}



}



/* =========================
   KOLUMNY
========================= */

#nawigacja-menu > li > ul > li{
    width:calc(25% - 30px);
    list-style:none;
}

/* tytuł kolumny */
#nawigacja-menu > li > ul > li > a{
    display:block;
    font-size:16px;
    font-weight:700;
    color:#111;
    text-decoration:none;
    margin-bottom:18px;
    line-height:1.4;
}

/* linki */
#nawigacja-menu > li > ul > li ul{
    list-style:none;
}

#nawigacja-menu > li > ul > li ul li{
    margin-bottom:14px;
}

#nawigacja-menu > li > ul > li ul li a{
    color:#555;
    text-decoration:none;
    line-height:1.5;
    font-size:14px;
    transition:0.3s;
}

#nawigacja-menu > li > ul > li ul li a:hover{
    color:#0BB6F4;
}

/* =========================
   AKTYWNE
========================= */

#nawigacja-menu li.menubold > a{
    color:#0BB6F4;
    font-weight:700;
}

/* =========================
   RESPONSIVE
========================= */

@media(max-width:1250px){

 #nawigacja-menu > li > ul {
    width: 100%;
  }

}

@media(max-width:992px){

    #nawigacja-menu{
        flex-direction:column;
        align-items:flex-start;
    }

    #nawigacja-menu > li{
        width:100%;
    }

    #nawigacja-menu > li > a{
        width:100%;
        padding:18px 20px;
    }

    #nawigacja-menu > li > ul{
        position:relative;
        left:0;
        transform:none;

        width:100%;

        opacity:1;
        visibility:visible;

        display:none ;

        padding:20px;
        border-radius:20px;
        box-shadow:none;
    }



    #nawigacja-menu > li > ul > li{
        width:100%;
    }

}






#nawigacja-menu > li > ul:before {
  top: 100%;
  height: 99900vh;
  content:'';
  position: absolute;
  left: 0;
  background-color: rgba(0,0,0,0.6);
  width: 100%;
}


.hasmega > a::after{
    content:'';
    width:8px;
    height:8px;
    border-right:2px solid #666;
    border-bottom:2px solid #666;
    transform:rotate(45deg);
    margin-top:-4px;
    transition:.3s;
	margin-left: 5px;
}

.hasmega:hover > a::after{
    transform:rotate(225deg);
    margin-top:4px;
}





.header_pasek{
	width:100%;
	float:left;
position:relative;
	z-index:999;
	transition:
	transform .35s ease,
	box-shadow .35s ease;
	top:0;
	left:0;
	z-index:9999;
	transition:transform .35s ease;
}



/* sticky po scrollu */
.header_pasek.sticky{
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:9999;
    background-color: #FFF;
	box-shadow:0 10px 30px rgba(0,0,0,0.08);
}




.header_pasek.hide{
	transform:translateY(-100%);
}





.menu_hamburger{
	display:none;
	width:40px;
	height:32px;
	cursor:pointer;
	position:relative;
	z-index:99999;
}

.menu_hamburger span{
	display:block;
	height:3px;
	background:#000;
	margin:7px 0;
	border-radius:10px;
	transition:.3s;
}



@media(max-width:1080px){

	.menu_hamburger{
		display:block;
	}

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


		header nav{
		position:fixed !important;
		top:0;
		left:-100%;
		width:320px;
		height:100vh;
		background:#fff;
		z-index:999999;
		overflow:auto;
		transition:left .35s ease;
		padding-top:90px;
	}
	
	

	header nav.active{
		left:0;
	position: absolute !important;
    top: 90px;
    left: 0%;
    background-color: #FFF;
    width: 100%;
	}






	#nawigacja-menu{
		flex-direction:column;
		align-items:flex-start;
		width:100%;
		gap:0;
	}

	#nawigacja-menu > li{
		width:100%;
		position:relative;
		border-bottom:1px solid #eee;
	}

	#nawigacja-menu > li > a{
		width:100%;
		padding:18px 20px;
		font-size:16px;
	}

	/* submenu */

	#nawigacja-menu ul{
		display:none !important;
		position:relative !important;
		opacity:1 !important;
		visibility:visible !important;
		left:auto !important;
		top:auto !important;
		transform:none !important;
		width:100% !important;
		padding:0 !important;
		background:#f7f7f7 !important;
		box-shadow:none !important;
		border-radius:0 !important;
	}

	#nawigacja-menu li.open > ul{
		display:block ;
	}

.hasmega.open ul{
	display: block !important;
}

	#nawigacja-menu ul li{
		width:100% !important;
	}

	#nawigacja-menu ul li a{
		display:block;
		padding:14px 25px !important;
		font-size:14px !important;
	}

  .menu_plus {
    position: absolute;
    right: 25px;
    top: 17px;
    width: 28px;
    height: 28px;
    background: #0BB6F4;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    line-height: 0.5;
    cursor: pointer;
    z-index: 99;
  }

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



 header nav {
    padding-top: 0px;
  }
  
  
  
}




@media screen and (min-width: 1081px) and (max-width: 99980px)  {



.menu_plus  {
	display: none;
}


}

 


.header_placeholder{
	display:none;
	width:100%;
	height:110px;
}

.header_placeholder.active{
	display:block;
}







.sciezka {
	display: flex;
	  	align-items:center;
}

.sciezka  a{
	color:#666666;
	text-decoration: none;
	font-size: 13px;
}


.sciezka img {
  margin: 0px 10px;
  max-height: 11px;
}


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

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

.baner .ramka h1 {
	font-size:40px;
	line-height:50px;
}	


.baner .ramka h2 {
	font-size:40px;
	line-height:50px;
	font-weight:bold;
	color:#2C2C7C;
	
}	

.baner .ramka2 {
	float:left;
	width:100%;
	text-align:center;
	padding-left:30px;
	padding-right:30px;
}	


.baner .ramka2 img {
	max-width:100%;
}	



.baner .ramka3 {
	float:left;
	width:100%;
	margin-top:-100px;
	position:relative;
	z-index:99;
}	

.baner .ramka3 .box {
	float:left;
	width:23%;
	margin-left:1%;
	margin-right:1%;
	height:180px;
	padding:30px;
	background-color:white;
box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.06);
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align:top;
  border-radius:30px;
  text-decoration:none;
  color:#2C2C7C;
  position:relative;
  padding-top:50px;
  padding-bottom:50px;
}	

.baner .ramka3 .box:hover{
filter: brightness(80%);
}	


.baner .ramka3 .box small {
  padding: 1px 10px;
  background-color: #E7F2FE;
  border-radius: 20px;
  font-size: 12px;
  position: absolute;
  left: 30px;
  top: 30px;
  font-weight: 600;
}


.baner .ramka3 .box span {
	font-weight:bold;
	font-size:16px;
	line-height:25px;
}	


.baner .ramka3 .box img {
	float:right;
	margin-left:10px;
}	


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


.boxkwartalnik .ramka {
  float: left;
  width: 100%;
  text-align: center;
  padding-top: 80px;
  padding-bottom: 50px;
}


.boxkwartalnik .ramka small {
  color: #6F7974;
  font-size: 16px;
}

.boxkwartalnik .ramka h3 {
  font-size: 30px;
  line-height: 40px;
  color: #000;
  font-weight: 400;
}


.boxkwartalnik .ramka2{
	float:none;
	width:100%;
	text-align:center;
	padding:50px;
	background-color:white;
box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.06);
border-radius:20px;
	display: flex;
  	align-items:center;
}	

.boxkwartalnik .ramka2 .txt {
  float: left;
  width: 40%;
  text-align: left;
  padding-right: 50px;
  margin-top: 0px;
  font-size: 17px;
}


.boxkwartalnik .ramka2 .txt strong {
  font-size: 40px;
  line-height: 54px;
  color: #312F78;
}


.boxkwartalnik .ramka2 .img{
	float:left;
	width:60%;
	position: relative;
}	


.boxkwartalnik .ramka2 .img .box1 {
  float: left;
  width: 40%;
  height: 30vw;
  background-color: #032356;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  vertical-align: middle;
  display: inline-block;
  position: relative;
  z-index: 9;
  max-height: 420px;
}

.boxkwartalnik .ramka2 .img .box1 img{
width:100%;
height:100%;
object-fit:cover;
	-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}	



.boxkwartalnik .ramka2 .img .box2 {
  float: none;
  width: 35%;
  height: 80%;
  vertical-align: middle;
  background-color: #2A2B7B;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  display: inline-block;
  position: relative;
  z-index: 5;
  color: white;
  font-size: 18px;
  line-height: 28px;
  text-decoration: none;
  position: absolute;
  left: 36%;
  top: 0;
  bottom: 0;
  margin: auto 0px;
}


.boxkwartalnik .ramka2 .img .box1:hover img{
filter: brightness(70%);
}	


.boxkwartalnik .ramka2 .img .box2:hover{
filter: brightness(70%);
}	

.boxkwartalnik .ramka2 .img .box3:hover{
filter: brightness(70%);
}	



.boxkwartalnik .ramka2 .img .box2 span {
  width: 60%;
  text-align: center;
  top: 0px;
  bottom: 0px;
  left: 20%;
  margin: auto 0px;
  height: 50px;
  position: absolute;
}


.boxkwartalnik .ramka2 .img .box3 span {
  width: 65%;
  text-align: center;
  top: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto 0px;
  height: 50px;
  position: absolute;
  padding-left: 20%;
}

.boxkwartalnik .ramka2 .img .box3{
	float:none;
	width:30%;
	height:70%;
vertical-align:middle;
	background-color:#0BB6F4;
	-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
display:inline-block;
position:relative;
z-index:3;
color:white;
font-size:18px;
line-height:28px;
text-decoration:none;
position: absolute;
left: 69%;
top:0;
bottom: 0;
margin: auto 0px;
}	



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



.boxaktualnosci .ramka {
  float: none;
  width: 100%;
  text-align: center;
  padding-top: 50px;
  padding-bottom: 50px;
  margin: 0px auto;
  max-width: 700px;
}


.boxaktualnosci .ramka small {
  color: #6F7974;
  font-size: 16px;
  line-height: 28px;
}


.boxaktualnosci .ramka h4 {
  font-size: 30px;
  line-height: 42px;
  color: #111111;
  font-weight: 400;
}


.boxaktualnosci .ramka2{
	float:left;
	width:104%;
	text-align:center;
	margin-left: -2%;
}	


.boxaktualnosci .ramka2 .box{
	float:none;
	width:21% !important;
	text-align:left;
	border-radius:20px;
	margin: 2%;
	display:inline-block;
	border:1px solid #E6E6E6;
}	


.boxaktualnosci .ramka2 .box .img{
	float:left;
	width:100%;
	height:160px;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}	

.boxaktualnosci .ramka2 .box .img img{
	float:left;
	width:100%;
	height:100%;
	object-fit:cover;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}	

.boxaktualnosci .ramka2 .box .img img:hover {
filter: brightness(80%);
}	



.boxaktualnosci .ramka2 .box .txt{
	float:left;
	width:100%;
	padding:20px;
}	

.boxaktualnosci .ramka2 .box .txt .nakladka{
	float:left;
	width:100%;
	margin-top:10px;
	color:#96999D;
}	

.boxaktualnosci .ramka2 .box .txt .nakladka a.link_niebieski{
	float:right;
}	


.boxaktualnosci .ramka2 .box .txt small {
	padding:5px;
	background-color:#E7F2FE;
	border-radius:20px;
	font-size:13px;
}


.boxaktualnosci .ramka2 .box .txt img {
	vertical-align:middle;
	margin-right:10px;
	
}	

.boxaktualnosci .ramka3 {
	float:left;
	width:100%;
	text-align:right;
	padding-top:30px;
	padding-bottom:30px;
}	




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

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

.boxstrefaczlonkow .ramkaogolna {
  float: left;
  width: 100%;
  position: relative;
  padding-top: 50px;
  padding-bottom: 50px;
}


.boxstrefaczlonkow .ramkaogolna::before {
  content: '';
  width: 110%;
  left: -5%;
  top: 0;
  position: absolute;
  height: 100%;
  background-color: #E9F2FC;
  padding: 0px;

  -webkit-border-bottom-right-radius: 30px;
  -webkit-border-bottom-left-radius: 30px;
  -moz-border-radius-bottomright: 30px;
  -moz-border-radius-bottomleft: 30px;
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
  z-index: -1;
}





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

.boxstrefaczlonkow .ramkaogolna .ramka strong {
  font-size: 30px;
  line-height: 40px;
  font-weight: 400;
  color: #000;
}


.boxstrefaczlonkow .ramkaogolna .ramka2 {
	display: flex;
	flex-wrap:wrap;
	width:103%;
	float: none;
	margin:0px -1.5%;
}	



.boxstrefaczlonkow .ramkaogolna .ramka2 .box {
  float: none;
  width: 22%;
  height: 250px;
  padding: 30px;
  background-color: white;
  display: inline-block;
  margin: 1.5%;
  border-radius: 20px;
  color: #302E7A;
  text-decoration: none;
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
}

.boxstrefaczlonkow .ramkaogolna .ramka2 .box span {
  display: block;
  width: 100%;
  font-weight: 500;
  font-size: 16px;
}

.boxstrefaczlonkow .ramkaogolna .ramka2 .box img {
	max-height: 55px;
}
 
.boxstrefaczlonkow .ramkaogolna .ramka2 .box:hover {
	filter: brightness(80%);
}	

 
 .boxdlapacjenta {
	float:left;
	width:100%;
	margin-top:100px;
	position: relative;
	margin-bottom: 100px;
 } 
 
 
.boxdlapacjenta::before {
  position: absolute;
  left: 0;
  width: 100%;
  height: 70%;
  top: 0;
  bottom: 0;
  margin: auto 0px;
  position: absolute;
box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.06);
  background-color: white;
  content: '';
}
 
.boxdlapacjenta .ramka {
  display: flex;
  align-items:center;
  width: 100%;
  position: relative;
  z-index: 1;
  padding: 30px 0px;
}



  .boxdlapacjenta .img{
	float:left;
	width:30%;
	position:relative;
 } 
 
   .boxdlapacjenta .img span {
	color:#2A2B7B;
	font-weight:bold;
	border:1px solid #EBEBEB;
	padding:20px;
	border-radius:20px;
	background-color:white;
	position:absolute;
	z-index:9;
	left:50px;
	top:-30px;
	outline:10px solid white;
 } 
 
 
  .boxdlapacjenta .img img{
	float:left;
	width:100%;
	border-radius:20px;
 } 
 
 
  .boxdlapacjenta .txt{
	float:left;
	width:70%;
	padding:40px 30px 50px 30px;
	padding-left:100px;
 } 
 
 .boxdlapacjenta .txt p {
  font-size: 18px;
  line-height: 29px;
}

   .boxdlapacjenta .txt h5{
	font-size:30px;
	line-height:40px;
	color: #000;
 } 
 


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



.boxkontakt .ramka{
	float:none;
	width:100%;
		display: flex;
  	align-items:center;
	text-align:center;
	padding-top:20px;
	padding-bottom:100px;
}	



.boxkontakt .box{
	float:none;
	width:25%;
	display:inline-block;
	vertical-align:top;
	margin-left:10px;
	margin-right:10px;
}	


.boxkontakt .box.box1 {
  padding-top: 0px;
  text-align: left;
  padding-right: 50px;
  text-align: left;
}


.boxkontakt .box.box1 strong{
font-size:30px;
line-height:40px;
font-weight:400;
color: #000;
}	


.boxkontakt .box.box2{
	background-color:white;
	height:350px;
	padding:30px;
box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.06);
margin-left: 20px;
  margin-right: 10px;
	border-radius:30px;
	text-align:left;
	
}	

.boxkontakt .box.box2 strong {
color:#302E7A;
font-size:17px;
line-height:25px;
}	

.boxkontakt .box.box2 span {
color:#949191;
}	


.boxkontakt .box.box2 .link_niebieski {
font-weight:bold;
font-size:18px;
line-height:25px;
}	

footer {
	float:left;
	width:100%;
}	

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

.boxpartnerzy .ramka{
	float:left;
	width:100%;
	padding-top:20px;
	padding-bottom:20px;
}	


.boxpartnerzy .ramka span {
color:#949191;
}	

.boxpartnerzy .ramka2 .box {
  float: left;
  height: 100px;
  background-color: white;
  position: relative;
  margin-left: 10px;
  margin-right: 10px;
}


.responsive2  {
  float: left;
  width:100%;
  position:relative;
  overflow:hidden;
  
}



.responsive2 .slick-next {
  background-image: url('../grafika/next.webp');
  right: 0px;
    top: 0;
  width: 42px;
  height: 42px;
 bottom: 0;
   z-index: 99;
   position:absolute;
   	background-repeat : no-repeat;
	background-position:center center;
		font-size:0px;
	border:0px;
	background-color:transparent;
	margin:auto 0;
	cursor:pointer;
}


.responsive2 .slick-prev {
  background-image: url('../grafika/prev.webp');
  left: 0px;
  top: 0;
  
  width: 42px;
  height: 42px;
  bottom: 0;
   z-index: 99;
   position:absolute;
   	background-repeat : no-repeat;
	background-position:center center;
		font-size:0px;
	border:0px;
	background-color:transparent;
	margin:auto 0;
	cursor:pointer;
}





.responsive2 .box{
	float:left;
	height:100px;
	background-color:white;
	position:relative;
	margin-left:10px;
	margin-right:10px;
}


.responsive2 .box img {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  margin: auto;
  max-width: 69%;
  max-height: 69%;
}


footer {
float:left;
width:100%;
background-color:#F0F0F0;
padding-top:50px;
padding-bottom:20px;
margin-top:50px;
}	

footer .ramka{
float:left;
width:100%;
padding-bottom:50px;
}	

footer .ramka2 {
  float: left;
  width: 100%;
  padding-top: 50px;
  border-top: 1px solid #D3D3D3;
  margin-top: 20px;
  padding-bottom: 50px;
  display: flex;
   justify-content:  space-between ;
}

footer .ramka .box{
float:left;
width:25%;
}	

footer .ramka .box img {
  vertical-align: middle;
  width: 90%;
  max-width: 230px;
}

footer .ramka .box a.link_niebieski img {
	width:15px; 
}

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


footer .ramka .box strong {
  color: #000;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
}



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



.tresc-podstrony h1, .tresc h1 {
  color: #111111;
  font-size: 46px;
  line-height: 59px;
  display: block;
  padding: 10px 0px 30px 0px;
  font-weight: 500;
}

#strona88 h1, #strona77 h1 {
	text-align: center;
}

#strona78 h1 {
	display: none;
}


#strona60 .tresc-podstrony h1, #strona60 .tresc h1, #strona76 .tresc h1 , #strona76 .tresc-podstrony h1, #strona75 .tresc-podstrony h1 {
  text-align: center;
  margin: 0px auto;
  width: 100%;
  max-width: 700px;
}





#strona77 .tresc-podstrony img, #strona76 .tresc-podstrony img , #strona75 .tresc-podstrony img  {
  display: block;
  width: 100%;
  max-width: 1000px;
  margin: 20px auto;
  max-height: 400px;
  object-fit: cover;
  position:relative;
  z-index: 2;
}

.boksytable {
	width: 100%;
	display: block;
}

.boksytable tr {
	flex-wrap: wrap;
	display: flex;
	width: 100%;
	gap: 40px;
}


.boksytable tr td {
width: 31.4%;
	border-radius:30px;
	background-color: #FFF;
box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.06);
	padding: 40px;
}

#strona75 .boksytable tr td {
border: 1px solid #F0F2F4;
}

#strona75 .boksytable tr td:hover {
border: 1px solid #0BB6F4;
}

.boksytable h4 a {
	padding: 0px 0px 30px 0px;
	border: 0px;
	font-weight: 700;
		 color: #111111;
}


.txt_column {
	width: 100%;
	margin: 60px 0px;
}

.txt_column tr {
	display: flex;
		gap: 40px;
		  	align-items:center;
}

.tresc-podstrony .txt_column tr ul, .tresc .txt_column tr ul {
  background-color: transparent;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  padding: 0px 0px;
}



.boksytable tr td strong {
  color: #0BB6F4;
  font-size: 20px;
  font-weight: 300;
  line-height: 34px;
  padding-right: 60px;
  background-image: url('../grafika/boks_strzalka.png');
  background-repeat: no-repeat;
  background-position: right top;
  width: 100%;
  display: block;
  margin-bottom: 20px;
}

.boksytable tr td small {
  color: #000;
  font-weight: 700;
}




.bialetlo {
	width: 100%;
	position: relative;
}

.bialetlo:before {
	width: 200%;
	height: 130%;
	left: -50%;
	background-color: #FFF;
	content:'';
	bottom: 0px;
	position: absolute;
}

.bialetlo tr {
	width: 100%;
	position: relative;
}

.bialetlo tr td  {
	padding: 70px 0px;
}


.tresc-podstrony h4, .tresc h4 {
  color: #111111;
  font-size: 26px;
  line-height: 39px;
  display: block;
  padding: 30px 0px 30px 0px;
  font-weight: 500;
  max-width: 980px;
  width: 100%;
  margin: 0px auto;
}


.tresc-podstrony ul, .tresc ul {
  max-width: 100%;
  width: 100%;
  margin: 0px auto;
  	background-color: #EEF2F7;
		-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
padding: 50px 70px;
display: flex;
flex-wrap: wrap;
list-style: none;
}


.tresc-podstrony ul li, .tresc ul li {
  max-width: 50%;
  width: 50%;
  position: relative;
  padding: 10px 10px 10px 40px;

}

.tresc-podstrony ul li:before, .tresc ul li:before {
  content:'';
  position: absolute;
  left: 14px;
  top: 19px;
  		-webkit-border-radius: 60px;
-moz-border-radius: 60px;
border-radius: 60px;
background-color: #0BB6F4;
width: 9px;
height: 9px;
display: block;
}



table.zarzad  {
	width: 100%;
}

table.zarzad tbody {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

table.zarzad tbody tr {
	width: 20%;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}

table.zarzad tbody tr td {
	width: 100%;
}





.tlo_podstrona {
  width: 100%;
  float: left;
  position: relative;
  overflow: hidden;
}

.tlo_podstrona:before {
  background-color: #F5F9FC;
  width: 100%;
  height: 140vh;
  min-height: 1400px;
  left: 0;
  top: 0;
  position:absolute;
  content:'';
  z-index: -2;
}


.tlo_podstrona:after {
  background-image: url('../grafika/such.webp');
  background-repeat: no-repeat;
  background-position: center center;
    position:absolute;
	left: 5%;
  top: 190px;
content:'';
width:280px;
height: 542px;
  z-index: -1;
  opacity: 0.5;
}

#strona77 .tlo_podstrona:before {
  width: 100%;
  height: 160vh;
  min-height: 1800px;
}



table.table {
	width: 100%;
    background-color: #FFF;
	-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.06);
padding: 60px;
 border-spacing: 0px;
    border-collapse: separate;
	scrollbar-width: thin;
}



table.table tr td {
	padding: 20px;
}

table.table tr td {
	padding: 20px;
}

table.table tr:nth-of-type(odd) td {
	background-color: #F6FAFE;
}

table.table tr td {
	text-align: center !important;
}

table.table tr td:first-of-type {
	text-align: left !important;
}

table.table tr th:first-of-type {
	text-align: left !important;
}

table.table tr th strong {
	display:inline-block;
	padding: 5px 20px;
	color: #FFF;
	font-weight: 600;
	background-color: #0BB6F4;
		-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
font-size:13px; 
}


.banerpodstrona_txt {
	width: 100%;
	position: relative;
	margin: 0px 0px;
}

.banerpodstrona_txt:before {
	width: 110%;
	position: absolute;
	left: -5%;
	height: 100%;
    background-color: #FFF;
	-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.06);
content:'';
}


.banerpodstrona_txt tr {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 100px;
  padding: 50px 0px;
  position: relative;
  z-index: 5;
}

.banerpodstrona_txt.column tr {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 50px;
  padding: 50px 0px;
  position: relative;
  z-index: 5;
  flex-wrap: wrap;
  align-items:flex-start;
}


.banerpodstrona_txt.column tbody {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 100px;
  padding: 50px 0px;
  position: relative;
  z-index: 5;
  flex-wrap: wrap;
}






.banerpodstrona_txt tr td {
	width: 50%;
}

.banerpodstrona_txt.column tr td {
  width: 22.2% !important;
  text-align: left !important;
}


#strona74  .banerpodstrona_txt  tr td {
	width: 100%;
}


#strona74  .banerpodstrona_txt  tr td p {
	width: 31.3%;
	margin: 1%;
	float: left;
}

#strona74  .banerpodstrona_txt  tr td p img {
	width: 100%;
}


.tresc-podstrony .banerpodstrona_txt.column a, .tresc .banerpodstrona_txt.column a  {
  display: block;
  padding: 12px 20px;
  border-radius: 0px;
  border: 0px solid #000;
    border-top-width: 0px;
    border-top-style: solid;
    border-top-color: rgb(0, 0, 0);
  border-top: 1px solid #F0F0F0;
  margin-right: 0px;
  text-decoration: none;
  color: #000;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  color: #0BB6F4;
	font-weight: 600;
}


.banerpodstrona_txt.column tr td img {
width:auto !important;
max-height: 60px !important;
height: 100% !important;
clear: both;
margin-bottom: 10px;
}

.banerpodstrona_txt.column tr td  strong {
	display: block;
	padding: 10px 0px;
	font-size: 18px;
	line-height: 30px;
	color: #000;
}


.banerpodstrona_txt tr td img {
	width: 100%;
}

.glowna2.podrzedna .tresc-podstrony h1 {
	display: none;
}


.tresc-podstrony h2, .tresc h2 {
	 color: #111111;
  font-size: 36px;
  line-height: 49px;
  font-weight: 500;
  display: block;
  padding: 15px 0px;
}

.tresc-podstrony h3, .tresc h3 {
  color: #111111;
  font-size: 22px;
  line-height: 36px;
  font-weight: 500;
  display: block;
  padding: 15px 0px;
  max-width: 800px;
}


.tresc-podstrony big, .tresc big {
  font-size: 19px;
  line-height: 32px;
  padding: 10px 0px 30px 0px;
  color: #000;
  display: block;
}


.tresc-podstrony a, .tresc a {
display: inline-block;
padding: 15px 20px;
border-radius:20px;
border: 1px solid #000;
margin-right: 20px;
text-decoration: none;
color: #000;
}


.tresc-podstrony a.przycisk_niebieski, .tresc a.przycisk_niebieski {
border: 1px solid #0BB6F4;
color: #fff;
font-weight: 600;
}


.tableszary {
	background-color: #E0EBF3;
		-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
padding: 50px 70px;
position:relative;
  border: 0px !important;
}

.tableszary:before {
	background-color: #0BB6F4;
		-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
width: 10px;
height: 100px;
left: -5px;
top: 60px;
position:absolute;
content:'';
}


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


table.zarzad tbody {
   border: 0px !important;
     display: flex;
  flex-wrap: wrap;
    width: 100%;
}


table.zarzad tbody tr {
  width: 18.2%;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
   border: 0px !important;
   text-align: center;
}

table.zarzad tbody tr:first-of-type {
width: 38.8%;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
   border: 1px solid #0BB6F4 !important;
   text-align: center;
   		-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
padding: 30px;
}


table.zarzad tbody tr td {
  border: 0px !important;
}

table.zarzad tbody tr td:nth-of-type(3) {
  font-size: 21px;
  line-height: 34px;
}

table.zarzad tbody tr td:last-of-type strong {
  font-size: 17px;
  line-height:29px;
  margin-top: 10px;
  background-color:#000;
color: #FFF;
padding: 7px 20px;
text-align: center;
font-weight: 500;  
   		-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
display: inline-block;
}


table.zarzad tbody tr td:nth-of-type(1) {
  font-size: 13px;
  line-height: 24px;
  font-weight: 600;
  color: #999999;
  letter-spacing: 2px;
  padding-bottom: 10px;
}


table.zarzad tbody tr td:nth-of-type(3) strong {
  font-weight: 400 !important;
}



table.zarzad tbody tr td img {
  width: 90%;
  display: block;
  margin: 0px auto;
  max-width: 200px;
}


.tresc-podstrony table.zarzad tbody tr td a, .tresc table.zarzad tbody tr td a {
  display: inline-block;
  padding: 0px 0px;
  border-radius: 0px;
  border: 0px solid #000;
  margin-right: 20px;
  text-decoration: none;
  color: #0BB6F4;
  font-weight: 600;
}



div.step-item {
	max-width: 800px;
	width: 100%;
	margin: 0px auto;
	padding: 50px 0px;
}

div.step-item:before {
	content:'';
	width: 2px;
	position: absolute;
	left:0;
	right: 0;
	margin: 0px auto;
	height: 100%;
	background-color: #0BB6F4;
}


div.step-item h3{
	width: 120px;
	height: 120px;
	margin: 0px auto -50px auto;
	padding: 40px 20px;
	background-color: #FFF;
	   		-webkit-border-radius: 60px;
-moz-border-radius: 60px;
border-radius: 60px;
position: relative;
z-index: 5;
text-align: center;
}


div.step-item iframe {
  width: 100%;
  position: relative;
  height: 35vw;
  max-height: 450px;
}


.dataTables_length {
	margin-left: 10%;
	width: 40%;
	float: left;
	padding: 10px 30px;
	background-color: #FFF;
	margin-top: -50px;
	position: relative;
	z-index: 999;
	margin-bottom: 20px;
	-webkit-border-top-left-radius: 30px;
-webkit-border-bottom-left-radius: 30px;
-moz-border-radius-topleft: 30px;
-moz-border-radius-bottomleft: 30px;
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
text-align:center;
}

.dataTables_length label, .dataTables_filter label {
display: flex;
height: 90px;
 align-items:center;
 justify-content:center; 
}


.dataTables_filter {
	margin-right: 10%;
	width: 40%;
	float: left;
	padding: 10px 30px;
	background-color: #FFF;
	margin-top: -50px;
	position: relative;
	z-index: 999;
	margin-bottom: 20px;
	-webkit-border-top-right-radius: 30px;
-webkit-border-bottom-right-radius: 30px;
-moz-border-radius-topright: 30px;
-moz-border-radius-bottomright: 30px;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
text-align:center;
}

.leaflet-touch .leaflet-bar a {
  width: 30px;
  height: 30px;
  line-height: 30px;
  padding: 0px 0px;
  margin-right: 0px;
  border: 0px;
  border-radius: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}


.dataTables_length  select {
	padding: 15px 20px;
	border: 0px;
	background-color: #F3F3F3;
		   		-webkit-border-radius: 60px;
-moz-border-radius: 60px;
border-radius: 60px;
margin: 0px 10px;
}


.dataTables_filter input {
		padding: 10px 20px;
	border: 0px;
	background-color: #fff;
	border: 1px solid #CCCCCC;
		   		-webkit-border-radius: 60px;
-moz-border-radius: 60px;
border-radius: 60px;
margin: 0px 10px;
}

#map {
  z-index: 1;
}


.paginate_button.previous, .paginate_button.next  {
	border: 0px !important;
}

.dataTables_paginate {
	width: 100%;
	padding: 10px 0px;
	text-align: center;
}

.dataTables_info {
	width: 100%;
	padding: 3px 0px;
	color: #9D9D9D;
	font-size: 12px;
}



.dataTable {
	width: 100% !important;
}


.dataTable {
	width: 100% !important;
	border: 0px !important;
}

.dataTable td {
	border: 0px !important;
}

.dataTable th {
	border: 0px !important;
	color: #9D9D9D;
	font-size: 13px;
	padding: 0px 10px 20px 10px;
}

.dataTable {
  width: 100%;
  height: 100%;
  background-color: #FFF;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.06);
  padding: 0px 50px 50px 50px;
  margin-top: 30px;
  float: left;
}



.panel_logowanie {
	  width: 100%;
  height: 100%;
  background-color: #FFF;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.06);
  padding: 0px 50px 50px 50px;
  margin-top: 30px;
  float: left;
  text-align: center;
}

.tresc-podstrony .panel_logowanie h2, .tresc .panel_logowanie h2, .tresc-podstrony .panel_logowanie h5, .tresc .panel_logowanie h5 {
  margin: 0px auto;
  width: 100%;
  max-width: 600px;
  text-align: center;
  font-size: 21px;
  	 color: #111111;
}

 .tresc-podstrony .panel_logowanie h5, .tresc .panel_logowanie h5 {
	 padding: 30px 0px;
 }
 
 
  .tresc-podstrony .panel_logowanie p, .tresc .panel_logowanie p {
  margin: 0px auto;
  width: 100%;
  max-width: 600px;
  text-align: center;
  border-top: 1px solid #DCDFE4;
  padding: 15px;
 }
 
   .tresc-podstrony .panel_logowanie a, .tresc .panel_logowanie a {
  margin: 5px 10px;
 }
 
 
   .tresc-podstrony ol ol , .tresc ol ol {
	 padding-left: 30px;
 }
 
 

.panel_logowanie form {
	  margin: 0px auto;
  width: 100%;
  max-width: 600px;
  text-align: center;
  display: flex;
  justify-content: center ;
}

input , textarea, select, button {
	border: 1px solid #DCDFE4;
	padding: 11px 20px;
	background-color: #FFF;
	  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}

.panel_logowanie input ,  .panel_logowanie textarea,  .panel_logowanie select {
	margin-left: 5px;
	margin-right: 5px;
}

.panel_logowanie button  {
		border: 1px solid #2A2B7B;
	padding: 11px 20px;
	background-color: #2A2B7B;
	  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  font-weight: 600;
  color: #FFF;
  	margin-left: 5px;
	margin-right: 5px;
}

.dataTable thead {
    background: #F5F9FC;
	position: relative;
}

.dataTable thead::before {
  left: -5%;
  right: 0;
  bottom: 0;
  width: 140%;
  background: #F5F9FC;
  height: 115%;
  position: absolute;
  margin: 0px auto;
  content: '';
  z-index: 0;
}

.dataTable th {
  position: relative;
  z-index: 4;
}

.dataTable tbody {
    background: #fff;
	border-top: 20px solid #fff;
}

.dataTable tbody tr.even td, .dataTable tbody tr:nth-of-type(even) td {
	background-color: #F1F8FE;
}

.dataTable tbody tr td {
	padding: 20px 10px;
}


.dataTable tbody tr td:first-of-type {
-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;
}

.dataTable tbody tr td:last-of-type {
-webkit-border-top-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomright: 20px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
font-weight: 700;
text-align: center;
}





.tresc-podstrony a.paginate_button, .tresc a.paginate_button {
  display: inline-block;
  padding: 7px 16px;
  border-radius: 20px;
  border: 1px solid #DADADA;
  margin-right: 5px;
  margin-left: 5px;
  text-decoration: none;
  color: #000;
}


.paginate_button.current {
	  border: 1px solid #0BB6F4 !important;
	  background-color: #0BB6F4;
	  font-weight: 600;
	  color: #FFF !important;
}





.kontakt_tabela {
	width: 100% !important;
}


.kontakt_tabela tr {
	width: 100% !important;
	display: flex;
	align-items: center;
}


.kontakt_tabela .kontakt_boks {
	width: 100% !important;
	display: flex;
}

.kontakt_tabela .kontakt_boks tr {
	width: 100% !important;
	display: flex;
	flex-wrap: wrap;
}


.kontakt_tabela .kontakt_boks tr td {
border-radius: 30px;
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.06) 0px 10px 15px 0px;
  padding: 40px;
  width: 46%;
  margin: 2%;
}


.kontakt_tabela h2 {
	font-size: 40px;
	line-height: 52px;
		 color: #111111;
}

.kontakt_tabela .kontakt_boks a {
	font-weight: 700;
	color: #000;
	text-decoration: none;
}

 .kontakt_tabela .kontakt_boks h4 {
  color: rgb(11, 182, 244);
  font-size: 20px;
  font-weight: 300;
  line-height: 34px;
  margin-bottom: 20px;
}

.tresc-kontakt h1 {
	display: none;
}

.formularz {
	display: flex;
	max-width: 1000px;
	width: 100%;
	margin: 50px auto 80px auto;
}

.formularz .pole {
	width: 100%;
	color: #000;
	font-size: 13px;
	position: relative;
}

.formularz .pole img {
	right: 10px;
	bottom: 15px;
	position: absolute;
}

.formularz .przycisk {
	background-color: #011B56;
	border: 1px solid #011B56;
	color: #FFF;
	font-weight: 600;
}

.formularz .pole input {
	width: 100%;
}

.formularz .pole2 {
	width: 100%;
	color: #000;
	font-size: 13px;
}

.formularz .pole2 textarea {
	width: 100%;
}


.formularz .ramka  {
	padding-right: 40px;
	padding-top: 40px;
}

.formularz .ramka strong  {
	font-weight: 400;
	font-size: 30px;
	line-height: 42px;
	display: block;
	color: #111111;
}

.formularz .ramka img  {
	margin-top: 30px;
}

.formularz .ramka  img {
	width: 100%;
}

.formularz .ramka2 {
border-radius: 30px;
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.06) 0px 10px 15px 0px;
  padding: 60px;
}	




.wpisy {
	display:flex;
	flex-wrap: wrap;
	width: 100%;
}



.wpis {
  float: none;
  width:31.3%;
  text-align: left;
  border-radius: 20px;
  margin: 1%;
  border: 1px solid #E6E6E6;
  background-color: white;
}


.wpis a.opacity2  {
  width: 100%;
  border: 0px !important;
  padding: 0px 0px;
  border-radius: 25px;
  overflow: hidden;
}




.wpis a.opacity2 img {
  width: 100%;
vertical-align: middle;
}

.wpis small {
border:1px solid #B6D7EF;
  border-radius: 35px;
  padding: 11px 20px;
  font-size: 13px;
  font-weight: 600;
  color: #2A2B7B;
  display: inline-block;
  margin: 15px 10%;
}

.wpis .zajawka {
	padding: 10px 10%;
}



.wpis	a.nazwa {
color: #000;
text-decoration: none;
font-size: 20px;
line-height: 34px;
text-decoration: none;
border: 0px;
padding: 10px 0px 10px 0px;
}


.wpis .link_niebieski {
  color: #2F2E7B;
  text-decoration: none;
   padding: 20px 0px;
  border: 0px;
  font-weight: 500;
}


.link_stopka {
  color: #5B5A5C;
  text-decoration: none;
  font-size: 15px;
  font-weight: 400;
  display: block;
  padding-right: 30px;
}
.link_stopka:hover {color:#2A2B7B;text-decoration:underline;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}




.link_niebieski { color:#2F2E7B;text-decoration:none;font-weight:400;}
.link_niebieski:hover {color:#2F2E7B;text-decoration:underline;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}

.przycisk_niebieski {
  color: white;
  text-decoration: none;
  background-color: #0BB6F4;
  padding: 9px 20px;
  border-radius: 20px;
  font-weight: 500;
}
.przycisk_niebieski:hover {background-color:#2F2E7B;text-decoration:none;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}


.przycisk_zielony { color:white;text-decoration:none;background-color:#31D788;padding:10px 20px;border-radius:20px;}
.przycisk_zielony:hover {background-color:#2F2E7B;text-decoration:none;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}

.przycisk_ramka { text-decoration:none;font-size: 14px;font-weight: 500;border:1px solid #272C7C; padding:9px 20px;border-radius:20px;color:#272C7C;}
.przycisk_ramka:hover {background-color:#272C7C;color:white;text-decoration:none;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}



.link_czarny {
  color: black;
  text-decoration: none;
  font-weight: 400;
  display: block;
  line-height: 25px;
}
.link_czarny:hover {color:#2A2B7B;text-decoration:underline;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}




.link_szary {
  color: #4B4B4B;
  text-decoration: none;
}
.link_szary:hover {color:#2A2B7B;text-decoration:underline;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}


footer .link_czarny {
margin-right:10px;	
}	



header .top .box2 .przycisk_niebieski {
  font-weight: 600;
}


header  .przycisk_zielony {
   font-weight: 600;
}

table.table tr td:last-of-type {
  color: #000;
  font-weight: 700;
}

.tableszary  ol  li {
	  font-weight: 500;
	  color: #000;
  }


.tableszary  ol  ol {
	  font-weight: 300;
	  color: #000;
  }





#strona75 .boksytable tr td:nth-of-type(2) {
  background-color: #D5EAFD;
}






@media screen and (min-width: 1420px) and (max-width: 99510px)  {


#nawigacja-menu > li > ul {
  padding-left:  18% !important;
  padding-right: 18% !important;
}

}




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


table.zarzad tbody tr {
  width: 18.0%;
}


}





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



.baner .ramka3 .box img {
  float: right;
  margin-left: 10px;
  max-height: 30px;
  margin-top: -20px;
}

.banerpodstrona_txt.column tr td {
  width: 21.2% !important;
  text-align: left !important;
}

}


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


.boxkontakt .box.box2 .przycisk_niebieski {
  font-size: 12px;
  font-weight: 500;
}


}


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


table.zarzad tbody tr {
  width: 17.6%;
}

}


@media screen and (min-width: 1081px) and (max-width: 1360px)  {


#nawigacja-menu > li:first-of-type {
  display: none;
}


}



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


.boksytable tr td {
  width: 30.1% !important;
}


}




@media screen and (min-width: 1081px) and (max-width: 1250px)  {



#nawigacja-menu > li > a {
  font-size: 14px !important;
}


}







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




 table.zarzad tbody tr {
    width: 22.6%;
  }
  
  table.zarzad tbody tr:first-of-type {
  width: 48.8%;
}



}




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

.boxkontakt .ramka {
  display: flex;
  flex-wrap: wrap;
}

.boxkontakt .box.box1 {
  width: 100%;
  text-align: center;
  padding-right: 0px;
}

.boxkontakt .box.box2 {
  float: none;
  width: 29.3%;
  margin-left: 2%;
  margin-right: 2%;
}

.boxdlapacjenta {
  margin-bottom: 50px;
}

  .boxkontakt .box.box1 {
    padding-bottom: 40px;
  }

.przycisk_niebieski {
  font-size: 13px;
}


.tresc-podstrony a, .tresc a {
  font-size: 13px;
}

  .banerpodstrona_txt.column tr td {
    width: 29.3% !important;
    text-align: left !important;
  }
  
  div.step-item iframe {
  height: 41vw;
}



div.step-item h3 {
  width: 80px;
  height: 80px;
  margin: 0px auto -30px auto;
  padding: 20px 20px;
  background-color: #FFF;
  text-align: center;
  font-size: 13px;
}

.boksytable h4 a {
  font-size: 20px !important;
}


}



@media screen and (min-width: 0px) and (max-width: 1100px) {
  .baner .ramka3 .box {
    float: none;
     width: 42% !important;
    display: inline-block;
    vertical-align: top;
    margin: 2% !important;
  }
  
    .baner .ramka3 {
    margin-top: -60px !important;
  }
  
  
  .boxaktualnosci .ramka2 .box {
  float: none;
  width: 46% !important;
  margin: 2%;
    margin-top: 2%;
    margin-bottom: 2%;
  }
  
  
  .boxaktualnosci .ramka2 {
  float: none;
  width: 100%;
  text-align: center;
  max-width: 650px;
  margin: 0px auto;
}

  .boxkontakt .box.box2 {
    padding: 30px 30px !important;
  }
  
  
   table.zarzad tbody tr {
    width: 22.2%;
  }
  
    .banerpodstrona_txt.column tr td {
    width: 28.3% !important;
    text-align: left !important;
  }
  
   .boksytable tr td {
    width: 46% !important;
  }
  
  
}


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



header .ramkaheader {
  padding-top: 20px;
  padding-bottom: 20px;
}

.banerpodstrona_txt tr {
  flex-wrap: wrap;
  max-width: 800px;
  margin: 0px auto;
}


.banerpodstrona_txt tr td {
  width: 100%;
}




}



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



header .top .box span:last-of-type {
	display: none;
}


header .logo {
  width: 70%;
}


  .boxy {
    display: block;
	order: 2;
  }
  
    .menu_hamburger {
    	order: 3;
  }
  
  
  header .boxy {
  max-width: 180px;
  min-width: 175px;
  font-size: 13px;
  margin-right: 15px;
}


.kontakt_tabela tr td {
  width: 100% !important;
}


.kontakt_tabela tr  {
  flex-wrap: wrap;
}


.kontakt_tabela h2 {
  font-size: 40px;
  line-height: 52px;
}

.kontakt_tabela .kontakt_boks tr td {
  width: 46% !important;
  margin: 2%;
    text-align: left;
}

  .kontakt_tabela tr td {

    text-align: center;
  }

}



@media screen and (min-width: 0px) and (max-width: 1000px) {
	
	
   table.zarzad tbody tr {
    width: 21.4%;
  }
  
    div.step-item iframe {
    height: 52vw;
  }
  
  
}


@media screen and (min-width: 0px) and (max-width: 980px) {
   table.zarzad tbody tr {
    width: 21.4%;
  }
  
  
}


@media screen and (min-width: 0px) and (max-width: 900px) {
  .boxkwartalnik .ramka2 {
    display: flex !important;
    flex-wrap: wrap !important;
  }
  
  
    footer .ramka .box:first-of-type {
    width: 100%;
	text-align: center;
  }
  
  
 footer .ramka .box {
    width: 33.3 %;
    text-align: left;
    margin-top: 40px;
  }
  

  
  .boxkwartalnik .ramka2 {
  float: none;
  width: 100%;
  text-align: center;
  padding: 50px !important;
  background-color: white !important;
  box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.06) !important;
  border-radius: 20px !important;
  display: flex;
  align-items: center;
}

  .boxkwartalnik .ramka2 .txt {
    text-align: center;
  }
  
  .boxkwartalnik .ramka2 .img .box1 {
  height: 43vw;
  max-height: 420px;
}

  .boxkwartalnik .ramka2 .txt {
    padding-right: 0px;
  }
  
  .boxdlapacjenta .img {
  width: 100%;
  position: relative;
}

.boxdlapacjenta .ramka {
  display: flex;
  flex-wrap: wrap;
}


.boxdlapacjenta .txt {
  float: left;
  width: 100%;
  padding: 40px 30px 50px 30px;
    padding-left: 30px;
  padding-left: 30px;
}


.boxdlapacjenta::before {
  height: 80%;
}

 .boxdlapacjenta .txt {
    padding-bottom:110px;
  }



 .boxdlapacjenta .ramka {
    display: flex;
    flex-wrap: wrap;
    max-width: 400px;
    margin: 0px auto;
    width: 100%;
    float: none;
  }

  .boxdlapacjenta .txt {
    background-color: transparent !important;
  }
  
    .boxkontakt .box.box1 {
    display: block !important;
  }
  
}

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

  .boxkontakt .box.box2 {
    float: none;
    width: 94%;
    margin-left: 2%;
    margin-right: 2%;
  }
  
    .boxkontakt .box.box2 {
    padding: 30px 30px !important;
    margin: 20px auto !important;
    max-width: 400px;
  }

  table.zarzad tbody tr td:nth-of-type(3) {
  font-size: 17px;
  line-height: 32px;
}


}


  
  

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

.baner .ramka h1 {
  font-size: 26px;
  line-height: 45px;
}


  table.zarzad tbody tr:first-of-type {
    width: 98.8%;
  }
  
  
   table.zarzad tbody tr {
    width: 30.3%;
  }
  
  
  
  
}



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


.sciezka {
  display: flex;
  align-items: center;
  display: none;
}


}





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



  .kontakt_tabela tr td:first-of-type {
    display: block !important;
  }


header .top .box2 a {
  font-size: 12px;
}


header .top .box {
  border: 0px;
  font-size: 13px;
}

   table.zarzad tbody tr {
    width: 29.9%;
  }
  
  

  .tableszary {
    padding: 40px 60px !important;
  }
  
  
  

}

@media screen and (min-width: 0px) and (max-width: 750px) {
	
  .banerpodstrona_txt.column tr td {
    width: 45.5% !important;
    text-align: left !important;
  }
  
  
}

  

@media screen and (min-width: 0px) and (max-width: 700px) {
  header .top .box {
    display: block !important;
  }
  
  
  
}

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


  table.zarzad tbody tr {
    width: 47%;
  }
  
  .banerpodstrona_txt.column tr td {
    width: 44.5% !important;
  }
  
    .kontakt_tabela .kontakt_boks tr td {
    width: 96% !important;
    margin: 2%;
    text-align: left;
  }
  
  
}



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


.tresc-podstrony h4, .tresc h4 {
  font-size: 22px;
  line-height: 32px;
}


header .top .box2 .link_niebieski {
  display: none;
}

  .baner .ramka3 .box {

    width: 82% !important;

  }
  
  
  .boxkwartalnik .ramka2 .txt strong {
  font-size: 30px;
  line-height: 44px;
}
  
  .boxkwartalnik .ramka2 .img .box3 span {
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
}


.boxkwartalnik .ramka2 .img .box2 span {
  font-size: 12px;
  font-weight: 500;
    line-height: 20px;
}

  .boksytable tr td {
    width: 99% !important;
  }
  
.panel_logowanie button {
  cursor: pointer;
  width: 93% !important;
}


}

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


  footer .ramka .box {
    width: 100%;
    text-align: center !important;
  }
  
  
  table.zarzad tbody tr {
    width: 46%;
  }
  
  
    footer .ramka .box {
    text-align: center;
  }
  
  .tresc-podstrony big, .tresc big {
  font-size: 16px;
  line-height: 29px;
}
  
}


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



 .panel_logowanie input {
    margin-top: 5px;
    margin-bottom: 5px;
    width: 93%;
  }
  
  
  header .boxy {
  display: none;
}

  footer .ramka .box {
    width: 100%;
    text-align: center !important;
  }

  .boxaktualnosci .ramka2 .box {
    float: none;
    width: 96% !important;
	background-color: #FFF;
  }
  
  
    .boxaktualnosci .ramka2 {
    max-width: 350px;
    margin: 0px auto;
  }
  
  
  .boxstrefaczlonkow .ramkaogolna .ramka2 .box span {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
}
  
  

}

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

  table.zarzad tbody tr {
    width: 45%;
  }
  
  
}

@media screen and (min-width: 0px) and (max-width: 520px) {
   .banerpodstrona_txt.column tr td {
    width: 93.5% !important;
  }
  
  
  
}

  
@media screen and (min-width: 0px) and (max-width: 500px) {
  .baner .ramka h1 {
    font-size: 20px !important;
    line-height: 34px !important;
  }
  
    table.zarzad tbody tr {
    width: 44%;
  }
  
    header .top .box2 .przycisk_niebieski {
    padding: 12px 11px !important;
    line-height: 15px !important;
    margin-left: 0px !important; 
  }
  
}