html, body {margin:0; padding:0; border:none; font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:400; color:#000; font-size:13px;}
h1, h2, h3 {font-weight:400}
h1 {font-size:22px; margin:0 0 30px 0; line-height:20px;}
h2 {font-size:18px; margin:0 0 5px 0; padding-bottom:0; color:#13579a}
a, a:visited {color:#13579a}
.clearfix {clear:both}
.blue {color:#13579a}
.black {color:#000}
p {margin:5px 0 10px 0; padding:0}
.separator {border-bottom:1px solid #d9d9d9; margin:0 0 25px 0}
.separator-oferta01 {width:100%; height:15px; margin:50px 0; background:url(images/bg01.jpg) -800px -253px;}
.separator-oferta02 {width:100%; height:15px; margin:50px 0; background:url(images/bg01.jpg) -800px -253px;}
.separator-oferta03 {width:100%; height:15px; margin:50px 0; background:url(images/bg01.jpg) -800px -253px;}
.separator-oferta04 {width:100%; height:15px; margin:50px 0; background:url(images/bg01.jpg) -800px -253px;}
.separator-o-firmie01 {width:100%; height:15px; margin:50px 0; background:url(images/bg04.jpg) -800px -253px;}
.separator-realizacje01 {width:100%; height:15px; margin:50px 0; background:url(images/bg02.jpg) -800px -253px;}
.separator-realizacje02 {width:100%; height:15px; margin:50px 0; background:url(images/bg02.jpg) -800px -253px;}
.separator-realizacje03 {width:100%; height:15px; margin:50px 0; background:url(images/bg02.jpg) -800px -253px;}
/* header */
#header {width:960px; margin:0 auto; padding:10px 0 0 0; height:120px;}
#header .logo {float:left; font-size:17px; font-weight:700; line-height:15px; padding:0 20px 0 0; margin:0; color:#13579a;}
#header .logo a {text-decoration:none}
#header .logo a:hover {color:#666666}
#header .logo img {margin-left:0px}
#header ul {list-style:none; margin:0; padding:0;}
#header ul li {margin:0; padding:15px 0 0 0; float:left; position: relative;}
#header ul li a {margin:0; padding:33px 30px 30px 30px; display:block; background:#f2f2f2; font-size:14px; text-decoration:none; color:#000; white-space:nowrap;}
#header ul li a:hover {background:#e7e7e7; color:#13579a}
#header .here, #header .here:hover {background:url(images/nav-bg-here.png) bottom center; padding-bottom:40px; color:#000;}
#header ul li ul {display:none; z-index:9999; margin:0; padding:0; position: absolute; top:94px; width:180px;
-webkit-border-bottom-right-radius:10px;
-webkit-border-bottom-left-radius:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
border-bottom-right-radius:10px;
border-bottom-left-radius:10px;
-webkit-box-shadow: 0 50px 100px 0 rgba(0,0,0,0.1);
box-shadow: 0 50px 100px 0 rgba(0,0,0,0.1);
}
#header ul li ul li {border-top:1px solid #d9d9d9; margin:0; padding:0; float:none; display:block;} /*removed bg colour */
#header ul li ul li a {padding: 15px 18px;}
#header li li a:hover {} /* sub hover */
#header li:hover ul {display:block;}
#header .border-left {border-left:1px solid #d9d9d9}
#header .border-right {border-right:1px solid #d9d9d9}
.address {font-size:11px; line-height:13px; background:#f2f2f2; display:block; float:left; padding:11px 18px 16px 18px; margin:15px 0 0 0; border-left:1px solid #d9d9d9; white-space:nowrap; font-style:normal;}
.address a {margin:0; padding:0; font-size:11px; line-height:13px; color:#000}
.address a:hover {background:none; color:#13579a}
/* content */
#content-bg {background:#f2f2f2; padding:0 0 50px 0; }
#content {width:960px; margin:0 auto; padding:40px 0 0 0;}
#content .narrow-column {width:300px; float:left}
#content .narrow-column-title {font-size:12px; font-weight:700; color:#13579a; text-transform:uppercase}
#content .narrow-column-heading {font-size:20px; margin:30px 0 10px 0; padding:0; line-height:24px; color:#13579a;}
#content .narrow-column-gap {margin:0 20px}
#content .narrow-column a, #content .narrow-column a:visited {color:#000; font-size:13px; font-weight:700; text-decoration:none; margin:0}
#content .narrow-column a:hover {color:#0097d6}
#content ul, #content ol {margin:15px; padding:0 0 5px 0}
#content ul li, #content ol li {margin:5px; padding:0}
#content .half-column {width:450px; float:left}
#content .narrow-column .czytaj-dalej {background:url(images/arrow-right-black.png) bottom right no-repeat; padding:0 18px 0 0}
#content .narrow-column .czytaj-dalej:hover {background:url(images/arrow-right-black-hover.png) bottom right no-repeat; padding:0 18px 0 0}
.news-category-title {text-transform:uppercase; border-bottom:1px solid #d9d9d9; letter-spacing:0.3em; padding:0 0 5px 0; margin:0; font-weight:300}
.sidebar {width:300px; float:left}
.sidebar a:hover {color:#0097d6}
.sidebar h2 {color:#000000}
/* header */
#footer {width:960px; margin:0 auto; padding:15px 0; height:70px; font-size:12px; background:#fff;}
#footer .info-left {float:left; white-space:nowrap; padding:12px 10px 12px 35px; margin:0; color:#333; background:url(images/biprogeo-logo-small.png) 0 -1px no-repeat}
#footer .info-left a {margin:0; padding:0 0px; text-decoration:none; color:#000; white-space:nowrap}
#footer .info-left a:hover {color:#009ada}
#footer .info-right {float:right; white-space:nowrap; padding:12px 45px 12px 0; margin:0; color:#333; border-left:1px solid #999; width:340px; text-align:right; background:url(images/fidic-logo.png) top right no-repeat}
#header-bg {width:100%; height: 135px; list-style:none; background:url(images/slide-03.jpg) no-repeat center bottom ; background-size:cover; margin:10px 0 0 0}
#header-bg01 {width:100%; height: 135px; list-style:none; background:url(images/bg01.jpg) no-repeat center bottom ; background-size:cover; margin:10px 0 0 0}
#header-bg02 {width:100%; height: 135px; list-style:none; background:url(images/bg02.jpg) no-repeat center bottom ; background-size:cover; margin:10px 0 0 0}
#header-bg03 {width:100%; height: 135px; list-style:none; background:url(images/bg03.jpg) no-repeat center bottom ; background-size:cover; margin:10px 0 0 0}
#header-bg04 {width:100%; height: 135px; list-style:none; background:url(images/bg04.jpg) no-repeat center bottom ; background-size:cover; margin:10px 0 0 0}
#header-bg05 {width:100%; height: 135px; list-style:none; background:url(images/bg05.jpg) no-repeat center bottom ; background-size:cover; margin:10px 0 0 0}
#header-bg06 {width:100%; height: 135px; list-style:none; background:url(images/bg06.jpg) no-repeat center bottom ; background-size:cover; margin:10px 0 0 0}
#header-bg07 {width:100%; height: 135px; list-style:none; background:url(images/bg07.jpg) no-repeat center bottom ; background-size:cover; margin:10px 0 0 0}
#header-bg08 {width:100%; height: 135px; list-style:none; background:url(images/slide04.jpg) no-repeat center -165px ; background-size:cover; margin:10px 0 0 0}
#header-bg09 {width:100%; height: 135px; list-style:none; background:url(images/cpd-umwd.jpg) no-repeat center bottom ; background-size:cover; margin:10px 0 0 0}
#header-bg10 {width:100%; height: 135px; list-style:none; background:url(images/mcpd.jpg) no-repeat center bottom ; background-size:cover; margin:10px 0 0 0}
#header-bg11 {width:100%; height: 135px; list-style:none; background:url(images/dekontaminacja-uskw.jpg) no-repeat center bottom ; background-size:cover; margin:10px 0 0 0}
#header-bg12 {width:100%; height: 135px; list-style:none; background:url(images/studium-wykonalnosci-pwr.jpg) no-repeat center bottom ; background-size:cover; margin:10px 0 0 0}
#header-bg13 {width:100%; height: 135px; list-style:none; background:url(images/bg13.jpg) no-repeat center -100px ; background-size:cover; margin:10px 0 0 0}
#header-bg14 {width:100%; height: 135px; list-style:none; background:url(images/cpd-umwd.jpg) no-repeat center -100px ; background-size:cover; margin:10px 0 0 0}
/* slider */
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.container {width: 960px; margin: 0 auto;}
#slider {width: 100%; height: 371px; position: relative; list-style: none; margin: 0; top:-4px}
#slider h1, #slider h2, #slider h3 {margin:0; padding:0; font-weight:300;}
#slider h2 {color:#ffffff;}
#slider p {margin:0 0 20px 0; padding:0; font-size:13px; line-height:20px;}
#slider .slide {position: absolute; top: 0; left: 0; width: 100%; height: 375px; background-repeat: no-repeat; background-position: 50% bottom; background-size: cover;}
#slider .slide-info {background: url(images/bg-sliderinfo.png) no-repeat left bottom; width: 450px; height: 385px; float: right; margin-right: -70px; padding: 45px 70px; color: #fff;}
#slider .slide-info-title {text-transform:uppercase; border-bottom:1px solid #fff; letter-spacing:0.3em; padding:0 0 5px 0; margin:0; font-weight:300}
#slider .slide-info-article-title {font-size:20px; line-height:24px; margin:10px 0; padding:5px 0 3px 0}
#slider .slide-info a, #slider .slide-info a:hover {color:#fff; font-size:15px; font-weight:700; text-decoration:none; background:url(images/arrow-right.png) top right no-repeat; padding:3px 30px 5px 100px; margin:0}
#slider .slide-info a:hover {color:#ccc; background:url(images/arrow-right-hover.png) top right no-repeat;}
#slider .slider-nav {position: absolute; top: 0; width: 100%; z-index:1100;}
#slider .slider-nav .slider-nav-links {width: 960px; margin: 0 auto; text-align: right;}
#slider .slider-nav .slider-nav-links span {color:#fff; padding: 0 1em; margin: 1em 0; border-left: 1px solid #fff; display: inline-block; cursor: pointer;}
#slider .slider-nav .slider-nav-links span:first-child {border-left: none;}
#slider .slider-nav .slider-nav-links .cycle-pager-active {font-weight: bold;}
#slider .slider-nav .slider-nav-links span:hover {color:#ccc}
#slider .slider-nav .slider-nav-links .cycle-pager-active:hover {color:#fff; cursor:default}
@media (max-width: 1120px) {
#slider .slide-info {margin-right: 0;}
#slider .slider-nav .slider-nav-links {padding-right: 70px;}
}