/* 2013-10-23T09:38:22 */
/* main setting */
* {
  margin: 0;
  padding: 0; }

*.cl {
  clear: both; }

a:focus {
  outline: none; }

img {
  border: 0; }

fieldset {
  border: 0; }

html, body {
  height: 100%; }

header, section, footer, nav, aside {
  display: block; }

.clearfix:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

body, input, textarea, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
  border: 0pt none;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0pt;
  outline-color: invert;
  outline-style: none;
  outline-width: 0pt;
  padding: 0pt;
  margin: 0;
  vertical-align: baseline; }

html {
  width: 100%;
  height: 100.1%;
  font-size: 100.1%; }

body {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  font-family: arial, sans-serif;
  color: #000;
  background: #fff; }

#wrap {
  width: 1006px;
  margin: 0 auto; }

/* fonts */
@font-face {
  font-family: 'swiss_721roman';
  src: url("../fonts/swiss-webfont.eot");
  src: url("../fonts/swiss-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/swiss-webfont.woff") format("woff"), url("../fonts/swiss-webfont.ttf") format("truetype"), url("../fonts/swiss-webfont.svg#swiss_721roman") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'swiss_721light';
  src: url("../fonts/swiss-light-webfont.eot");
  src: url("../fonts/swiss-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/swiss-light-webfont.woff") format("woff"), url("../fonts/swiss-light-webfont.ttf") format("truetype"), url("../fonts/swiss-light-webfont.svg#swiss_721light") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'swis721ltcneunormal';
  src: url("../fonts/0169eu26-webfont.eot");
  src: url("../fonts/0169eu26-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/0169eu26-webfont.woff") format("woff"), url("../fonts/0169eu26-webfont.ttf") format("truetype"), url("../fonts/0169eu26-webfont.svg#swis721ltcneunormal") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'swis721lteunormal';
  src: url("../fonts/0001eu26-webfont.eot");
  src: url("../fonts/0001eu26-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/0001eu26-webfont.woff") format("woff"), url("../fonts/0001eu26-webfont.ttf") format("truetype"), url("../fonts/0001eu26-webfont.svg#swis721lteunormal") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'DINm';
  src: url("../fonts/dinpro-medium.eot");
  src: url("../fonts/dinpro-medium.eot?#iefix") format("embedded-opentype"), url("../fonts/dinpro-medium.woff") format("woff"), url("../fonts/dinpro-medium.ttf") format("truetype"), url("../fonts/dinpro-medium.svg#DINm") format("svg");
  font-weight: normal;
  font-style: normal; }

/* links */
a {
  text-decoration: none;
  color: #000; }

a:hover {
  text-decoration: underline; }

/* floats */
.left {
  float: left; }

.right {
  float: right; }

.clear {
  line-height: 0px;
  clear: both; }

img {
  max-width: 100%;
  height: auto;
  width: auto\9; }

/** cookies ***********************************
**********************************************/
#cookies-info {
  width: 100%;
  font-size: 13px;
  background: #ebebeb; }

#cookies-info .wrap {
  position: relative;
  width: 1006px;
  margin: 0 auto;
  padding: 1em 0; }

#cookies-info p {
  padding: 0 90px 0 2em;
  margin: 0;
  line-height: 1.5; }

#cookies-info p a {
  color: #06C; }

#cookies-info p a:hover {
  text-decoration: underline; }

#cookies-info .cookies-info-close {
  display: block;
  position: absolute;
  top: 1em;
  right: 2em;
  padding-left: 14px;
  background: transparent url(../images/ico-close.png) no-repeat 0 0.4em; }

/** header ***********************************
**********************************************/
#header {
  background: url("../images/headerBg.png") no-repeat;
  height: 232px;
  margin: 0 auto; }

#header .langNav {
  display: block;
  height: 18px;
  padding-top: 12px; }

#header .langNav .nav {
  float: right;
  margin-right: 7px;
  line-height: 18px; }

#header .langNav .nav a {
  font-size: 11px;
  color: #000;
  margin-left: 11px; }

nav.bookmark {
  float: left;
  margin-right: 7px;
  line-height: 18px; }

nav a.bookmark {
  font-size: 11px;
  color: #000;
  margin-right: 10px;
  border-bottom: 2px solid #E74040; }

nav a.bookmark:hover {
  text-decoration: none; }

nav a.bookmark_left_border {
  border-left: thin solid grey;
  padding-left: 15px;
  font-size: 11px; }

nav a.bookmark_left_border:hover {
  text-decoration: none; }

#header .langNav .lang {
  float: right; }

#header .langNav .lang a {
  font-size: 13px;
  color: #87888a;
  border: 1px solid  #ccc;
  background: #fff;
  padding: 0 3px;
  margin-left: 6px;
  float: left;
  line-height: 16px; }

#header .langNav .lang a:hover, #header .langNav .lang a.active {
  color: #fff;
  background: #2d4a9d;
  text-decoration: none;
  border: 1px solid #96a4ce; }

#header .langNav .lang a.active {
  font-weight: bold; }

#logo {
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: transparent;
  clear: both;
  overflow: hidden;
  width: 457px;
  height: 85px;
  display: block;
  margin: 19px 0 21px 0; }

.logo-pl {
  background-image: url(../images/logo_pl.png); }

.logo-en {
  background-image: url(../images/logo_en.png); }

#header .textBox {
  display: block;
  height: 40px;
  width: 447px;
  float: left; }

#header .textBox .text {
  font-family: DINm, Tahoma, Verdana, sans-serif;
  font-size: 14px; }

#header .textBox .breadcrumb {
  font-size: 11px;
  color: #808183;
  font-weight: normal;
  padding: 0 0 0 0; }

#header .textBox .breadcrumb a {
  color: #808183; }

#header .textBox .breadcrumb span {
  padding: 0 1px; }

#header .right {
  width: 549px;
  float: right; }

#specialgrayLine {
  height: 34px;
  border: 1px solid #ccc;
  background: #ebebeb;
  width: 50%;
  display: block;
  border-left: 0;
  border-right: 0;
  position: absolute;
  right: 0;
  z-index: 1; }

#header .navBar {
  border: 1px solid #ccc;
  border-right: 0;
  background: #ebebeb;
  -webkit-border-radius: 5px 0px 0px 5px;
  border-radius: 5px 0px 0px 5px;
  z-index: 2;
  position: relative; }

#header .navBar .btn-nav {
  display: none; }

#header .navBar ul {
  list-style: none;
  float: left; }

#header .navBar ul li {
  float: left;
  padding: 0 1px;
  position: relative; }

/* #header .navBar ul li:hover ul,
#header .navBar ul li.hovered ul {display: block;} */
#header .navBar ul li a {
  cursor: default;
  font-size: 15px;
  color: #000;
  line-height: 32px;
  display: inline-block;
  text-decoration: none;
  width: 138px;
  text-align: center;
  z-index: 9999;
  position: relative;
  border-bottom: 2px solid transparent;
  text-transform: lowercase; }

#header .navBar ul li a:hover, #header .navBar ul ul li:hover > a, #header .navBar ul ul li.hovered > a {
  color: #e94d4d; }

#header .navBar ul li .active {
  border-bottom: 2px solid #e74040; }

#header .navBar ul ul {
  position: absolute;
  left: 0;
  top: 32px;
  display: none;
  background: #eceded;
  z-index: 999;
  border-top: 2px solid #e74040;
  border-left: 1px solid #c7c8c8;
  border-right: 1px solid #c7c8c8;
  border-bottom: 1px solid #c7c8c8;
  -webkit-border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  -moz-border-radius-bottomleft: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px; }

#header .navBar ul ul li {
  clear: both;
  padding: 0;
  background: url(../images/dropLine.png) repeat-x bottom;
  padding: 1px 0 3px 0;
  margin: 0 5px;
  text-align: left; }

#header .navBar ul ul li:last-child {
  background: none; }

#header .navBar ul ul li a {
  cursor: pointer;
  font-size: 12px;
  line-height: 13px;
  text-align: left;
  padding: 0 0 0 8px;
  width: 119px;
  text-transform: none; }

