@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700,300|Open+Sans+Condensed:300,700&subset=latin,latin-ext);

@import url(normalize.css);
/* ~~~~ Basic Styles ~~~~ */
body, html {
  width: 100%;
  height: 100%;
}

body {
  line-height: 18px;
  font-family: 'Open Sans', Arial, sans-serif;
  font-weight: normal;
  background-color: #fff;
  color: #454545;
  font-size: 12px;
}

/* ~~~~ Headings ~~~~ */
h2, h3, h4, h5, h6 {
  font-family: 'Open Sans', Arial, sans-serif;
  font-weight: bold;
  line-height: 1;
}

/* ~~~~ Common, row, column ~~~~ */
.align-left, .column {
  float: left;
  display: inline-block;
}

.align-right {
  float: right;
  display: inline-block;
}

.full-width {
  clear: both;
  float: left;
  margin-left: 0;
  width: 100%;
  display: block;
}

.hide {
  text-indent: -9999px;
  height: 0;
  margin: 0;
}

.hidden {
  display: none;
}

.container {
  margin: 0 auto;
  width: 1005px;
  padding: 0;
  display: table;
  position: relative;
}

.row {
  clear: both;
  float: left;
  width: 100%;
}

.clear {
  clear: both;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

a {
  cursor: pointer;
  /*display: block;*/
}
a:focus {
  outline: none;
}

.pos-a {
  position: absolute;
}

.parallax-layer {
  background-repeat: no-repeat;
}

/* ~~~~ HEADER ~~~~ */
header#header {
  padding-top: 5px;
  padding-bottom: 5px;
  position:absolute;
  top:0px;
  left:0px;
  right:0px;
  background:white;
  border-bottom:5px solid #93c321;
}

/* logo */
a#logo {
  margin-left: 17px;
}

/* main nav */
nav ul.menu {
  position: relative;
  z-index: 999;
  margin: 16px 10px 0 0;
  padding: 0;
  display: table;
}
nav ul.menu li {
  display: inline-block;
  float: none;
  list-style: none;
  margin: 0 5px;
}
nav ul.menu li a {
  font-size: 17px;
  line-height:17px;
  height:39px;
  display:block;
  
  text-align: center;
  padding: 10px 5px;
  line-height: 1;
  text-decoration: none;
  font-weight:700;
  color:#008dd9;
  text-transform:uppercase;
}
nav ul.menu li a:hover, nav ul.menu li a:focus {
color:#7caf1a;
}
nav ul.menu li.active a {
color:#7caf1a;
}

nav ul.menu li a span {font-size:11px;line-height:11px;color: #3b3b3b;text-transform:lowercase;font-weight:400;}
/* top | Parallax */


/* ~~~~ CONTENT ~~~~ */
/* boxes */
/*#boxes {
  margin-top: 1px;
  float: left;
  padding-bottom: 46px;
  border-bottom: solid 1px #e1e1e1;
  width: 100%;
  margin-bottom: 24px;
}
#boxes a {color:#959595;text-decoration:none}
ul#boxes-list {
  float: left;
  display: block;
  margin: 0;
  padding: 0;
  margin-left: 60px;
}
ul#boxes-list li {
  top: 18px;
  background-image: url(../images/common/white-circle.png);
  background-repeat: no-repeat;
  background-position: center center;
  height: 74px;
  margin-left: -12px;
  padding: 62px 10px 40px;
  position: relative;
  text-align: center;
  top: 18px;
  width: 156px;
}
ul#boxes-list li:hover {
  top: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  background-image: url(../images/common/blue-circle.png);
  color: #0095da;
}
ul#boxes-list li h5 {
  color: inherit;
  font-size: 18px;
  line-height: 22px;
  margin: 0;
  padding: 0;
}
ul#boxes-list li p {
  line-height: 18px;
  margin: 0;
  padding: 6px 0 0 0;
  color: #bfbfbf;
}*/

#boxes {
  margin-top: -50px;
  float: left;
  width: 100%;
  position:absolute;z-index:20;
}
#boxes a {color:#959595;text-decoration:none}
ul#boxes-list {
  float: left;
  display: block;
  margin: 0;
  padding: 0;
  margin-left: 0px;
}
ul#boxes-list li {
  top: 18px;
  background:#f6f6f6;
  margin-left: 0px;
  padding: 17px 10px;
  position: relative;
  text-align: center;
  top: 18px;
  width: 220px;
  margin-right:5px;
  border:1px solid #ddd;
  border-bottom:3px solid #008dd9;
  height:130px;
  
}
ul#boxes-list li:hover {
}
ul#boxes-list li:hover h5 {color: #7caf1a;}
ul#boxes-list li h5 {
  color: inherit;
  font-size: 16px;
  line-height: 19px;
  margin: 0;
  padding: 0;
  /*font-family:'Open Sans', Arial, sans-serif;*/
  font-weight:normal;
  color:#085098
}
ul#boxes-list li h5 strong {font-weight:normal;}
ul#boxes-list li p {
  line-height: 18px;
  margin: 0;
  padding: 6px 0 0 0;
  color: #777;
}
ul#boxes-list li img {width:50px;height:50px;}


