input, textarea{ padding: 0; margin: 0; outline: none; -webkit-border-radius:0}
h1, h2, h3, h4, h5, h6, ul, li{ margin: 0; padding: 0}

img { 
	width: auto; max-width: 100%; height: auto;
}
#news p > img { margin: 30px 0; margin-left:auto; margin-right: auto; display: block; }

.prel{ position: relative; }

.clear{ clear: both}

header{  background: url(../gfx/master.jpg) center 30px no-repeat; padding-top: 20px;}
header .col-md-2{ letter-spacing: -0.5px;}
header .col-md-2 p span{ display: inline-block; width: 24px;}
header a{ color: #2da84e;}

/*
	ZNAK UE
*/
header .ue_iis{ width:100%; height: 70px; margin-left: 15px; background-image: url(../gfx/ue_iis3.png); background-repeat: no-repeat; background-size: contain; background-position: center center;  }
@media screen and ( min-width: 481px ) {
	header .ue_iis { max-width: 43%; height: 50px; position: absolute; top: 0; right: 25px; margin: 0; }
}
@media screen and ( min-width: 767px ) {
	header .ue_iis { max-width: 45%; right: 5px; height: 70px; }
}

header .container{ position: relative}

.trigger{ display: none; width: 50px; height: 50px; background: url(../gfx/nav.png) center center no-repeat; background-size: 25px auto; position: absolute; top:0; right: 0; z-index: 100}

#hidmenu{ position: relative; width: 100%; height: 100%; }
	#hidmenu .moveleft{ -webkit-transform: translate(-500px,0)}
	#hidmenu .moveright{ -webkit-transform: translate(500px,0) !important; -webkit-transition-delay: 0.1s;}
	#hidmenu ul{ transition: 0.5s all ease-in-out; list-style: none}
	#hidmenu .mainul{}
	#hidmenu .children{ position: absolute; width: 100%; top:0; -webkit-transform: translate(1500px,0)} 
	#hidmenu li span{ display: block; cursor: pointer; border-bottom: 1px solid #fff; background: url(../gfx/arrow_right.png) no-repeat; background-position: calc(100% - 20px) center; background-size: auto 12px; padding: 15px 20px; color: #fff; }
	#hidmenu li a:hover{ text-decoration: none}
	#hidmenu li .children span{ color: #333; background: url(../gfx/arrow_left.png) no-repeat #fff; background-position: 20px center; background-size: auto 12px; padding-left: 40px}
	#hidmenu li .children a{ display: block; border-bottom: 1px solid #fff; background: url(../gfx/arrow_right.png) no-repeat; background-position: calc(100% - 20px) center; background-size: auto 12px; padding: 15px 20px; color: #fff; }

.headernav{ margin-top: 300px !important;}
.headernav nav{ border-top: 1px solid #666; border-bottom: 1px solid #666}
.headernav nav ul{ list-style: none; padding: 0; margin: 0; text-align: center}
.headernav nav ul li{ display: inline-block; position: relative; padding: 0; margin: 0; font-size: 16px;}
.headernav nav ul li a{ display: block; line-height: 24px; padding: 20px 15px; text-decoration: none; color: #454545}
.headernav nav ul li a:hover{ background: #f4f4f4; color: #454545}
.headernav nav ul li.active a{background-image: url(../gfx/png_hover.png); background-repeat: repeat-y; color: #fff;}
.headernav nav ul li ul li.active a, .headernav nav ul li.active ul li a { background: #fff; background-image: none; color: #454545}
.headernav nav ul li.active ul li.active a{ background: #ccc; color: #fff}
	.klienci-indywidualni .headernav nav ul li.active ul li.active a{ background: #77b55a; color: #fff}
	.klienci-biznesowi .headernav nav ul li.active ul li.active a{ background: #afb139; color: #fff}
	.technologia .headernav nav ul li.active ul li.active a{ background: #d5af22; color: #fff}
	.kontakt .headernav nav ul li.active ul li.active a{ background: #ecad14; color: #fff}
.headernav nav ul li:nth-child(1) a:hover, .headernav nav ul li:nth-child(1).active a{ background-position: -10px center;}
.headernav nav ul li:nth-child(2) a:hover, .headernav nav ul li:nth-child(2).active a{ background-position: -105px center;}
.headernav nav ul li:nth-child(3) a:hover, .headernav nav ul li:nth-child(3).active a{ background-position: -290px center;}
.headernav nav ul li:nth-child(4) a:hover, .headernav nav ul li:nth-child(4).active a{ background-position: -460px center;}
.headernav nav ul li:nth-child(5) a:hover, .headernav nav ul li:nth-child(5).active a{ background-position: -570px center;}
.headernav nav ul li:hover ul{ display: block; }
.headernav nav ul li ul{ position: absolute; min-width: 260px; z-index: 11; display: none; left: 0; background: #fff; text-align: left; border: 1px solid #666; border-bottom: 0;}
.headernav nav ul li:last-child ul{ left: auto; right: 0}
.headernav nav ul li ul li{ border-bottom: 1px solid #666; width: 100%;}

.headernav nav ul li ul li a{ padding: 15px 20px; }
.headernav nav ul li ul li a:hover{ background: #f4f4f4 !important; color: #454545 !important}
.headernav form{border-bottom: 1px solid #666; border-top: 1px solid #fff }
.headernav input[type=search]{ box-sizing: border-box; background: url(../gfx/lupka.png) right 24px no-repeat; background-size: 20px auto; border: 0; width: 100%; font-size: 16px; line-height: 24px; padding: 20px 0 }

.mainboxes .yellow{ background: url(../gfx/yellowbg.jpg) no-repeat;  background-size: cover; }
.mainboxes .green{ background: url(../gfx/greenbg.jpg) no-repeat; min-height: 200px; background-size: cover; position: relative }
.mainboxes div{min-height: 200px; color: #fff; box-sizing: border-box; position: relative; margin-top: 30px; padding:25px 30px }
.mainboxes div img{ position: absolute; bottom: 0; right: 0}
.mainboxes div h4{ margin: 0 0 10px 0; padding: 0; font-size: 16px; line-height: 22px; font-weight: 700; position: relative; z-index: 10 }
.mainboxes div ul{ position: relative; z-index: 1; margin: 0; padding: 0; list-style: none}
.mainboxes div ul li{ font-size: 16px; line-height: 22px;}
.mainboxes div ul li a{ color: #fff;}

h4.title{ font-weight: 700; clear: both; font-size: 18px; line-height: 24px; margin: 0; padding: 30px 0 }

.mainnews article h2{ font-size: 18px;}
.mainnews article p small{ display: block; padding-bottom: 15px;}
.mainnews article a{ color: #2ea24f;}

.rightboxes div{ margin-top: 30px; }
.rightboxes div article{ height: 200px; box-sizing: border-box; color: #fff; padding: 20px; }
.rightboxes div article p{ font-size: 16px; line-height: 21px; margin: 0; padding: 0 0 10px 0}
.rightboxes div article h2{ font-size: 18px; margin: 0; line-height: 21px; padding: 0 0 10px 0; font-weight: 700; text-transform: uppercase}
.rightboxes .box0 article{ background: url(../gfx/b0.jpg) right bottom no-repeat #ffffff; border: 1px solid #bdbdbd; border-left: 0; border-right: 0; border-bottom: 1; }
.rightboxes .box1 article{ background: url(../gfx/b1.jpg) right bottom no-repeat #028f29 }
.rightboxes .box2 article{ background: url(../gfx/b3.jpg) right bottom no-repeat #ffffff; border: 1px solid #bdbdbd; border-left: 0; border-right: 0; border-bottom: 1; }
.rightboxes .box3 article{ background: url(../gfx/b2.jpg) right bottom no-repeat #5cb33b; border: 1px solid #bdbdbd; border-left: 0; border-right: 0; border-bottom: 1; }

.prefooter{ display: table}
.prefooter div.col-md-6{ display: table-cell; float: none; vertical-align: top; border-top: 1px solid #666; border-bottom: 1px solid #666; padding: 30px 0 30px 30px}
.prefooter div.col-md-6:first-child{ border-right: 1px solid #666; padding: 30px 30px 30px 0;}
.prefooter div h2{ font-size: 18px; margin: 0 0 20px 0; line-height: 21px; font-weight: 700; }
.prefooter div a{ color: #2ea24f;}
.prefooter div.col-md-6 article{ text-align: center}
.prefooter div.col-md-6 article img{ width: 100%; height: auto; margin: 10px 0 30px 0; max-width: 94px;}

.bip a{ display: inline-block; margin: 30px 0 0 0}
.bip img{ width: 90%; height: auto; max-width: 240px}


footer{ background: #e7e7e7; margin-top: 30px; padding: 30px 0; color: #666; font-size: 12px; line-height: 21px;}
/*footer .row .col-md-2:first-child{  border-right: 1px solid #999; position: relative}
footer .row .col-md-2:first-child .copy{ position: absolute; bottom: 0; padding-right: 10px;}
footer .row .col-md-2:first-child .copy span{ display: block; font-weight: bold; font-style: italic; font-family: Georgia, serif;}*/

footer .row .col-md-2{ min-height: 270px;}
footer .row .col-md-2 h4{ font-size: 18px; line-height: 24px; min-height: 48px; margin-bottom: 10px; }
footer .row .col-md-2 p{ padding: 0; margin: 0}
footer .row .col-md-2 ul{ margin: 0; padding: 0; list-style: none}
footer .row .col-md-2 a{ color: #666}
footer .copy{ position: relative; float: right;text-align: right;}
footer .copy span{ display: block; font-weight: bold; font-style: italic; font-family: Georgia, serif;}

/* PODSTRONY */
.gallery-box{ padding: 10px 0 0 0}
.gallery-box a{ float: left; text-decoration: none; display: block; width: 32%; padding: 0; margin:0 2% 0 0; height: auto; margin-bottom: 20px;}
.gallery-box a:nth-child(3n){ margin-right: 0 !important}
.gallery-box a img{ width: 100%; height: auto;}
.gallery-box a p{ color: #454545; padding: 0; margin: 10px 0 0 0}


/* AKTYWNA GALERIA RESPONSYWNA */
.gallery-boxd{ display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 15px; padding: 10px 0 0 0; margin-top: 30px; margin-bottom: 30px; }
@media screen and (min-width: 768px) {
	.gallery-boxd{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.gallery-boxd[data-items="1"]{ grid-template-columns: repeat(1, minmax(0, 1fr)); }
	.gallery-boxd[data-items="2"]{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.gallery-boxd a{ text-decoration: none; display: block; width: 100%; padding: 0; height: auto;}
.gallery-boxd a img{ width: 100%; height: auto;}
.gallery-boxd a p{ color: #454545; padding: 0; margin: 10px 0 0 0}



.pagi{ border-top: 1px solid #999; list-style: none;}
.pagi li{ display: inline-block; margin-left: -3px;}
.pagi li:first-child{ margin-left: 0}
.pagi li a{ display: block; padding: 8px 5px; text-decoration: none; color: #454545}
.pagi li a:hover, .pagi li.active a{ color: #fff; background: #eb9e01}


.leftcol h4.title{ padding: 35px 0 30px 0}
.leftcol nav ul{ list-style: none}
.leftcol nav ul li a{ display: block; padding: 7px 0; color: #454545}
.leftcol nav ul li a:hover, .leftcol nav ul li.active a{ text-decoration: none; padding: 7px 10px; color: #fff; background: url(../gfx/nav_arr.png) right center no-repeat #3fb97c; background-size: 10px auto}
.leftcol nav ul li ul li{ padding-left: 20px;}
.leftcol nav ul li ul{ display: none}
.leftcol nav ul li.active ul{ display: block}
.leftcol nav ul li.active ul li a{background: none !important; color: #454545; padding: 7px 0;}
.leftcol nav ul li.active ul li.active a{ font-weight: 700; color: #3fb97c;}
.leftcol nav ul li ul li a:before{ content: '-'; display: inline-block; padding-right: 5px;}
.leftcol nav ul li ul li a:hover{ background: none; color: #454545; padding: 7px 0; font-weight: 700;}

.klienci-indywidualni .leftcol nav ul li a:hover, .klienci-indywidualni .leftcol nav ul li.active a{ background-color: #77b55a;}
.klienci-indywidualni .leftcol nav ul li.active ul li.active a{ font-weight: 700; color: #77b55a;}

.klienci-biznesowi .leftcol nav ul li a:hover, .klienci-biznesowi .leftcol nav ul li.active a{ background-color: #afb139;}
.klienci-biznesowi .leftcol nav ul li.active ul li.active a{ font-weight: 700; color: #afb139;}

.technologia .leftcol nav ul li a:hover, .technologia .leftcol nav ul li.active a{ background-color: #d5af22;}
.technologia .leftcol nav ul li.active ul li.active a{ font-weight: 700; color: #d5af22;}

.kontakt .leftcol nav ul li a:hover, .kontakt .leftcol nav ul li.active a{ background-color: #ecad14;}
.kontakt .leftcol nav ul li.active ul li.active a{ font-weight: 700; color: #ecad14;}

.pszok{ min-height: 620px}
.pszok .handimap{ margin-bottom: 10px;}

.rightcol article{ margin-bottom: 50px;}
.rightcol article h2{ font-size: 18px; padding-bottom: 3px;}
.rightcol article h2 a{ color: #454545}
.rightcol article p small{ display: block; padding-bottom: 15px;}
.rightcol article a{ color: #2ea24f;}

.rightcol a[href$='.pdf']{text-decoration: none; display: block; background: url(../gfx/ico_pdf.png) 15px 13px no-repeat #e7e7e7; background-size: 17px auto; padding: 14px 20px 14px 42px; color: #454545 !important; margin-bottom: 18px; margin-top: 18px; clear:both;}
.rightcol a[href$='.pdf']:after{ content:'pobierz'; float: right; padding-right: 20px; background: url(../gfx/arrow_down.png) right center no-repeat; background-size: auto 6px;}

.rightcol a[href$='.doc'], .rightcol a[href$='.docx']{text-decoration: none; display: block; background: url(../gfx/ico_word.png) 15px 13px no-repeat #e7e7e7; background-size: 17px auto; padding: 14px 20px 14px 42px; color: #454545 !important; margin-bottom: 18px; margin-top: 18px; clear:both;}
.rightcol a[href$='.doc']:after, .rightcol a[href$='.docx']:after{ content:'pobierz'; float: right; padding-right: 20px; background: url(../gfx/arrow_down.png) right center no-repeat; background-size: auto 6px;}


#search #page .rightcol a{ color: #2ea24f; display: inline-block; margin-bottom: 15px }

.auction{ border-bottom: 1px solid #ccc; padding: 0 0 20px 0}
.auction .title span{ color: #2ea24f; cursor: pointer}
.auction .desc{ display: none;}
.auction + h4{ margin-top: 40px;}


@media screen and (min-width: 1200px) {
	.headernav nav ul li a{ padding: 20px 25px;}
}

@media screen and (max-width: 991px) {
	header{background-size: auto 250px; background-position: center 60px;}
	.headernav{ margin-top: 180px !important;}
	.headernav form{ border: none}
	.headernav input[type=search]{ text-align: right; padding-right: 40px;}
	
	.prefooter{ margin: 30px 0 0 0}
	
	footer .row .col-md-2 h4{ font-size: 16px; line-height: 24px; min-height: 48px; margin-bottom: 10px; }

	footer .row .col-md-2 ul{ display: none}
}

@media screen and (max-width: 767px) {
	header{background-size: auto 140px; background-position: center 90px;}
	header .col-md-10 a{ display: inline-block; margin-bottom: 150px;}
	header .col-md-10 img{ width: 180px; height: auto}
	header .col-md-2{ display: none}
	header .col-md-2 p{ padding-left: 63px; }
	header .fastcontact{ display: none}
	
	header .trigger{ display: none}
	#home header .trigger{ display: block}
	
	

	.headernav{ margin-top: 0 !important; display: none}
	
	/*
	.mainboxes div:last-child{ margin-top: 0}
	*/
	
	.mainnews article{ margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #ccc}
	.mainnews div:last-child article{ border: 0; padding-bottom: 0;}
	
	.rightboxes div{ margin-top: 0; }
	.rightboxes div article{ height: 150px;}
	
	.prefooter{ display: block}
	.prefooter div.col-md-6{ display: block; padding: 30px 0}
	.prefooter div.col-md-6:first-child{ border: 0; border-top: 1px solid #666}
	
	/* footer .trigger{ display: block} */
	footer .row .col-md-2{ min-height: 120px;}
	
	/* PODSTRONY */
	
	.gallery-box a{ width: 100%; height: auto; margin: 0 0 20px 0;}
	
	.leftcol{ background: url(../gfx/png_hover.png) repeat-y; color: #fff; background-size: contain; position: relative}
	.leftcol .trigger{ background: url(../gfx/nav_wh.png) center center no-repeat; background-size: 25px auto; top:17px; right: 0; border: none; display: block}
	.leftcol h4.title{ padding: 30px 0 30px 0}
	.leftcol nav ul{ display: none; list-style: none}

	#news .rightcol article{ margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #ccc}
	#news .rightcol article:last-child{ border: 0; padding-bottom: 0;}
	
	.rightcol a[href$='.pdf']:after{ display: block; width: 10px; height: 21px; content:'';}

}

@media screen and (max-width: 420px) {
	.mainboxes div{margin-top: 30px; padding:25px 15px 0 15px;  }
	.mainboxes div ul li{ font-size: 12px; line-height: 26px}
	.mainboxes div img{ position: absolute; bottom: 0; right: 0px}

	.img-responsive{ max-width: 100% !important; }
	.prefooter div.col-md-6:first-child{ padding: 30px 0; }
}





.prel{ position:relative; }

.pa5{ padding:5px; }
.pat5{ padding-top:5px; }
.pab5{ padding-bottom:5px; }
.patb5{ padding-top:5px; padding-bottom:5px; }
.ma5{ margin:5px; }
.mat5{ margin-top:5px; }
.mab5{ margin-bottom:5px; }
.matb5{ margin-top:5px; margin-bottom:5px; }

.pa10{ padding:10px; }
.pat10{ padding-top:10px; }
.pab10{ padding-bottom:10px; }
.patb10{ padding-top:10px; padding-bottom:10px; }
.ma10{ margin:10px; }
.mat10{ margin-top:10px; }
.mab10{ margin-bottom:10px; }
.matb10{ margin-top:10px; margin-bottom:10px; }

.pa15{ padding:15px; }
.pat15{ padding-top:15px; }
.par15{ padding-right:15px; }
.pab15{ padding-bottom:15px; }
.pal15{ padding-left:15px; }
.patb15{ padding-top:15px; padding-bottom:15px; }
.palr15{ padding-left:15px; padding-right:15px; }
.ma15{ margin:15px; }
.mat15{ margin-top:15px; }
.mar15{ margin-right:15px; }
.mab15{ margin-bottom:15px; }
.mal15{ margin-left:15px; }
.matb15{ margin-top:15px; margin-bottom:15px; }
.malr15{ margin-left:15px; margin-right:15px; }

.pa20{ padding:20px; }
.pat20{ padding-top:20px; }
.par20{ padding-right:20px; }
.pab20{ padding-bottom:20px; }
.pal20{ padding-left:20px; }
.patb20{ padding-top:20px; padding-bottom:20px; }
.palr20{ padding-left:20px; padding-right:20px; }
.ma20{ margin:20px; }
.mat20{ margin-top:20px; }
.mar20{ margin-right:20px; }
.mab20{ margin-bottom:20px; }
.mal20{ margin-left:20px; }
.matb20{ margin-top:20px; margin-bottom:20px; }
.malr20{ margin-left:20px; margin-right:20px; }

.pa30{ padding:30px; }
.pat30{ padding-top:30px; }
.par30{ padding-right:30px; }
.pab30{ padding-bottom:30px; }
.pal30{ padding-left:30px; }
.patb30{ padding-top:30px; padding-bottom:30px; }
.palr30{ padding-left:30px; padding-right:30px; }
.ma30{ margin:30px; }
.mat30{ margin-top:30px; }
.mar30{ margin-right:30px; }
.mab30{ margin-bottom:30px; }
.mal30{ margin-left:30px; }
.matb30{ margin-top:30px; margin-bottom:30px; }
.malr30{ margin-left:30px; margin-right:30px; }

.pa40{ padding:40px; }
.pat40{ padding-top:40px; }
.par40{ padding-right:40px; }
.pab40{ padding-bottom:40px; }
.pal40{ padding-left:40px; }
.patb40{ padding-top:40px; padding-bottom:40px; }
.palr40{ padding-left:40px; padding-right:40px; }
.ma40{ margin:40px; }
.mat40{ margin-top:40px; }
.mar40{ margin-right:40px; }
.mab40{ margin-bottom:40px; }
.mal40{ margin-left:40px; }
.matb40{ margin-top:40px; margin-bottom:40px; }
.malr40{ margin-left:40px; margin-right:40px; }