/* #header .navBar ul ul li.withChildren > a {background: transparent url(../images/breadcrumbs_arrow.png) no-repeat 100% 50%} */
#header .navBar ul ul li.withChildren > a:after {
  content: "";
  display: block;
  width: 5px;
  height: 7px;
  position: absolute;
  top: 3px;
  right: 0px;
  background: transparent url(../images/breadcrumbs_arrow.png) no-repeat 100% 50%; }

#header .navBar ul ul ul {
  display: none;
  top: -2px;
  left: 134px;
  border-top: 2px solid #d3d4d4; }

#header .navBar .searchBar {
  width: 121px;
  float: right; }

#header .navBar .searchBar input {
  float: left; }

#header .navBar .searchBar input.text {
  border: 0;
  background: url("../images/searchBar.jpg") no-repeat;
  width: 92px;
  height: 18px;
  padding: 0 5px;
  font-size: 11px;
  color: #808183;
  margin-top: 8px; }

#header .navBar .searchBar input.send {
  border: 0;
  background: url("../images/searchBar-send.jpg") no-repeat;
  width: 19px;
  height: 18px;
  cursor: pointer;
  margin-top: 8px; }

/** footer ***********************************
**********************************************/
#footer-wrapper {
  background: #ebebeb;
  margin-bottom: 15px;
  margin-top: 20px;
  width: 100%; }

#footer {
  width: 1006px;
  margin: 0 auto;
  display: table;
  padding: 28px 0;
  text-align: left; }

#footer .left {
  width: 486px;
  border-right: 2px solid #fff; }

#footer .left .box {
  float: left;
  width: 140px;
  margin: 0 30px 0 10px; }

#footer .left .box h3 {
  font-size: 12px;
  color: #87888a;
  font-weight: bold;
  margin-bottom: 6px; }

#footer .left .box:first-child, #footer .left .box.first {
  margin: 0; }

#footer .left .box:last-child, #footer .left .box.last {
  margin: 0 16px 0 0; }

#footer .left .box ul {
  list-style: none;
  line-height: 17px; }

#footer .left .box.first li {
  padding: 0 0 14px 0; }

#footer .left .box ul li a {
  font-size: 12px;
  color: #000;
  font-weight: normal;
  line-height: 16px; }

#footer .left .box ul li a:hover, #footer .left .box ul .active > a {
  color: #2d4a9d; }

#footer .left .box ul ul {
  margin-left: .5em; }

#footer .right {
  width: 517px; }

#footer .right ul {
  list-style: none;
  margin-bottom: 17px; }

#footer .right .box {
  font-size: 12px;
  color: #000;
  font-weight: normal;
  line-height: 17px;
  float: left;
  margin: 0 16px; }

#footer .right .box a {
  font-size: 12px;
  color: #000;
  font-weight: normal; }

#footer .right .imgBox {
  width: 37px;
  float: left; }

#footer .right .imgBox a {
  display: inline-block;
  width: 37px;
  margin-bottom: 15px; }

#footer .right .box:first-child, #footer .right .box.first {
  margin-left: 47px; }

#footer .right .box:last-child, #footer .right .box.last {
  margin-right: 40px; }

/** container ********************************
**********************************************/
#container {
  width: 1006px;
  margin: 0 auto;
  display: table; }

/** home conent ******************************
**********************************************/
#container .box {
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  display: table;
  width: 100%;
  margin-bottom: 18px; }

#container .box.clean {
  border: 0; }

#container h2 img {
  margin-bottom: 19px; }

/**/
#container .leftSide {
  float: left;
  width: 323px; }

#container .leftSide .witList {
  list-style: none; }

#container .leftSide .box1 li {
  padding: 15px 24px;
  font-size: 12px;
  color: #000001;
  font-weight: normal; }

#container .leftSide .box1 li.blue:hover,
#container .leftSide .box1 .blue.active {
  border-left: 3px solid #32489b;
  padding-left: 21px; }

#container .leftSide .box1 li.red:hover,
#container .leftSide .box1 .red.active {
  border-left: 3px solid #e5423d;
  padding-left: 21px; }

#container .leftSide .box1 li.grey:hover,
#container .leftSide .box1 .grey.active {
  border-left: 3px solid #8a8a8a;
  padding-left: 21px; }

#container .leftSide .box1 li:nth-child(even) {
  background: #eff0f0; }

#container .leftSide .witList.sc li {
  background: #eff0f0; }

#container .leftSide .witList.sc li:nth-child(even) {
  background: #fff; }

#container .leftSide .box1 li:hover .secondRow a, #container .leftSide .box1 .active .secondRow a {
  border-bottom: 1px solid #000;
  padding: 0 0 1px 0;
  display: inline-block; }

#container .leftSide .box1 li:hover a {
  text-decoration: none; }

#container .leftSide .box1 .time {
  font-size: 22px;
  color: #808183;
  font-weight: bold; }

#container .leftSide .box1 .secondRow a {
  font-size: 15px;
  padding: 0 0 2px 0;
  display: inline-block; }

#container .leftSide .box1 .font-sw {
  font-family: swis721ltcneunormal, Tahoma, Verdana, sans-serif; }

#container .leftSide .box1 .secondRow a .font-sw {
  font-size: 17px; }

#container .leftSide .box1 .red .alert {
  font-weight: bold;
  color: #e74040; }

#container .leftSide .box1 .blue .alert {
  font-weight: bold;
  color: #2d4a9d; }

#container .leftSide .box1 .grey .alert {
  font-weight: bold;
  color: #8a8a8a; }

#container .leftSide .box1 .text {
  float: left;
  margin-top: 2px;
  margin-right: 5px; }

#container .leftSide .box1 .btn {
  display: block;
  width: 100%;
  margin-top: 18px;
  margin-bottom: 20px; }

#container .leftSide .box1 .btn .seeAll {
  float: left;
  margin-left: 16px; }

#container .leftSide .box1 .btn .loginBtn {
  float: right;
  margin-right: 20px;
  margin-top: 2px; }

#container .leftSide .box2 {
  padding: 19px 0 18px;
  position: relative;
  width: 100%; }

#container .leftSide .box2 .time {
  background: url("../images/clock-ico.png") no-repeat;
  font-size: 12px;
  color: #000001;
  padding-left: 26px;
  line-height: 19px;
  margin-bottom: 26px; }

#container .leftSide .box2 .time .day,
.monthName,
.statementBox .time {
  text-transform: uppercase; }

#container .leftSide .box2 h4 {
  font-size: 15px;
  color: #036baf;
  font-weight: bold;
  line-height: 18px;
  margin-bottom: 26px; }

#container .leftSide .box2 .text {
  font-size: 12px;
  color: #000000;
  line-height: 19px;
  margin-bottom: 50px; }

#container .leftSide .box2 .seeAll {
  position: absolute;
  bottom: 18px;
  right: 20px; }

#slider-boxes {
  list-style: none; }

#slider-boxes li {
  float: left;
  padding: 0 10px; }