.column {
  /* main column */
  /* right column | form */
}
.column#glowna {
  /*width: 608px;*/
  padding-left:0px;
  text-align:justify;
  font-size:13px;
  line-height:21px;
  width:660px;
}
.column#glowna h2 {
  font-size: 30px;
}
.column#glowna h2.first {
  margin-top: 0;
  text-align:center;
  margin:5px 0;
  padding:9px;
  color:#008dd9;
  font-weight:300;
}
body.podstr .column#glowna h2.first {margin-top:20px;}
.column#prawa {
  width: 305px;
  background:url('../images/vertsep.png') no-repeat left top;
  padding-left:20px;
}
#num {background:#7caf1a;padding:10px 20px;color:white;margin-top:10px;position:relative}
#num1 p {font-size:15px;line-height:20px;}
#num p {margin:0;padding:0;font-size:25px;line-height:25px;font-family: 'Open Sans', Arial, sans-serif;font-weight:300;text-align:right;}
#num img {position:absolute;top:-15px;left:10px;}
form#formm {
  margin: 10px 0 0 5px;
  float:right;
}
form#formm > section {
  margin-bottom: 3px;
  width: 100%;
}
form#formm input[type="text"],
form#formm input[type="email"] {
  color: #000;
font-size: 13px;
background-color: #f6f6f6;
font-family: Calibri, sans-serif;
padding-left: 7px;
padding-right: 7px;
border-top: solid 1px #e6e6e6;
border-left: solid 1px #e6e6e6;
border-right: solid 1px #cfcfcf;
border-bottom: solid 1px #cfcfcf;
line-height: 25px;
height: 25px;
width: 268px;
}
form#formm textarea {
  color: #000;
font-size: 13px;
background-color: #f6f6f6;
font-family: Calibri, sans-serif;
padding-left: 7px;
padding-right: 7px;
border-top: solid 1px #e6e6e6;
border-left: solid 1px #e6e6e6;
border-right: solid 1px #cfcfcf;
border-bottom: solid 1px #cfcfcf;
line-height: 25px;
height: 75px;
width: 268px;
}
form#formm input[type="submit"] {
  display: block;
  font-weight: bold;
  color: #eee;
  line-height: 12px;
  margin: 4px 0 4px 100px;
  background-color: transparent;
  border: none;
  padding: 8px 0;
  height: auto;
  width: 92px;
  height:30px;
  text-align: center;
  background:#7caf1a;
}
form#formm input[type="submit"]:hover {
  color: #fff;
}

/* ~~~~ FOOTER ~~~~ */
footer#footer {
  margin-top: 19px;
  border-top: solid 1px #e1e1e1;
  background-color: #f5f5f5;
  padding-top: 32px;
  padding-bottom: 18px;
}
footer#footer p {
  line-height: 12px;
  margin: 0;
  margin-bottom: 6px;
}
footer#footer a {
  color: inherit;
  display: inline-block;
}
footer#footer a:hover {
  color: #848484;
}
footer#footer .row.first {
  margin-bottom: 17px;
}
footer#footer .row.first .column {
  margin: 0 46px;
}
footer#footer .row.first .column.first {
  width: 201px;
}
footer#footer .row.first .column.second {
  width: 242px;
}
footer#footer .row.first .column.third {
width: 242px;
}
footer#footer .row.first .column.last {
}
footer#footer .row.first .column a:hover {
  text-decoration: none;
}
footer#footer .row.last {
  border-top: solid 1px #e0e0e0;
  padding-top: 12px;
}
footer#footer .row.last a {
  text-decoration: none;
}
footer#footer .row.last p {
  margin-left: 16px;
}



#webpc-tabs {z-index:105}
.web-wrap{position:fixed;right:36px;top:10px}
.web-wrap *{margin:0;padding:0;outline:none;}
.web-nav{position:absolute;left:0;top:5px;}
.web-nav li{list-style-type:none;}
.web-nav a{display:block;width:39px;height:32px;background:url('../images/web-icons.png') no-repeat center 0 #777777;border-radius:5px;margin:0 0 1px 0;
	-moz-transition:all 0.2s ease-in-out; 
	-webkit-transition:all 0.2s ease-in-out; 
	transition:all 0.2s ease-in-out}