.box-slider a {
  color: #036baf; }

.box-slider .pagination {
  text-align: center;
  position: absolute;
  bottom: 25px;
  right: 0;
  display: inline-block;
  margin: 0 140px 0 0; }

.box-slider .pagination a {
  background: url("../images/sliderLi.jpg") no-repeat;
  width: 14px;
  height: 13px;
  text-indent: -99999px;
  display: block;
  margin: 0 7px 0 0;
  overflow: hidden;
  float: left; }

.box-slider .pagination a.selected {
  background: url("../images/sliderLi-a.jpg") no-repeat; }

/* subpages addons */
.leftSide .paginationNo {
  height: 24px;
  line-height: 24px;
  clear: both;
  text-align: center;
  padding: 32px 35px 31px;
  font-size: 13px;
  color: #555; }

.leftSide .paginationNo a, .leftSide .paginationNo .pBtn {
  display: inline-block;
  color: #808183;
  font-size: 12px;
  margin: 0 12px;
  float: left; }

.leftSide .paginationNo a:hover, .leftSide .paginationNo .active {
  text-decoration: none;
  color: #e74040; }

.pBtn {
  width: 24px;
  height: 24px;
  text-indent: -2000em;
  margin: 0!important; }

.pBtn:hover, span.pBtn {
  background-position: 0 -24px !important; }

.pBtn.prev {
  background: url(../images/pagPrev.png) no-repeat; }

.pBtn.next {
  background: url(../images/pagNext.png) no-repeat; }

.pBtn.first {
  background: url(../images/pagFirst.png) no-repeat; }

.pBtn.last {
  background: url(../images/pagLast.png) no-repeat; }

.leftSide .paginationNo .next,
.leftSide .paginationNo .last {
  float: right; }

.leftSide .paginationNo input.currPage {
  width: 1.6em; }

/* wyszukiwarka */
.sort {
  clear: both;
  padding: 18px 10px 38px 10px; }

.sort .buttons {
  padding: 0 0 30px 0;
  overflow: hidden; }

.sort .buttons .seeAll {
  float: right; }

.sort h2 {
  font-weight: normal;
  font-size: 12px;
  padding: 0 0 20px 0; }

.sort p {
  padding: 0 0 13px 0;
  position: relative;
  z-index: 1; }

.sort label {
  width: 27%;
  float: left;
  font-size: 12px;
  height: 17px;
  line-height: 14px;
  padding: 7px 0 0 0;
  display: block;
  margin: 6px 0 0 0; }

.sort input {
  border: 1px solid #d5d6d6;
  height: 22px;
  line-height: 22px;
  float: left;
  width: 55%;
  padding: 0 2%;
  font-size: 12px;
  margin: 6px 2% 0 0; }

.sort p .calendar {
  float: left;
  width: 11%;
  display: block;
  position: relative;
  z-index: 10; }

.sort .calendar img {
  cursor: pointer; }

.sort .sel {
  border: none;
  height: 20px;
  float: left;
  width: 71%;
  padding: 2px 2% 2px 0;
  float: left;
  margin: 7px 0 6px 0; }

.sort .sel select {
  border: 1px solid #d5d6d6;
  width: 100%; }

input.gpi-checkbox {
  display: none; }

input.gpi-checkbox + label {
  position: relative; }

input.gpi-checkbox + label span {
  display: inline-block;
  width: 16px;
  height: 15px;
  position: absolute;
  top: 6px;
  left: 79px;
  vertical-align: middle;
  background: transparent url(../images/checkbox.png) no-repeat;
  cursor: pointer; }

input.gpi-checkbox:checked + label span {
  background: url(../images/checkbox.png) 0 -16px no-repeat; }

input.gpi-checkbox.disabled + label span {
  background: url(../images/checkbox.png) 0 -31px no-repeat; }

input.gpi-checkbox.disabled:checked + label span {
  background: url(../images/checkbox.png) 0 -46px no-repeat; }

.sort .formBtn {
  clear: both;
  padding: 20px 0 26px 0;
  font-size: 12px; }

.sort .formBtn p {
  float: left;
  width: 50%;
  line-height: 28px;
  height: 28px;
  padding: 0; }

.sort .formBtn span {
  color: #e74040; }

.sort .formBtn .seeAll {
  float: right;
  cursor: pointer;
  width: 113px;
  height: 26px; }

.sort .formBtn input {
  margin: 0;
  padding: 0; }

.actionExpand {
  background: #f0f2f1;
  padding: 2px 24px 2px 5px; }

.actionExpand:hover {
  color: #06c;
  text-decoration: none; }

.expand {
  background: #f0f2f1 url(../images/expand_arrow.png) no-repeat 98% 50%; }

.expand:hover {
  background-image: url(../images/expand_arrow_blue.png); }

.collapse {
  background: #f0f2f1 url(../images/collapse_arrow.png) no-repeat 98% 50%; }

.collapse:hover {
  background-image: url(../images/collapse_arrow_blue.png); }

/* center */
#container .centerSide {
  float: left;
  width: 325px;
  margin: 0 17px; }

#container .centerSide .box .content {
  text-align: center; }

#container .centerSide .top {
  border-bottom: 1px solid #6277b6;
  padding: 14px 17px 12px 17px;
  display: table;
  width: 291px; }

#container .centerSide .top .left, .graphContainer .boxB .top .left {
  font-size: 13px;
  font-weight: normal;
  color: #2d4a9d;
  width: 70%;
  float: left; }

#container .centerSide .top .left span, .graphContainer .boxB .top .left strong {
  font-weight: bold;
  margin-bottom: 3px;
  display: block;
  font-size: 15px; }

#container .centerSide .top .right {
  font-size: 10px;
  color: #000001;
  line-height: 12px;
  padding-top: 8px;
  width: 30%;
  float: left;
  text-align: right; }

#container .centerSide .box1 img {
  padding: 17px 0; }

.box1 .graphDate {
  display: inline-block;
  padding: 2px 4px;
  font-size: 13px;
  color: #9f9f9f;
  background: #fff;
  border: 1px solid #d5d6d6;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

#container .centerSide .btn {
  margin-top: 0;
  margin-bottom: 22px;
  float: right;
  margin-right: 16px; }

#container .centerSide .btn img {
  margin: 0;
  padding: 0 !important; }

#container .centerSide .box2 img {
  padding: 17px 0; }

#container .centerSide .box3 .btn {
  width: 100%;
  display: block;
  margin: 0; }

#container .centerSide .box3 .tableBtn {
  width: 325px;
  display: block;
  position: relative;
  border: 1px solid #ccc;
  overflow: hidden; }

#container .centerSide .box3 .tableBtn img {
  float: left; }

#container .centerSide .box3 .tableBtn span {
  border: 4px solid #fff;
  width: 115px;
  height: 26px;
  text-align: center;
  overflow: hidden;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  border-radius: 22px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -17px 0 0 -62px; }

#container .centerSide .box3 .tableBtn span span {
  display: block;
  margin: 0;
  top: 0;
  left: 0;
  width: 113px;
  color: #456f81;
  background: #eff0f0;
  height: 24px;
  line-height: 24px;
  font-size: 11px;
  border: 1px solid #d5d6d6; }

#container .centerSide .box3 .tableBtn:hover span span {
  background: #426d80;
  color: #fff;
  text-decoration: none; }

#container .centerSide .box3 .btn a {
  display: block;
  margin-top: 15px;
  width: 150px;
  height: 25px;
  line-height: 25px;
  border: 1px solid #dcdcdc;
  font-size: 11px;
  text-align: center;
  background: #fff;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  border-radius: 22px; }

#container .centerSide .box3 .btn a:hover {
  border: 1px solid #bcbebd;
  background: #f0f2f1;
  text-decoration: none; }

/**/
#container .rightSide {
  float: right;
  width: 324px; }

#container .rightSide .box1 {
  text-align: center; }

#container .rightSide .box1 img {
  padding: 17px 0; }

#container .rightSide .box2 .btn {
  float: right;
  text-align: right;
  margin-right: 18px;
  margin-bottom: 16px;
  margin-top: 11px; }

#container .rightSide .box3 {
  min-height: 174px;
  display: block;
  width: 100%; }

#container .rightSide .contentIn {
  padding: 14px; }

/* login box */
.loginContainer {
  width: 324px;
  margin: 31px auto 43px auto; }

.loginBox {
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 14px 18px; }

.loginBox h3 {
  font-size: 18px;
  font-weight: normal;
  font-family: swis721lteunormal, Tahoma, Verdana, sans-serif;
  margin: 0 0 30px 0; }

.loginBox {
  clear: both; }

.loginBox p {
  padding: 0 0 25px 0; }

.loginBox label {
  display: block;
  width: 25%;
  float: left;
  font-size: 12px;
  line-height: 23px; }

.loginBox.updatePasswordBox label {
  width: 45%; }

.loginBox input {
  display: block;
  width: 69%;
  float: right;
  border: 1px solid #d5d6d6;
  height: 21px;
  line-height: 21px;
  padding: 0 2%;
  font-size: 12px; }

.loginBox.updatePasswordBox input {
  width: 140px; }

.loginBox .buttons {
  float: left;
  width: 50%;
  padding: 3px 0 26px 0; }

.loginBox .buttons a {
  text-decoration: none;
  color: #000;
  font-size: 12px; }

.loginBox .buttons a:hover {
  text-decoration: underline; }

.loginBox .buttons .submit {
  float: right;
  margin: 0;
  font-size: 10px;
  padding: 0 36px 2px 11px!important;
  width: 118px;
  background: white url(../images/arrowBtn.png) no-repeat right 0;
  cursor: pointer;
  height: 24px;
  text-transform: uppercase; }

.loginBox .buttons .submit:hover {
  background-color: #e83f38;
  background-position: right -22px;
  color: #fff; }

.loginBox .error {
  color: #e74040;
  font-size: 12px;
  padding: 0 0 18px 3px; }

/* cookies */
.cookiesBox {
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 18px 0;
  line-height: 19px;
  margin: 0 0 20px 0;
  font-size: 12px;
  clear: both;
  overflow: hidden;
  -moz-column-count: 3;
  -webkit-column-count: 3;
  column-count: 3; }

.cookiesBox p {
  padding: 0 20px 10px 20px;
  text-align: justify; }

.cookiesBox .loginBtn {
  float: right;
  margin: 0 4px 0 0; }

/* WIT  */
.contentWide {
  float: left;
  width: 666px;
  margin: 0 0 0 17px; }

.contentWide .userInfo {
  position: relative;
  height: 43px;
  font-size: 12px;
  color: #2d4a9d;
  text-align: right;
  width: 100%;
  padding: 33px 0 0 0; }

.contentWide .userInfo a {
  color: #2d4a9d; }

.contentWide .userInfo .loginBtn {
  color: #000;
  margin: 0 0 0 11px; }

.contentWide .userInfo .witLinks {
  position: absolute;
  right: 0px;
  top: 29px; }

.signed-in .contentWide .userInfo .witLinks {
  right: 140px;
  border-right: 1px solid #ccc;
  padding-right: 10px; }

.contentWide .userInfo .witLinks a {
  display: block;
  float: right;
  height: 35px;
  width: 155px;
  line-height: 35px;
  margin: 0;
  padding: 0 0 0 43px;
  text-align: left; }

.contentWide .userInfo .witLinks .uMocy {
  line-height: 17px;
  background-position: 0 0; }

.contentWide .userInfo .witLinks .info {
  width: 100px;
  background: transparent url(../images/wit-info-ico.png) no-repeat 0 0; }

.contentWide .wbox {
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 12px 18px;
  font-size: 15px; }

.contentWide .wbox h2 {
  font-weight: normal;
  font-size: 18px;
  font-family: swis721lteunormal, Tahoma, Verdana, sans-serif;
  margin: 0 0 8px 0;
  overflow: hidden; }

.contentWide .wbox .newWIT {
  margin: 0 0 76px 0; }

.contentWide .wbox .witType {
  float: right;
  width: 13em;
  text-align: right;
  color: #808183; }

.contentWide .wbox .witList {
  list-style: none;
  margin: 45px 0 0 0; }

.contentWide .wbox .witList li {
  background: #eff0f0;
  padding: 10px 0; }

.contentWide .wbox .witList li.section-break {
  text-align: center;
  border-top: 1px grey solid;
  border-bottom: 1px grey solid; }

.contentWide .wbox .witList li:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

.contentWide .wbox .witList li:nth-child(even) {
  background: #fff; }

.witList li.hovered {
  cursor: pointer; }

.witList li.hovered .secondRow a {
  color: #06C; }

.contentWide .wbox .witList dl {
  clear: both; }

.contentWide .wbox .witList dl dt {
  padding: 6px 2%;
  width: 35%;
  float: left;
  line-height: 14px;
  margin: 0; }

.contentWide .wbox .witList dl dd {
  padding-right: 3%;
  width: 57%;
  float: left;
  line-height: 26px;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word; }

.contentWide .wbox form .witList dl dd {
  padding: 0;
  width: 61%;
  float: left;
  line-height: 26px;
  margin: 0; }

.contentWide .wbox form .witList .unavailability dl dd {
  width: 57%; }

.contentWide .wbox form .witList .uwagi dl dd {
  width: 57%; }

.contentWide .wbox .witList dl .sel {
  border: none;
  height: 22px;
  width: 41%;
  padding: 2px 2% 2px 0; }

.contentWide .wbox .witList dl .sel select {
  border: 1px solid #d5d6d6;
  width: 100%;
  font-size: 12px; }

.contentWide .wbox .witList input {
  border: 1px solid #d5d6d6;
  height: 24px;
  line-height: 24px;
  width: 30%;
  padding: 0 1% 0 2%;
  background: #fff;
  font-size: 12px; }

.contentWide .wbox .witList .date {
  width: 35%; }

.contentWide .wbox .witList .date .calendar {
  float: left;
  width: 17%;
  display: block;
  margin: -5px 0; }

.contentWide .wbox .witList .date input {
  width: 73%; }

.contentWide .wbox .witList .hour {
  width: 26%; }

.contentWide .wbox .witList .hour label {
  width: 40%;
  line-height: 24px;
  display: block;
  float: left; }

.contentWide .wbox .witList .hour input {
  width: 50%;
  float: left; }

.contentWide .wbox form .unavailability {
  background: #eff0f0; }

.contentWide .wbox form .unavailability textarea {
  border: 1px solid #d5d6d6;
  padding: 2%;
  width: 100%;
  resize: none;
  font-size: 12px; }

.contentWide .wbox form .uwagi {
  background: #fff; }

.contentWide .wbox form .uwagi textarea {
  border: 1px solid #d5d6d6;
  padding: 2%;
  width: 100%;
  resize: none;
  font-size: 12px; }

.contentWide .formBtn {
  clear: both;
  overflow: hidden;
  padding: 20px 0 10px 0;
  font-size: 12px;
  text-align: right;
  width: 98%; }

.contentWide .formBtn .seeAll {
  float: right;
  cursor: pointer;
  width: 113px;
  height: 26px;
  margin: 0 0 0 20px; }

.contentWide .formBtn input {
  margin: 0;
  padding: 0; }

.contentWide h3 {
  font-size: 20px;
  font-weight: normal; }

.contentWide h3 .font-sw {
  padding-right: 5px;
  font-family: swis721ltcneunormal, Tahoma, Verdana, sans-serif; }

.contentWide .red .alert {
  font-weight: bold;
  color: #e74040; }

.contentWide .blue .alert {
  font-weight: bold;
  color: #2d4a9d; }

.contentWide .grey .alert {
  font-weight: bold;
  color: #8a8a8a; }

.contentWide .blueTx {
  color: #2d4a9d;
  line-height: 14px!important;
  padding: 6px 0 0 0!important; }

/* komunikaty */
.selectMonth {
  padding: 0 16px 25px 16px; }

.selectMonth label {
  font-size: 12px;
  float: left;
  display: block;
  line-height: 26px;
  width: 40%; }

.selectMonth .sel {
  border: none;
  height: 20px;
  float: left;
  width: 55%;
  padding: 2px 2%;
  float: left;
  display: block; }

.selectMonth .sel select {
  border: 1px solid #d5d6d6;
  width: 100%; }

.sidebarList {
  list-style: none; }

.sidebarList li {
  padding: 8px 16px 0 16px; }

.sidebarList li:hover, .sidebarList .active {
  background: #eff0f0; }

.sidebarList a {
  color: #036baf; }

.sidebarList h4 {
  padding: 0 0 24px 0;
  margin: 1px!important; }

.sidebarList .shortInf {
  border-bottom: 1px solid #cacaca;
  padding: 0 0 19px 0;
  font-size: 12px;
  line-height: 17px; }

.sidebarList .time {
  margin-bottom: 22px!important; }

.statementBox {
  margin: 82px 0 0 0;
  padding: 16px 18px!important;
  position: relative; }

.statementBox .topPost {
  padding: 0 0 15px 0; }

.statementBox .time {
  background: url("../images/clock-ico.png") no-repeat;
  font-size: 12px;
  color: #000001;
  padding-left: 26px;
  line-height: 19px;
  margin-bottom: 26px;
  float: right;
  text-align: right; }

/* .statementBox .time .day {text-transform: uppercase;} */
.statementBox h4 {
  font-size: 15px;
  color: #036baf;
  font-weight: bold;
  line-height: 18px;
  margin: 0 0 11px 0;
  clear: both; }

.statementBox .text {
  font-size: 12px;
  color: #000;
  line-height: 19px;
  margin-bottom: 50px; }

.statementBox .title {
  float: left;
  font-size: 18px;
  font-family: swis721lteunormal, Tahoma, Verdana, sans-serif; }

.statementNav {
  clear: both;
  padding: 16px 0 0 0; }

.statementNav a {
  display: inline-block;
  float: right;
  margin: 0 0 0 17px!important; }

.statementNav .back {
  float: left;
  margin: 0!important;
  display: none; }

/* static pages */
.staticContainer {
  width: 100%;
  margin: 0 0 18px 0; }

.staticContainer .statementBox {
  margin-top: 0; }

/* wykresy */
.graphContainer {
  width: 100%;
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 14px 0 0 0;
  margin: 0 0 18px 0; }

.graphContainer.moceWytworcze {
  padding: 20px 0 0 0!important; }

.graphContainer .graphBox {
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.graphContainer .boxA {
  width: 47%;
  margin: 0 0 18px 2%;
  float: left; }

.graphContainer .boxB {
  width: 96%;
  margin: 0 0 18px 2%;
  float: left;
  padding: 0 1px; }

.graphContainer .top {
  border-bottom: 1px solid #6277b6;
  padding: 12px 17px 13px 17px; }

.graphContainer .top .left {
  font-size: 15px;
  color: #2d4a9d;
  width: 86%;
  float: left;
  font-weight: bold;
  padding: 5px 0 0 0; }

.graphContainer .top .right {
  font-size: 10px;
  color: #000001;
  line-height: 12px;
  padding-top: 4px;
  width: 14%;
  float: left;
  text-align: right; }

.graphContainer .graphInside {
  overflow: hidden;
  overflow-x: auto;
  position: relative;
  clear: both; }

.graphContainer .graphOverlay {
  position: absolute;
  line-height: 350px;
  text-align: center;
  background: rgba(255, 255, 255, 0.9);
  color: #8d8d8d;
  z-index: 100; }

.graphContainer .boxA .graph {
  width: 472px;
  margin: 0 0 10px 0; }

.graphContainer .boxB .graph {
  width: 965px;
  margin: 0 0 10px 0; }

.graphContainer .boxB .ndays-date-from, .graphContainer .boxB .ndays-date-to {
  color: #2d4a9d; }

.graphContainer .graphForm {
  width: 100%;
  color: #000;
  font-size: 12px; }

.graphContainer .graphForm .date {
  padding: 16px 0 0 0;
  text-transform: none; }

.graphContainer .graphForm .date fieldset {
  float: left;
  /* width: 310px; */ }

.graphContainer .graphForm .date .tableCalendar {
  display: block;
  cursor: pointer;
  float: left;
  width: 28px;
  margin: -7px 0 0 0; }

.graphContainer .graphForm .date label {
  height: 23px;
  line-height: 23px;
  display: block;
  float: left;
  width: 100px;
  text-align: right; }

.graphContainer .graphForm .date input {
  height: 21px;
  line-height: 21px;
  margin: 0 12px;
  border: 1px solid #d5d6d6;
  width: 105px;
  padding: 0 7px;
  display: block;
  float: left; }

.graph .nojs-info {
  position: absolute;
  width: 100%;
  margin-top: 5em;
  text-align: center;
  color: #8d8d8d; }

.graphForm {
  position: relative; }

.graphForm .btn.get-csv {
  float: right;
  width: 82px;
  margin: 0 15px 15px 0; }

.boxB .graphForm .btn.get-csv {
  margin: 15px; }

.graphInside .graph {
  width: 100%!important;
  height: 350px; }

.balanceGraph {
  position: relative; }

.graph-img-import {
  position: absolute;
  top: 54px;
  right: 20px; }

.graph-img-export {
  position: absolute;
  bottom: 105px;
  right: 20px; }

/* table */
.tableContainerMain {
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 0 0 18px 0; }

.tableContainer {
  overflow: hidden;
  overflow-x: auto;
  width: 1006px; }

.tableBox {
  width: 1006px; }

.tableBox .left {
  padding: 15px 0 0 16px;
  width: 703px;
  float: left; }

.tableBox .left h2 {
  color: #0075bf;
  font-size: 15px;
  font-weight: bold;
  margin: 0 0 0 0; }

.tableBox .left .buttons {
  clear: both;
  margin: 20px 0 17px 0; }

.tableBox .left .buttons a {
  float: left;
  margin: 0 26px 0 0; }

.tableBox .right {
  float: left;
  text-align: right;
  width: 270px;
  position: relative;
  height: 90px; }

.tableBox .right .date {
  font-size: 9px;
  padding: 24px 0 14px 0; }

.tableBox .right .cvsBtn {
  margin: 0 0 25px 0; }

.tableBox .legend {
  float: right;
  position: absolute;
  top: 25px;
  right: -7px;
  list-style: none;
  font-size: 12px;
  width: 230px; }

.tableBox .legend li {
  padding: 0 0 10px 20px;
  text-align: left;
  width: 90px;
  float: left; }

.tableBox .legend .title {
  position: absolute;
  float: none;
  margin-left: -90px; }

.tableBox .legend .la {
  background: url(../images/legendGreen.png) no-repeat left top; }

.tableBox .legend .lb {
  background: url(../images/legendSilver.png) no-repeat left top; }

.tableBox .legend .lc {
  background: url(../images/legendBlue.png) no-repeat left top; }

.tableBox .legend .ld {
  background: url(../images/legendRed.png) no-repeat left top; }

/* table wykaz jednostek */
.wykazJednostek {
  clear: both;
  width: 100%;
  border: 0;
  border-collapse: collapse; }

.wykazJednostek th {
  background: #fff; }

.wykazJednostek th, .wykazJednostek td {
  border-bottom: 1px solid #d5d6d6;
  border-right: 1px solid #d5d6d6; }

.wykazJednostek td:last-child, .wykazJednostek th:last-child {
  border-right: 0; }

.wykazJednostek td td {
  border-bottom: 0; }

.wykazJednostek .details td {
  border-top: 1px solid #d5d6d6; }

.wykazJednostek tr:last-child td {
  border-bottom: 0; }

.wykazJednostek th {
  color: #006eb6;
  font-size: 11px;
  font-weight: normal;
  text-align: center;
  border-top: 3px solid #0075bf;
  border-bottom: 3px solid #0075bf;
  height: 65px;
  text-transform: uppercase; }

.wykazJednostek tr td {
  background: #eaebec; }

.wykazJednostek tr:nth-child(even) td {
  background: #f5f5f5; }

.wykazJednostek .col1 {
  width: 314px; }

.wykazJednostek .col2 {
  width: 141px; }

.wykazJednostek .col3 {
  width: 78px; }

.wykazJednostek .col4 {
  width: 96px; }

.wykazJednostek .col5 {
  width: 85px; }

.wykazJednostek .col6 {
  width: 128px; }

.wykazJednostek .col7 {
  width: 157px; }

.wykazJednostek .col1a {
  width: 295px;
  padding: 0 5px 0 14px; }

.wykazJednostek .col2a {
  width: 116px;
  padding: 0 5px 0 20px; }

.wykazJednostek .col3a {
  width: 68px;
  text-align: center;
  padding: 0 5px; }

.wykazJednostek .col4a {
  width: 86px;
  text-align: center;
  padding: 0 5px; }

.wykazJednostek .col5a {
  width: 75px;
  text-align: center;
  padding: 0 5px; }

.wykazJednostek .col6a {
  width: 118px;
  text-align: center;
  padding: 0 5px; }

.wykazJednostek .col7a {
  width: 138px;
  padding: 0 5px 0 14px; }

.wykazJednostek table {
  width: 100%;
  font-size: 12px;
  cursor: pointer; }

.wykazJednostek table td {
  height: 30px; }

.wykazJednostek table tr:hover td {
  background: #80b3d9; }

/* .wykazJednostek .details {display: none;} */
.wykazJednostek table tr.details td {
  background: #fff;
  cursor: default; }

.wykazJednostek table tr.details:hover td {
  background: #80b3d9; }

/* table wykaz jednostek */
.ubytkiMocy {
  clear: both;
  width: 100%;
  border: 0;
  border-collapse: collapse;
  font-size: 12px;
  border-bottom: 3px solid #0075bf; }

.ubytkiMocy th {
  background: #fff; }

.ubytkiMocy th, .ubytkiMocy td {
  border-bottom: 1px solid #d5d6d6;
  border-right: 1px solid #d5d6d6; }

.ubytkiMocy td:last-child, .ubytkiMocy th:last-child {
  border-right: 0; }

.ubytkiMocy tr:last-child > td {
  border-bottom: 0; }

.ubytkiMocy th {
  color: #006eb6;
  font-size: 11px;
  font-weight: normal;
  text-align: center;
  border-top: 3px solid #0075bf;
  border-bottom: 3px solid #0075bf;
  height: 30px;
  text-transform: uppercase; }

.ubytkiMocy td td {
  border-bottom: 0; }

.ubytkiMocy .details td {
  border-top: 1px solid #d5d6d6; }

.ubytkiMocy .last {
  border-right: 3px solid #0075bf; }

.ubytkiMocy .tableTop th {
  height: 51px!important; }

.ubytkiMocy .tableTop .nav {
  position: relative;
  width: 100%;
  height: 51px;
  color: #000; }

.ubytkiMocy .tableTop .nav .btnTx {
  position: absolute;
  top: 15px;
  height: 23px;
  line-height: 23px;
  text-transform: none; }

.ubytkiMocy .tableTop .nav .prevNav {
  background: url(../images/tablePrev.png) no-repeat top left;
  padding: 0 0 0 34px;
  left: 14px; }

.ubytkiMocy .tableTop .nav .nextNav {
  background: url(../images/tableNext.png) no-repeat top right;
  padding: 0 34px 0 0;
  right: 14px; }

.ubytkiMocy .tableTop .nav .prevNav:hover {
  background-position: 0 -23px;
  text-decoration: none; }

.ubytkiMocy .tableTop .nav .nextNav:hover {
  background-position: right -23px;
  text-decoration: none; }

.ubytkiMocy .tableTop .nav .date {
  padding: 16px 0 0 0;
  position: absolute;
  top: 0;
  left: 198px;
  width: 345px;
  text-transform: none; }

.ubytkiMocy .tableTop .nav .date label {
  height: 23px;
  line-height: 23px;
  display: block;
  float: left;
  width: 100px;
  text-align: right; }

.ubytkiMocy .tableTop .nav .date input {
  height: 21px;
  line-height: 21px;
  margin: 0 12px;
  border: 1px solid #d5d6d6;
  width: 105px;
  padding: 0 7px;
  display: block;
  float: left; }

.ubytkiMocy .tableTop .nav .date .tableCalendar {
  display: block;
  cursor: pointer;
  float: left;
  width: 28px;
  margin: -7px 0 0 0; }

.ubytkiMocy tr td {
  background: #eaebec; }

.ubytkiMocy tr:nth-child(even) td {
  background: #f5f5f5; }

.ubytkiMocy tr.details td {
  background: #fff; }

.ubytkiMocy table {
  width: 100%;
  font-size: 12px; }

.ubytkiMocy table td {
  height: 30px; }

/* .ubytkiMocy .details {display: none;} */
.ubytkiMocy .col1 {
  width: 110px; }

.ubytkiMocy .col2 {
  width: 93px; }

.ubytkiMocy .col3 {
  width: 84px; }

.ubytkiMocy .colBox {
  width: 50px; }

.ubytkiMocy .col1a {
  width: 95px;
  padding: 0 0 0 15px; }

.ubytkiMocy .col2a {
  width: 78px;
  padding: 0 0 0 15px; }

.ubytkiMocy .col3a {
  width: 70px;
  padding: 0 14px 0 0;
  text-align: right; }

.ubytkiMocy .powerStation .visible td {
  cursor: pointer; }

.ubytkiMocy .powerStation .visible:hover td {
  background: #80b3d9!important; }

.ubytkiMocy table .colBox {
  width: 50px;
  background: #fff; }

.ubytkiMocy table .colBox.cal-general {
  background: #9fa2a7;
  color: #fff; }

.ubytkiMocy table .colBox.cal-ok {
  background: #418560;
  color: #fff; }

.ubytkiMocy table .details td.colBox.cal-ok {
  background: #539E75;
  color: #fff; }

.ubytkiMocy td.colBox {
  text-align: center;
  cursor: default; }

.ubytkiMocy table .details td.colBox.cal-planned {
  background: #638dc9;
  color: #fff;
  cursor: pointer; }

.ubytkiMocy table .details td.colBox.cal-unplanned {
  background: #dd475c;
  color: #fff;
  cursor: pointer; }

.ubytkiMocy td.colBox.cal-na {
  background: #ffffff;
  color: gray; }

.ubytkiMocy .powerStation table tr:hover td {
  background: #80b3d9!important; }

.ubytkiMocy .summary td {
  background: #fff!important;
  height: 22px;
  text-align: right;
  padding-right: 5px;
  border-top: 3px solid #0075bf; }

.ubytkiMocy .summary.bold {
  font-weight: bold; }

.ubytkiMocy .colSummary {
  width: 95px;
  padding: 0 0 0 15px;
  text-align: left!important; }

/* heading */
.normalHeading {
  font-size: 24px;
  font-weight: normal;
  font-family: swis721lteunormal, Tahoma, Verdana, sans-serif;
  margin: 0 0 30px 0; }

.headingIcon, .headingLink a {
  display: block;
  font-size: 24px;
  font-weight: normal;
  font-family: swis721lteunormal, Tahoma, Verdana, sans-serif;
  padding-left: 68px;
  width: 210px;
  height: 64px; }

.headingLink a:hover {
  text-decoration: none;
  color: #666; }

.wit {
  background: url(../images/wit-ico.png) no-repeat 4px 2px;
  line-height: 26px;
  margin: 0 0 12px 0; }

.witRss {
  background: url(../images/common/rss.png) no-repeat 4px 2px;
  line-height: 26px;
  margin: 0 0 12px 0; }

.dose {
  background: url(../images/dose-ico.png) no-repeat 12px 5px;
  line-height: 26px;
  margin: 0 0 12px 0; }

.comGPI {
  background: url(../images/com-ico.png) no-repeat 9px 18px;
  line-height: 26px;
  padding: 18px 0 0 68px; }

.rynkiTge {
  background: url(../images/tge-ico.png) no-repeat 11px 13px;
  line-height: 26px;
  padding: 13px 0 0 68px;
  margin: 0; }

.partners {
  background: url(../images/partners-ico.png) no-repeat 7px 19px;
  line-height: 26px;
  padding: 18px 0 0 49px; }

.otherTGE {
  background: url(../images/otge-ico.png) no-repeat 0 7px;
  line-height: 26px;
  margin: 17px 0 12px 14px;
  padding: 0 0 0 50px; }

.uMocy {
  background: url(../images/umocy-ico.png) no-repeat 12px 12px;
  line-height: 23px;
  margin: 0 0 12px 0;
  padding: 5px 0 0 68px; }

.uMocy span {
  font-size: 17px; }

.graphTitle {
  font-family: swis721lteunormal, Tahoma, Verdana, sans-serif;
  font-weight: normal;
  font-size: 18px;
  width: 100%;
  text-align: center;
  padding: 0 0 14px 0;
  clear: both;
  overflow: hidden; }

/* buttons */
.more {
  display: block;
  width: 80px;
  height: 19px;
  line-height: 19px;
  background: #eff0f0;
  border: 1px solid #d5d6d6;
  color: #2d4a9d;
  font-size: 10px;
  text-align: center;
  overflow: hidden;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px; }

.more:hover {
  background: #2d4a9d;
  color: #fff;
  text-decoration: none;
  border: 1px solid #2d4a9d; }

.seeAll {
  display: block;
  width: 113px;
  background: #eff0f0;
  height: 26px;
  line-height: 26px;
  font-size: 11px;
  border: 1px solid #d5d6d6;
  text-align: center;
  overflow: hidden;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  border-radius: 22px; }

.seeAll:hover {
  color: #fff!important;
  text-decoration: none;
  border: 1px solid #2d4a9d; }

.seeAll.darkRed {
  color: #a6274d; }

.seeAll.darkRed:hover {
  background: #a5274d;
  border: 1px solid #a6274d; }

.seeAll.red {
  color: #e74040; }

.seeAll.red:hover {
  background: #e74040;
  border: 1px solid #e74040; }

.seeAll.blue {
  color: #036baf; }

.seeAll.blue:hover {
  background: #036baf;
  border: 1px solid #036baf; }

.loginBtn {
  font-size: 10px;
  padding: 0 38px 0 13px;
  width: auto;
  display: inline-block;
  background: white url(../images/arrowBtn.png) no-repeat right 0;
  cursor: pointer;
  height: 22px;
  line-height: 22px;
  border: 1px solid #ccc; }

.loginBtn:hover {
  background-color: #e83f38;
  background-position: right -22px;
  color: #fff!important;
  text-decoration: none; }

.back {
  display: inline-block;
  color: #555;
  width: 113px;
  background: #fff;
  margin: 0 0 10px 0;
  height: 26px;
  line-height: 26px;
  font-size: 11px;
  border: 1px solid #d5d6d6;
  text-align: center;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  border-radius: 22px; }

.back:hover {
  text-decoration: none;
  background: #f8f8f8; }

.cvsBtn {
  display: inline-block;
  position: relative;
  color: #2d4a9d;
  background: #eff0f0;
  padding: 0 7px;
  margin: 0 0 10px 0;
  height: 21px;
  line-height: 21px;
  font-size: 11px;
  border: 1px solid #d5d6d6;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.cvsBtn:hover {
  text-decoration: none;
  background: #2d4a9d;
  color: #fff;
  border: 1px solid #2d4a9d; }

.cvsBtn:hover span {
  display: block; }

.cvsBtn span {
  display: none;
  position: absolute;
  bottom: 29px;
  right: -2px;
  width: 120px;
  height: 27px;
  line-height: 27px;
  color: #9f9f9f;
  background: #fff;
  border: 1px solid #d5d6d6;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.cvsBtn span span {
  width: 12px;
  height: 7px;
  background: url(../images/tooltip.png);
  position: absolute;
  bottom: -6px;
  right: 10px;
  border: 0; }

.helpLink {
  text-align: right;
  display: block;
  position: absolute;
  right: 2px;
  font-size: 12px;
  top: 36px;
  background: transparent url(/gpi-theme/images/info-ico.png) no-repeat 0 50%;
  padding-left: 20px;
  line-height: 20px; }

/* error pages */
#container.error {
  padding: 3em; }

.error-title {
  font-size: 8em;
  color: #f1f2f3; }

.error-title span {
  display: block;
  font-size: .2em;
  color: #666; }

.error-text {
  margin: 3em 0;
  color: #666;
  line-height: 1.5; }

.error-text a {
  color: #2d4a9d; }

/* media */
@media screen and (min-width: 1024px) {
  #wrap, #footer {
    width: 1006px; }

  /* sticky footer @see http://ryanfait.com/sticky-footer/ */
  html, body {
    height: 100%; }

  #wrap {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -17em; }

  #footer-wrapper, .push {
    height: 17em; } }
@media screen and (max-width: 1024px) {
  #wrap, #footer, #container {
    width: 100%; }

  #container .leftSide {
    width: 47%;
    margin: 0 0 0 2%; }

  #container .centerSide {
    width: 47%;
    margin: 0 0 0 2%; }

  #container .contentWide {
    width: 96%;
    margin: 0 0 0 2%; }

  .contentWide .wbox .witList dl dt {
    width: 27%; }

  .contentWide .wbox .witList dl dd {
    width: 57%; }

  .contentWide .wbox .witList dl .sel {
    width: 60%; }

  .contentWide .wbox .witList .date {
    width: 69%;
    margin: 0 0 8px 0; }

  .contentWide .wbox .witList .hour {
    width: 69%;
    float: right; }

  .contentWide .wbox form .unavailability dd textarea {
    width: 90%; }

  .contentWide .wbox form .uwagi dd textarea {
    width: 90%; }

  .contentWide .formBtn {
    width: 96%; }

  #container .rightSide {
    width: 99%;
    float: none;
    clear: both; }

  #container .rightSide .box {
    margin: 0 0 20px 0; }

  #container .rightSide .boxContainer, #container .rightSide .box2, #container .rightSide .box3 {
    /* width: 47%; */
    float: left;
    margin: 0 0 20px 2%; }

  #container .centerSide .top {
    padding: 17px 5% 12px;
    width: 90%; }

  #container .centerSide .box3 .tableBtn {
    margin: 0 auto; }

  #container .leftSide .box2 {
    padding: 19px 1% 18px;
    width: 98%;
    clear: both;
    float: none; }

  #logo {
    margin: 19px 0 21px 20px; }

  #header .textBox {
    margin: 0 0 0 20px;
    width: 222px; }

  #header .right {
    width: 542px;
    float: right; }

  #header .langNav .lang {
    margin: 0 10px 0 0; }

  #footer .left {
    width: 50%;
    border-right: 2px solid #fff; }

  #footer .right {
    width: 48%; }

  #footer .left .box {
    width: 30%;
    margin: 0 1%; }

  #footer .left .box.first {
    margin: 0 2%; }

  #footer .left .box.last {
    margin: 0 2%; }

  #footer .right .box.first {
    width: 48%;
    margin: 0 1%; }

  #footer .right .box.last {
    width: 38%;
    margin: 0 1%; }

  #footer .right .imgBox {
    width: 10%; }

  #container .centerSide .box3 .tableBtn {
    width: 100%;
    height: 100%; }

  #container .centerSide .box3 .tableBtn img {
    width: 100%;
    height: 100%; }

  .cookiesBox {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2; }

  .normalHeading {
    margin: 0 0 30px 20px; }

  .statementBox .time {
    clear: both;
    margin: 7px 0 10px 0;
    float: left;
    text-align: left; }

  .graphContainer {
    border-left: 0;
    border-right: 0; }

  .boxB .graph, .boxB .graphInside {
    width: 750px;
    margin: 0 auto; }

  .tableContainer {
    width: 750px;
    margin: 0 auto; } }
@media screen and (max-width: 800px) {
  #header .textBox {
    margin: 0 0 0 20px;
    width: 211px; }

  #header .right {
    width: 450px; }

  #header .navBar .searchBar {
    width: 121px;
    position: absolute;
    top: 38px;
    right: 0; }

  #footer .left .box {
    width: 80%;
    margin: 0 10%; }

  #footer .left .box ul {
    border-bottom: 2px solid #ccc;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0; }

  #footer .left .box ul ul {
    border-bottom: none;
    margin-bottom: 0px;
    padding-bottom: 0; }

  #footer .left .box:first-child, #footer .left .box:last-child, #footer .left .box.first {
    margin: 0 10%; }

  #footer .left .box.first li {
    padding: 0; }

  #footer .left .box.last {
    margin: 0 10%; }

  #footer .right .box.first {
    width: 98%;
    margin: 0 1% 20px 1%; }

  #footer .right .box.last {
    width: 98%;
    margin: 0 1% 20px 1%; }

  #footer .right .imgBox {
    width: 98%;
    margin: 0 1% 20px 1%; }

  #footer .right .box {
    border-bottom: 2px solid #ccc;
    padding: 0 0 20px 0; }

  .breadcrumb {
    display: none; }

  .boxB .graph, .boxB .graphInside {
    width: 720px; }

  .tableContainer {
    width: 720px; }

  .graphContainer .graphForm .date label {
    display: none; } }
@media screen and (max-width: 768px) {
  #header .textBox {
    margin: 0 0 0 20px;
    width: 180px; }

  #header .right {
    width: 380px; }

  #header .navBar ul li a {
    width: 118px;
    text-transform: lowercase; }

  #header .navBar ul ul li a {
    width: 99px;
    text-transform: none; }

  #header .navBar ul ul ul {
    left: 114px; }

  #container .leftSide {
    width: 96%;
    margin: 0 0 0 2%; }

  #container .centerSide {
    width: 96%;
    margin: 0 0 0 2%; }

  #container .rightSide {
    width: 96%;
    margin: 0 0 0 2%; }

  #container .contentWide {
    width: 96%;
    margin: 0 0 0 2%; }

  .contentWide .wbox form .unavailability dd textarea {
    width: 89%; }

  .contentWide .wbox form .uwagi dd textarea {
    width: 89%; }

  #container .rightSide .box {
    margin: 0 0 20px 0; }

  #container .rightSide .boxContainer, #container .rightSide .box2, #container .rightSide .box3 {
    width: 100%;
    margin: 0; }

  #container .rightSide .box2 {
    margin: 0 0 20px 0;
    overflow: hidden; }

  #container .centerSide .top {
    padding: 17px 5% 12px;
    width: 90%; }

  .statementBox {
    margin: 0; }

  .statementNav .back {
    display: block; }

  .komunikatyContent {
    /* display: none; */ }

  .show {
    display: block!important; }

  .hide {
    display: none!important; }

  .contentWide .wbox .witList .date {
    width: 35%;
    margin: 0; }

  .contentWide .wbox .witList .date .calendar {
    float: left;
    width: 17%;
    display: block;
    margin: -5px 0; }

  .contentWide .wbox .witList .date input {
    width: 73%; }

  .contentWide .wbox .witList .hour {
    width: 26%; }

  .contentWide .wbox .witList .hour label {
    width: 40%;
    line-height: 24px;
    display: block;
    float: left; }

  .contentWide .wbox .witList .hour input {
    width: 50%;
    float: left; }

  .boxB .graph, .boxB .graphInside {
    width: 550px; }

  .tableContainer {
    width: 550px; } }
@media screen and (min-width: 601px) {
  #header .navBar ul li:hover ul {
    display: block; }

  #header .navBar ul li:hover ul ul {
    display: none; }

  /*#header .navBar ul ul li:hover ul {display: block;}*/ }