.web-nav a:hover{background-color:#444;}
.web-nav .web-icofb{background-position:center 3px;}
.web-nav .web-icofbstream{background-position:center -109px;}
.web-nav .web-icoplus{background-position:center -36px;}
.web-nav .web-icoyt{background-position:center -75px;}
.web-content{position:absolute;left:36px;top:0;}
.web-box{display:none;width:250px;height:400px;border:6px solid #444;border-radius:8px;background:white;}

/*CSS LEFT*/
.show-left.web-wrap{right:auto;left:36px;}
.show-left .web-nav{left:auto;right:0;}
.show-left .web-content{left:auto;right:36px;}

/*DEFINICJE KOLORÓW*/
.web-nav .active.c1{background-color:#3b5998;}
.web-box.c1{border-color:#3b5998;}
.web-nav .active.c2{background-color:#a8291c;}
.web-box.c2{border-color:#a8291c;padding:10px 10px;width:230px;height:380px;}
.web-nav .active.c3{background-color:#df1f1c;}
.web-box.c3{border-color:#df1f1c;}
.web-box.c1a{border-color:#3b5998;}
.web-nav .active.c1a{background-color:#3b5998;}


#glowna a {color:#7caf1a;display:inline}
#glowna img {margin:10px;}
#glowna u {color:#7caf1a;text-decoration:none}
#glowna ul {padding-left:25px;}

#kolko {position:relative;min-height:800px;background:url('../images/linie2.png') no-repeat top center}
#kolko #k1 {margin:0;position:absolute;left:342px;top:0px;top:155px;margin:0;}
#kolko #k2 {margin:0;position:absolute;left:517px;top:0px;top:155px;}
#kolko #k3 {margin:0;position:absolute;left:342px;top:175px;top:329px;}
#kolkoimg {margin:0;position:absolute;left:346px;top:152px;z-index:2}
#kolko #k1.hhh {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);left:334px;}
#kolko #k2.hhh {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);left:525px;}
#kolko #k3.hhh {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);top:339px;}

a, #menu ul li:hover a, #kolko #k1, #kolko #k2, #kolko #k3 {-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out;  -o-transition: all 0.2s ease-in-out;  transition: all 0.2s ease-in-out;}

#kolboks1 {width:490px;height:500px;position:absolute;top:0px;left:0px;text-align:left;}
#kolboks2 {width:490px;height:500px;position:absolute;top:0px;left:550px;text-align:right;}
#kolboks3 {width:590px;height:500px;position:absolute;top:500px;left:500px;margin-left:-300px;text-align:center}
#kolboks1, #kolboks2, #kolboks3 {background:url('../images/h3linia.png') no-repeat center 34px;font-size:15px;line-height:22px;}
#kolboks1 h3 {text-align:center;color:#8fbe00;font-size:22px;line-height:22px;}
#kolboks2 h3 {text-align:center;color:#00a8c6;font-size:22px;line-height:22px;}
#kolboks3 h3 {text-align:center;color:#444;font-size:22px;line-height:22px;}
#kolboks1 h3 span, #kolboks2 h3 span, #kolboks3 h3 span {background:white;padding:0 15px;text-align:center}

#kontaktwysuwany {padding:10px 10px 10px 10px;width: 292px;z-index:200;float:right;}
#kontaktwysuwany #przycisk {float:right;width:56px;height:112px;}
#formm .error {border:2px solid red !important;}
#formm label.error {display:none !important}
table td {vertical-align:top}

.dzial2 table {width:100%;}
.dzial2 table p {margin:5px 0;}
.dzial2 table th {background:#008dd9;color:white;border:1px solid #fff;padding:2px;text-align:center}
.dzial2 table td {border:1px solid #fff;background:#e6e6e6;padding:2px;text-align:center}
 .dzial2 #glowna table td a {color:white;padding:3px 5px;background:#7caf1a;text-decoration:none;display:block;margin:0 auto;width:50px;margin-top:6px;font-size:13px;line-height:13px;}

.dzial16 p.naglowek {text-align:left;font-family:"Open Sans Condensed", "Open Sans", Arial;font-size:20px;line-height:20px;font-weight:700;margin:0;padding:0 0 5px 0;color:black;text-transform:uppercase}
.dzial16 p.zwykly {margin:0;padding:0;font-size:12px;line-height:15px;color:#666;}


.dzial16 #napis1 {position:absolute;top:475px;left:280px;width:200px;}
.dzial16 #napis2 {position:absolute;top:80px;right:0px;width:260px;}
.dzial16 #napis3 {position:absolute;top:80px;left:-10px;width:220px;}
.dzial16 #napis4 {position:absolute;top:210px;right:0px;width:150px;}
.dzial16 #napis5 {position:absolute;top:380px;left:-10px;width:260px;}

.dzial16 .column#glowna {min-height:600px;}
.dzial16 .column#glowna img {margin-top:0px;}

.dzial13 table {width:100%;}
.dzial13 table h5 {color:#7caf1a;margin:0;padding:0 0 5px 0;font-family:"Open Sans Condensed", "Open Sans", Arial;font-size:15px;line-height:15px;font-weight:700;text-align:left;text-transform:uppercase}
.dzial13 table td {padding:20px 20px;width:290px;position:relative;border-bottom:1px dotted #ddd}
.dzial13 table td p {padding:0 0px;font-size:12px;font-style:italic;line-height:16px;}
.dzial13 #glowna table td img {margin:0;border:1px solid #ddd}


.dzial2 .column#prawa {display:none}
.dzial2 .column#glowna {width:100%}