@media screen and (max-width: 600px) {
  #header .textBox {
    margin: 0 0 0 20px;
    width: 220px; }

  #header .navBar {
    position: absolute;
    background: #ebebeb;
    border: 0;
    border-top: 1px solid #c7c7c7;
    display: table;
    width: 100%;
    border-radius: 0;
    top: 208px;
    left: 0;
    display: none;
    overflow: hidden;
    box-shadow: 0 12px 10px #c7c7c7; }

  #header .navBar.active {
    display: block; }

  #header .navBar ul {
    width: 100%;
    float: none; }

  #header .navBar ul li {
    width: 96%;
    margin: 0 2%;
    display: inline-block;
    float: none;
    background: url(../images/dropLine.png) repeat-x bottom; }

  #header .navBar ul li:last-child {
    background: none; }

  #header .navBar ul li.hovered ul {
    display: block; }

  #header .navBar ul ul ul {
    display: none!important; }

  #header .navBar ul li a {
    width: 100%;
    text-align: center;
    padding: 1em 0; }

  #header .btn-nav {
    background: url("../images/menuBtn.png") no-repeat;
    width: 137px;
    height: 36px;
    cursor: pointer;
    display: block;
    position: absolute;
    top: 150px;
    right: 0; }

  #specialgrayLine, .searchBar {
    display: none; }

  #header .navBar ul ul {
    position: static;
    top: 0;
    width: 100%;
    padding: 0;
    border: 0;
    border-top: 2px solid #e74040;
    border-bottom: 2px solid #e74040; }

  #header .navBar ul li .active {
    border-bottom: 0; }

  #header .navBar ul ul li {
    clear: both;
    padding: 0;
    background: url(../images/dropLine.png) repeat-x bottom;
    padding: 1px 0 3px 0;
    margin: 0; }

  #header .navBar ul ul li:last-child {
    background: none; }

  #header .navBar ul ul li a {
    font-size: 12px;
    padding: 1em 0;
    line-height: 13px;
    text-align: center;
    width: 100%; }

  #header .navBar ul ul li a:hover {
    color: #e74040; }

  .cookiesBox {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1; }

  .contentWide .wbox .witList dl dt {
    width: 27%; }

  .contentWide .wbox .witList dl dd {
    width: 57%; }

  .contentWide .wbox .witList dl .sel {
    width: 60%; }

  .contentWide .wbox .witList .date {
    width: 69%;
    margin: 0 0 8px 0; }

  .contentWide .wbox .witList .hour {
    width: 69%;
    float: right; }

  .contentWide .wbox form .unavailability dd textarea {
    width: 90%; }

  .contentWide .wbox form .uwagi dd textarea {
    width: 90%; }

  .contentWide .formBtn {
    width: 96%; }

  .graphContainer .boxA {
    width: 98%;
    clear: both;
    margin: 0 1% 18px 1%;
    position: relative; }

  /* .contentWide .userInfo {height: 100%;} */
  .userInfo .loginBtn {
    margin: 10px 0 10px 20px!important; }

  .boxB .graph, .boxB .graphInside {
    width: 450px; }

  .tableContainer {
    width: 460px; }

  .contentWide .wbox .witType {
    float: none;
    width: auto;
    text-align: left; }

  .graphContainer .graphForm .date label {
    display: block; } }
@media screen and (max-width: 480px) {
  #header {
    height: 165px;
    background: url("../images/480/headerBg.png") no-repeat; }

  #logo {
    width: 310px;
    height: 47px;
    margin: 6px 0 31px 20px; }

  .logo-pl {
    background-image: url("../images/480/logo_pl.png"); }

  .logo-en {
    background-image: url("../images/480/logo_en.png"); }

  #header .navBar {
    top: 158px; }

  .langNav .nav {
    display: none; }

  #footer .left {
    display: none; }

  #footer .right {
    width: 100%; }

  #footer .right .box.first {
    width: 40%;
    margin: 0 4%; }

  #footer .right .box.last {
    width: 38%;
    margin: 0 1%; }

  #footer .right .imgBox {
    width: 12%;
    margin: 0; }

  #footer .right .box {
    border: 0;
    padding: 0; }

  #header .btn-nav {
    top: 105px; }

  #header .textBox {
    margin: 0 0 0 20px;
    width: 180px; }

  .loginContainer {
    width: 95%; }

  .contentWide .wbox .witList dl dt {
    width: 30%; }

  .contentWide .wbox .witList dl dd {
    width: 57%; }

  .contentWide .wbox .witList dl .sel {
    width: 57%; }

  .contentWide .wbox .witList .date {
    width: 66%;
    margin: 0 0 8px 0; }

  .contentWide .wbox .witList .hour {
    width: 65%;
    float: right; }

  .contentWide .wbox .witList .date .calendar {
    width: 20%; }

  .contentWide .wbox .witList .date input {
    width: 70%; }

  .contentWide .wbox .witList .hour label {
    width: 40%; }

  .contentWide .wbox .witList .hour input {
    width: 50%; }

  .graph, .graphInside {
    width: 320px;
    margin: 0 auto; }

  .contentWide .userInfo .witLinks {
    left: 0;
    right: auto; }

  .contentWide .userInfo .witLinks a {
    text-indent: -9999px;
    width: 0; }

  .boxB .graph, .boxB .graphInside {
    width: 290px; }

  .tableContainer {
    width: 300px; }

  .graphContainer .graphForm .date label {
    display: none; } }
@media screen and (max-width: 320px) {
  #logo {
    width: 300px;
    height: 45px;
    margin: 6px 0 31px 18px; }

  .logo-pl {
    background-image: url("../images/320/logo_pl.png"); }

  .logo-en {
    background-image: url("../images/320/logo_en.png"); }

  #footer .right .box.first {
    width: 90%;
    margin: 0 5% 20px 5%; }

  #footer .right .box.last {
    width: 90%;
    margin: 0 5% 20px 5%; }

  #footer .right .imgBox {
    width: 90%;
    margin: 0 5% 0 5%; }

  #footer .right .box {
    border-bottom: 2px solid #ccc;
    padding: 0 0 20px 0; }

  #header .textBox {
    display: none; }

  .boxContainer .box4 img, .boxContainer .box5 img {
    width: 100%; }

  .loginContainer h2 {
    font-size: 18px; }

  .graph, .graphInside {
    width: 240px;
    margin: 0 auto; }

  .tableContainer {
    width: 240px; } }