/*
Theme Name: JPK
Theme URI: http://www.8px.pl
Description: JPK
Author: IT OFFICE
Author URI: http://www.itoffice.pl
Version: 1.0
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {	border-collapse: collapse;border-spacing: 0;}
* {outline: none;}
html, body {height: 100%;}

/* =============================================================================
   Font-Face
   ========================================================================== */

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

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

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

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

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

/* =============================================================================
   Structure
   ========================================================================== */

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.kontener {width: 960px;margin: 0 auto}
body {font-family: 'OpenSansLight';font-size: 14px;line-height: 18px;background: #fff ;}
/*url(img/white.png)*/
strong {font-family: 'OpenSansBold';}
sub {
    vertical-align: sub;
}
sup {
    vertical-align: super;
}
sub, sup {
    font-size: 0.5em;
    line-height: 100%;
}
/*.kanaly li {float: left;position: relative;}*/
.kanaly li div.dostepnosc {position: absolute;top: 1px;left: 1px;opacity: 0.5}
.kanaly li:hover div.dostepnosc {opacity: 1}
.kanaly li div.dostepnosc img {}
.kanaly li a {float: left;width: 160px;height: 160px;/*border: 1px solid #ccc;*/text-indent: -9999px;cursor: default;}
.kanaly li a img {position: absolute;bottom: 0;left: 0;width: 160px;height: 160px;}
.kanaly li a img.opacity {opacity: 1}
/*.kanaly li div.info {width: 156px;position: absolute;text-align: center;font-family: 'Titillium Web', sans-serif;font-size: 20px;color: #077ba4;z-index: 99;text-transform: uppercase;text-indent: 0;padding-top: 40px;}*/
.kanaly li div.info {width: 156px;position: absolute;text-align: center;font-family: 'Titillium Web', sans-serif;font-size: 12px;color: red;z-index: 99;text-transform: uppercase;text-indent: 0;bottom: 4px;background: rgba(255, 255, 255, 0.8);}
.kanaly {width: 100%}
.usun {display: none;}
/*.dymek {width: 120px;height: 120px;z-index: 99;position: absolute;top: 0;left: 0;background: #077ba4;border: 10px solid #077ba4;padding:10px;color:#fff}
.dymek p {margin-bottom: 10px;border-bottom: 1px solid #ccc;padding-bottom: 10px;text-transform: uppercase;}
*/
.mapamain {width: 100%;height: auto;}
#top {height: 90px;position: relative;width: 100%;margin-top:20px;}
#top h1 > a {width: 100px; height: 35px;display: block;background: url(img/logo.png) 0 0 no-repeat; background-size: 100px 35px; text-indent: -9999px;margin-left: 0;}
.switch {margin-bottom: 20px;float: left;}
.switch {font-family: 'OpenSansBold';font-size: 24px;text-transform: uppercase;}
.switch li {border-left: 1px solid #CCCCCC;padding:10px;float: left;}
.switch li a {color: #000;text-decoration: none;}
.switch li a span {font-size: 18px;}
.switch li a:hover, .switch li a:active {color: #077ba4}
.kontener > h1 {border-bottom: 1px solid #CCCCCC;border-top: 1px solid #CCCCCC;font-family: 'Titillium Web', sans-serif;font-size: 60px;margin-bottom: 0;padding-bottom: 30px;padding-top: 30px;text-align: center;text-transform: uppercase;width: 100%;color: #077ba4;line-height: 50px;}
.kontener > .bc {border-bottom: 1px solid #CCCCCC;font-family: 'Titillium Web', sans-serif;font-size: 14px;margin-bottom: 30px;padding-bottom: 10px;padding-top: 10px;text-transform: uppercase;width: 100%;color: #077ba4;line-height: 18px;}
.kontener > .bc a {color: #077ba4; text-decoration: none;}
.kontener > .bc a:hover {text-decoration: underline;}
.loga {margin-bottom: 20px;text-align: center;text-transform: uppercase;width: 100%;color: #077ba4;float: left;height: 80px;text-align: center;}
.loga li {display: inline-block;border-right: 1px solid #ccc;width: 80px;}
.loga li:last-child {border-right: none;}
.loga li img {width: 78px;height: 78px;}
.legenda {height:32px;padding-bottom: 20px;padding-top:20px;width: 100%;text-align: center;}
.legenda li {height: 32px;line-height: 32px;font-size: 16px;font-family: 'OpenSansRegular';display: inline-block;padding-left: 36px;}
.legenda li.radio {background: url(img/markerbig.png) 0 0 no-repeat;border-right: 1px solid #ccc;padding-right: 20px;margin-right: 20px}
.legenda li.swiatlo {background: url(img/cyfrabig.png) 0 0 no-repeat;}
.faq img {height: auto;max-width: 100%;}
aside.faq {width: 200px;float: left;}
aside.faq ol li {clear: both;display: block;text-transform: uppercase;padding-bottom: 10px;padding-top: 10px;border-bottom: 1px solid #CCC;}
aside.faq ol li:first-child {padding-top: 0;}
aside.faq ol li.current_page_item {background: #077ba4;padding:10px;}
aside.faq ol li.current_page_item a {color: #fff}
aside.faq ol li a {text-decoration: none;color: #989898}
aside.faq ol {counter-reset: my-badass-counter;}
aside.faq ol li:before {content: counter(my-badass-counter);counter-increment: my-badass-counter;font-family: 'OpenSansBold';font-size: 28px;line-height: 25px;margin-bottom: 20px;margin-right: 10px;float: left;}
aside.faq ol li.current_page_item:before {color: #fff;}
article.post.faq {width: 719px;margin-left:20px;float: left;margin-top: 0 !important;padding-left: 20px;border-left: 1px solid #ccc}
.ext {position: absolute;top:0;right: 12px;}
.ext ul {height: 24px;line-height: 24px;}
.ext ul li {height: 24px;float: left;margin-left: 20px;font-family: 'OpenSansBold'}
.ext ul li a {display: block;height: 24px;padding-left: 30px;text-transform: uppercase;text-decoration: none;color: #000;}
.ext ul li a.webmail {background: url(img/webmail.png) 0 0 no-repeat}
.ext ul li a.panel {background: url(img/panel.png) 0 0 no-repeat}
.ext ul li a:hover {background-color: #efefef;}
#menu-jpk-menu {float: right;margin-bottom: 20px;}
ul#menu-jpk-menu li {float: left;margin-left: 10px;}
ul#menu-jpk-menu li a {display: block;color: #fff;padding: 10px;font-family: 'OpenSansRegular', sans-serif;font-size: 12px;font-weight: 400;text-decoration: none;text-transform: uppercase;background: #077ba4;}
ul#menu-jpk-menu li a:hover {background: #ccc;color: #000;}

/* =============================================================================
   newsletter
   ========================================================================== */

#s2_form_widget-2 {float: right;}
#s2_form_widget-2 h3 {display: none;}
#s2_form_widget-2 br {display: none;}
#s2_form_widget-2 p {float: left;margin-left: 10px;}
#s2_form_widget-2 input[type="text"] {width:240px; background: none repeat scroll 0 0 #FFFFFF;border:0; border-bottom: 1px solid #ccc;color: #302722;height: 30px;line-height: 30px;text-indent: 10px;}
#s2_form_widget-2 .s2_message, #s2_form_widget-2 .s2_error {background: #077BA4; color:#fff; font-family: 'OpenSansBold';padding:10px;margin-top: 10px;}
#s2_form_widget-2 input[name="subscribe"] {background: #0e633b;color: #FFFFFF;display: inline-block;font-family: 'OpenSansRegular',sans-serif;font-size: 12px;font-weight: 400;padding: 10px;text-decoration: none;text-transform: uppercase;border:0;cursor: pointer;}
#s2_form_widget-2 input[name="unsubscribe"] {background: #d32733;color: #FFFFFF;display: inline-block;font-family: 'OpenSansRegular',sans-serif;font-size: 12px;font-weight: 400;padding: 10px;text-decoration: none;text-transform: uppercase;border:0;margin-left: 6px;cursor: pointer;}
#s2_form_widget-2 label {display: none}

/* =============================================================================
   footer
   ========================================================================== */

#footer {background: #383838;width: 100%;float: left;margin-top: 20px;color: #fff;font-size: 16px;line-height: 20px;}
#footer > div {width: 280px;padding: 20px;float: left;clear:none;}
#footer .qr {text-indent: -9999px;height: 280px;width: 280px;background: url(img/qr.png) 0 0 no-repeat;display: block;margin: 0 auto;display: block;}
#footer > div p {margin-bottom: 20px;}
#footer > div h2 {font-family: 'OpenSansBold';font-size: 16px;;text-align: center;width: 100%;margin-bottom: 10px;}
.foot-menu ul {text-transform: uppercase;}
.foot-menu ul li {margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #484848;padding-left: 20px;}
.foot-menu ul li:last-child {border-bottom: none;}
.foot-menu ul li a {color: #fff;text-decoration: none;}
.foot-menu ul li a:hover {color: #fff;text-decoration: underline;}
.foot-menu {margin-top:0}

/* =============================================================================
   Mainmenu
   ========================================================================== */

.menu-collapser {position: relative;background-color: #999;color: #FFF;text-shadow: 0 1px 0 rgba(0,0,0,0.5);width: 100%;height: 48px;line-height: 48px;font-size: 16px;padding: 0 8px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.collapse-button {position: absolute;right: 8px;top: 50%;width: 40px;background-color: #0E0E0E;background-image: linear-gradient(to bottom, #151515, #040404);background-repeat: repeat-x;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);border-radius: 4px 4px 4px 4px;border-style: solid;border-width: 1px;color: #FFFFFF;box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.075);padding: 7px 10px;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);cursor: pointer;font-size: 14px;text-align: center;transform: translate(0, -50%);-o-transform: translate(0, -50%);-ms-transform: translate(0, -50%);-moz-transform: translate(0, -50%);-webkit-transform: translate(0, -50%);box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box}
.collapse-button:hover, .collapse-button:focus {background-image: none;background-color: #040404;color: #FFF;}
.collapse-button .icon-bar {background-color: #F5F5F5;border-radius: 1px 1px 1px 1px;box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);display: block;height: 2px;width: 18px;margin: 2px 0;}
ul#menu-top-menu {list-style-type: none;margin: 0;padding: 0;width: 100%;}
ul#menu-top-menu li {position: relative;display: inline-block;background-color: #fff;}
ul#menu-top-menu > li {}
ul#menu-top-menu > li:first-child { border-left: 0 }
ul#menu-top-menu > li:last-child { margin-right: 0 }
ul#menu-top-menu li a {display: block;color: #989898;padding: 10px;font-family: 'OpenSansRegular', sans-serif;font-size: 12px;font-weight: 400;text-decoration: none;text-transform: uppercase;}
ul#menu-top-menu li > ul > li > a {width: 200px;}
ul#menu-top-menu li a:hover {background-color: #077BA4;color: #fff;text-decoration: none;}
ul#menu-top-menu li .sub-collapser {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.075);position: absolute;right: 0;top: 0;width: 48px;height: 100%;text-align: center;z-index: 999;cursor: pointer;display: none;}
ul#menu-top-menu li .sub-collapser:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;}
ul#menu-top-menu li .sub-collapser > i {color: #333;font-size: 18px;display: inline-block;vertical-align: middle;}
ul#menu-top-menu li ul {margin: 0;list-style-type: none;}
ul#menu-top-menu li ul li { background-color: #f0f0f0 }
ul#menu-top-menu li > ul {display: none;position: absolute;left: 0;top: 100%;z-index: 999;width: 220px !important;}
/*ul#menu-top-menu li > ul {display: none;position: absolute;left: 0;top: 100%;z-index: 999;width: 100%;}*/
ul#menu-top-menu li > ul > li ul {display: none;position: absolute;left: 100%;top: 0;z-index: 999;width: 100%;}
ul#menu-jpk-menu.collapsed li, ul#menu-top-menu.collapsed li {display: block;width: 100%;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box}
ul#menu-jpk-menu.collapsed li a, ul#menu-top-menu.collapsed li a {display: block;border-bottom: 1px solid rgba(0, 0, 0, 0.075);box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box}
ul#menu-top-menu.collapsed li .sub-collapser {height: 40px;}
ul#menu-jpk-menu.collapsed li > ul, ul#menu-top-menu.collapsed li > ul {display: none;position: static;}
.top-menu {position: absolute;top: 45px;right: 0;z-index: 99}

/* ==========================================================================
   post
   ========================================================================== */

.post {margin-top:50px;}
.post h5 {font-size: 14px;margin-bottom: 20px;color: #077ba4;font-family: 'OpenSansBold';margin-top:20px;}
.post h2 a {text-decoration: none;font-size: 14px;margin-bottom: 20px;color: #077ba4;font-family: 'OpenSansBold';display: block;}
.page .post ul {list-style-type: none;margin-left: 40px;overflow:hidden;}
.page .post ul li {background: url(img/li.png) 0 6px no-repeat; padding-left: 14px;}
.post p, .post ul, .post ol {margin-bottom: 20px;}
.post ol {list-style-type: decimal;margin-left: 40px;}
.post.news {border-bottom: 1px solid #ccc;margin-top: 0! important;float: left;width: 100%;margin-top:20px !important;}
.post.news img {max-width: 100%;height: auto;}
.post.news h2 a {text-transform: uppercase;font-size: 18px;}
.post.news h2 a span {color: #484848}
.post img {max-width: 100%;height: auto;}
.post.news .imgnews {width:60px;float: left;display: block;}
.post.news .item {float: left;width: 900px;}
.post.form {float: left; width: 340px;margin-right: 20px;}
.post.tresc {float: left;width: 600px;}
.post.form form input[type="email"], .post.form form input[type="text"] {background: none repeat scroll 0 0 #FFFFFF;border:0; border-bottom: 1px solid #ccc;color: #302722;display: block;float: left;height: 30px;line-height: 30px;text-indent: 10px;width: 100%;margin-bottom: 20px;}
.post.form form textarea {background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #ccc;color: #302722;display: block;float: left;height: 300px;line-height: 30px;text-indent: 10px;width: 100%;margin-bottom: 20px;}
.post table {width: 100%;margin: 0 auto;margin-bottom: 20px;}
.post table.cennik {width: 100%;margin: 0 auto;margin-bottom: 20px;}
.post table td {padding: 5px;}
.post table tr:first-child {background: #077ba4;color: #fff;font-family: 'OpenSansBold'}
.post table.cennik tr:first-child {background: #fff;color: #484848;font-family: 'OpenSansRegular'}
.post table tr:nth-child(2n) {background: #efefef;}

.post table.tablesorter thead tr:first-child {background: #077ba4;color: #fff;font-family: 'OpenSansBold';height: 40px;line-height: 40px;}
.post table.tablesorter tbody tr:first-child {background: #fff;color: #000;font-family: 'OpenSansLight'}
.post table.tablesorter tr:nth-child(2n) {background: #efefef;}
tr .info {width: 200px;}
tr .nazwa {width: 150px;}

.post a {text-decoration:none; color: #077ba4;}
.post a:hover {text-decoration: underline;}
#panelContent form input[type="email"], #panelContent form input[type="text"] {background: none repeat scroll 0 0 #FFFFFF;border:0;color: #302722;display: block;float: left;height: 30px;line-height: 30px;text-indent: 10px;width: 100%;margin-bottom: 20px;}
#panelContent form textarea {background: none repeat scroll 0 0 #FFFFFF;border:none;color: #302722;display: block;float: left;height: 200px;line-height: 30px;text-indent: 10px;width: 100%;margin-bottom: 20px;}

/* ==========================================================================
   mapa dojazd kontakt
   ========================================================================== */

#opis_trasy3 > div {position:absolute; left:0; top:0; height:300px; width:300px; z-index:1000; overflow-y:scroll; background:#fff;}
#opis_trasy3 .adp-placemark, #opis_trasy2 table { margin:0 !important; border:0px}
#opis_trasy3 img {padding: 8px;width: 16px;}
#opis_trasy3 .adp-summary { padding:5px; background:#f6f6f6;}
#opis_trasy3 { font-size:11px}
#opis_trasy3 .adp-legal {display: none}
#content #opis_trasy3 table tr { height:auto}
#content #opis_trasy3  .adp-directions {}
.trasa_mapa {width: 960px;height: 60px;margin-bottom: 20px;position: relative;margin-top: 20px;}
.trasa_mapa h5 {font-size: 14px;margin-bottom: 20px;color: #077ba4;font-family: 'OpenSansBold';}
.trasa_mapa form {position: relative;}
.trasa_mapa form input[type="text"] {background: none repeat scroll 0 0 #FFFFFF;border:0; border-bottom: 1px solid #ccc;color: #302722;display: block;float: left;height: 30px;line-height: 30px;text-indent: 10px;width: 100%;}
.trasa_mapa form input[type="submit"] {display: block !important;width: 30px !important;height: 30px !important;border: 0;text-indent: -9999px;position: absolute;right: 0;top: 0;background: url(img/szukaj.png) 0 0 no-repeat;}

/* ==========================================================================
   Panelik
   ========================================================================== */

#sidePanel{width:345px;position:fixed;left:-302px;top:15%;z-index: 2;}
#panelHandle{background: #077ba4;height:130px;width:40px;float:left;cursor:pointer;font-family: 'Titillium Web', sans-serif;text-transform: uppercase;border-top:1px solid #fff;border-bottom:1px solid #fff;border-right:1px solid #fff;}
#panelContent{float:left;border-top:1px solid #fff;border-bottom:1px solid #fff;border-right:1px solid #fff;width:300px;height:640px;background-color:#EEEEEE;padding-top:20px;}
#panelHandle p {-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);transform: rotate(90deg);-ms-transform: rotate(90deg);color: #FFFFFF;font-size: 24px;font-weight: bold;left: 0;margin: 0;padding: 0;position: relative;top: 26px;}
#panelContent .wpcf7-response-output {background: #077ba4;color: #fff;padding: 10px;display: none;}


/* tables */
table.tablesorter {
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
}
table.tablesorter thead tr .header {
  background-image: url(img/bg.gif);
  background-repeat: no-repeat;
  background-position: center right;
  cursor: pointer;
}
table.tablesorter tbody td {
}
table.tablesorter tbody tr.odd td {
}
table.tablesorter thead tr .headerSortUp {
  background-image: url(img/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
  background-image: url(img/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
}





/* =============================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 320px) {
  .kontener {width: 100%;margin: 0 auto}
  .boxy li {float: left;width: 160px;height: 160px;}
  .boxy li:first-child {font-family: 'Titillium Web', sans-serif;background: #077ba4;color: #fff}
  .boxy li:first-child span {font-size: 165px;margin-left: 14px;display: block;line-height: 160px}
  .boxy {margin:0 auto;width: 320px;}
  .boxy img {width: 160px;}
  .boxy li a:hover img {opacity: 0.6}
  .kanaly {width: 320px;}
  .kontener > h1 {border-bottom: 1px solid #CCCCCC;border-top: 1px solid #CCCCCC;font-family: 'Titillium Web', sans-serif;font-size: 36px;margin-bottom: 0;padding-bottom: 30px;padding-top: 30px;text-align: center;text-transform: uppercase;width: 100%;color: #077ba4}
  #top {height: 160px;} 
  ul#menu-top-menu li a {padding: 10px 60px 10px 10px;}
  .sub-collapser {display: block !important;}
  ul#menu-top-menu li > ul > li > a {width: 100%;}
  .top-menu {position: relative;}  
  #sidePanel {display: none;}
  aside.faq {width: 100%;margin-bottom: 20px;}
  article.post.faq {width: 100%;margin-top: 0 !important;padding-top: 20px;border-top: 1px solid #ccc;padding-left: 0;margin-left: 0;border-left: none}
  .ext ul li {height: 24px;margin-bottom: 20px;font-family: 'OpenSansBold';clear: both;}
  #footer > div {width: 96%;padding: 0;float: none;clear: both;padding: 2%;}
  .foot-menu {margin-top:20px}
  .post.news .imgnews {display: none;}
  .post.news .item {float: left;width: 100%;}
  #top h1 > a {margin-left: 5px;}
  .post {width: 96%;margin: 0 auto;}
  .post.tresc {width: 96%;margin: 0 auto;float: none}
  .post.form {width: 96%;margin: 0 auto;float: none}
  .kontener > .bc {border-bottom: 1px solid #CCCCCC;font-family: 'Titillium Web', sans-serif;font-size: 14px;margin: 0 auto; margin-bottom: 30px;padding-bottom: 10px;padding-top: 10px;text-transform: uppercase;width: 96%;color: #077ba4;line-height: 18px;}
  ul#menu-top-menu li > ul {display: none;position: absolute;left: 0;top: 100%;z-index: 999;width: 100% !important;}
}

@media only screen and (min-width: 480px) {
  .boxy {margin:0 auto;width: 480px;}
  .kanaly {width: 480px;margin: 0 auto;}
  .kontener > h1 {border-bottom: 1px solid #CCCCCC;border-top: 1px solid #CCCCCC;font-family: 'Titillium Web', sans-serif;font-size: 60px;margin-bottom: 0;padding-bottom: 30px;padding-top: 30px;text-align: center;text-transform: uppercase;width: 100%;color: #077ba4;line-height: 50px;}
}

@media only screen and (min-width: 640px) {
  .boxy {margin:0 auto;width: 640px;}
  .kanaly {width: 640px;margin: 0 auto;}
}

@media only screen and (min-width: 800px) {
  .boxy {margin:0 auto;width: 800px;}
  .kanaly {width: 800px;margin: 0 auto;}
}

@media only screen and (min-width: 1100px) {
  .kontener {width: 960px;margin: 0 auto}
  .boxy {margin:0 auto;width: 100%;}
  .kanaly {width: 100%;margin: 0 auto;}
  /*.kanaly li:nth-child(4n) {border-right: none}
  .kanaly li:nth-child(6n) {border-right: 1px solid #ccc}
  #top {height: 90px;}*/
  ul#menu-top-menu li a {padding: 10px;}
  .sub-collapser {display: none !important;}
  ul#menu-top-menu li > ul > li > a {width: 200px;}
  .top-menu {position: absolute;top: 45px;right: 0;}
  #sidePanel {display: block;}
  aside.faq {width: 200px;float: left;}
  article.post.faq {width: 719px;margin-left:20px;float: left;margin-top: 0 !important;padding-left: 20px;border-left: 1px solid #ccc;padding-top: 0;border-top: none}
  .ext ul li {height: 24px;float: left;margin-left: 20px;font-family: 'OpenSansBold';clear: none;}
  #footer > div {width: 280px;padding: 20px;float: left;clear: none}
  .foot-menu {margin-top:0}
  .post.news .imgnews {width:60px;float: left;display: block;}
  .post.news .item {float: left;width: 900px;}
  #top h1 > a {margin-left: 0;}
  .post {width: 100%;margin: 0 auto;}
  .post.form {float: left; width: 340px;margin-right: 20px;}
  .post.tresc {float: left;width: 600px;}
  .kontener > .bc {border-bottom: 1px solid #CCCCCC;font-family: 'Titillium Web', sans-serif;font-size: 14px;margin-bottom: 30px;padding-bottom: 10px;padding-top: 10px;text-transform: uppercase;width: 100%;color: #077ba4;line-height: 18px;}
  ul#menu-top-menu li > ul {display: none;position: absolute;left: 0;top: 100%;z-index: 999;width: 220px !important;}
}

/* =============================================================================
   Non-Semantic Classes
   ========================================================================== */

::selection {background:#3c9b1e;color:#FFF;text-shadow:none;}
::-webkit-selection {background:#3c9b1e;color:#FFF;text-shadow:none;}
::-moz-selection {background:#3c9b1e;color:#FFF;text-shadow:none;}
input:focus {outline:0;border:1px solid #0091BD;} /* Gets rid of blue glow on field focus, adds border color instead */
   
/* =============================================================================
   WordPress Core CSS Styles
   ========================================================================== */
   
.alignnone {margin:5px 20px 20px 0;}
.aligncenter,div.aligncenter {display:block;margin:5px auto 5px auto;}
.alignright {float:right;margin:5px 0 20px 20px;}
.alignleft {float:left;margin:5px 20px 20px 0;}
.aligncenter {display:block;margin:5px auto 5px auto;}
a img.alignright {float:right;margin:5px 0 20px 20px;}
a img.alignnone {margin:5px 20px 20px 0;}
a img.alignleft {float:left;margin:5px 20px 20px 0;}
a img.aligncenter {display:block;margin-left:auto;margin-right:auto;}
.wp-caption {background:#FFF;border:1px solid #F0F0F0;max-width:96%;padding:5px 3px 10px;text-align:center;}
.wp-caption.alignnone {margin:5px 20px 20px 0;}
.wp-caption.alignleft {margin:5px 20px 20px 0;}
.wp-caption.alignright {margin:5px 0 20px 20px;}
.wp-caption img {border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto;}
.wp-caption p.wp-caption-text,.gallery-caption {font-size:11px;line-height:17px;margin:0;padding:0 4px 5px;}
.sticky {}
.bypostauthor {}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
	* {background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important;}
	a,a:visited {text-decoration:underline;}
	a[href]:after {content:" (" attr(href) ")";}
	abbr[title]:after {content:" (" attr(title) ")";}
	.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {content:"";}
	pre,blockquote {border:1px solid #999;page-break-inside:avoid;}
	thead {display:table-header-group;}
	tr,img {page-break-inside:avoid;}
	img {max-width:100% !important;}
	@page {margin:0.5cm;}
	p,h2,h3 {orphans:3;widows:3;}
	h2,h3 {page-break-after:avoid;}
}

/* ==========================================================================
   FancBox
   ========================================================================== */

.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp {padding: 0;margin: 0;border: 0;outline: none;vertical-align: top;}
.fancybox-wrap {position: absolute;top: 0;left: 0;z-index: 8020;}
.fancybox-skin {position: relative;background: #f9f9f9;color: #444;text-shadow: none;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.fancybox-opened {z-index: 8030;}
.fancybox-opened .fancybox-skin {-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);}
.fancybox-outer, .fancybox-inner {position: relative;}
.fancybox-inner {overflow: hidden;}
.fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling: touch;}
.fancybox-error {color: #444;margin: 0;padding: 15px;white-space: nowrap;}
.fancybox-image, .fancybox-iframe {display: block;width: 100%;height: 100%;}
.fancybox-image {max-width: 100%;max-height: 100%;}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url('img/fancybox_sprite.png');}
#fancybox-loading {position: fixed;top: 50%;left: 50%;margin-top: -22px;margin-left: -22px;background-position: 0 -108px;opacity: 0.8;cursor: pointer;z-index: 8060;}
#fancybox-loading div {width: 44px;height: 44px;background: url('img/fancybox_loading.gif') center center no-repeat;}
.fancybox-close {position: absolute;top: -18px;right: -18px;width: 36px;height: 36px;cursor: pointer;z-index: 8040;}
.fancybox-nav {position: absolute;top: 0;width: 40%;height: 100%;cursor: pointer;text-decoration: none;background: transparent url('img/blank.gif');-webkit-tap-highlight-color: rgba(0,0,0,0);z-index: 8040;}
.fancybox-prev {left: 0;}
.fancybox-next {right: 0;}
.fancybox-nav span {position: absolute;top: 50%;width: 36px;height: 34px;margin-top: -18px;cursor: pointer;z-index: 8040;visibility: hidden;}
.fancybox-prev span {left: 10px;background-position: 0 -36px;}
.fancybox-next span {right: 10px;background-position: 0 -72px;}
.fancybox-nav:hover span {visibility: visible;}
.fancybox-tmp {position: absolute;top: -99999px;left: -99999px;visibility: hidden;max-width: 99999px;max-height: 99999px;overflow: visible !important;}
.fancybox-lock {overflow: hidden !important;width: auto;}
.fancybox-lock body {overflow: hidden !important;}
.fancybox-lock-test {overflow-y: hidden !important;}
.fancybox-overlay {position: absolute;top: 0;left: 0;overflow: hidden;display: none;z-index: 8010;background: url('img/fancybox_overlay.png');}
.fancybox-overlay-fixed {position: fixed;bottom: 0;right: 0;}
.fancybox-lock .fancybox-overlay {overflow: auto;overflow-y: scroll;}
.fancybox-title {visibility: hidden;position: relative;text-shadow: none;z-index: 8050;}
.fancybox-opened .fancybox-title {visibility: visible;}
.fancybox-title-float-wrap {position: absolute;bottom: 0;right: 50%;margin-bottom: -35px;z-index: 8050;text-align: center;}
.fancybox-title-float-wrap .child {display: inline-block;margin-right: -100%;padding: 2px 20px;background: transparent;background: rgba(0, 0, 0, 0.8);-webkit-border-radius: 15px; -moz-border-radius: 15px;border-radius: 15px;text-shadow: 0 1px 2px #222;color: #FFF;font-weight: bold;line-height: 24px;white-space: nowrap;}
.fancybox-title-outside-wrap {position: relative;margin-top: 10px;color: #fff;}
.fancybox-title-inside-wrap {padding-top: 10px;}
.fancybox-title-over-wrap {position: absolute;bottom: 0;left: 0;color: #fff;padding: 10px;background: #000;background: rgba(0, 0, 0, .8);}


.button {
  display: inline-block;
  padding: 10px 18px;
  margin-bottom: 10px;
  background: #EEE;
  border: none;
  color: #222;
  font-size: 14px;
  cursor: pointer;
}

.button:hover {
  background-color: #077ba4;
  color: #fff;
}

.button:active,
.button.is-checked {
  background-color: #077ba4;
}

.button.is-checked {
  color: white;
}

.button:active {
}

/* ---- button-group ---- */

.button-group:after {
  content: '';
  display: block;
  clear: both;
}

.button-group .button {
  float: left;
  border-radius: 0;
  margin-left: 0;
  margin-right: 1px;
}

#canals{
  position: relative;
  margin-top: 20px;
}

#canals:after {
  content: '';
  display: block;
  clear: both;
}

.item {
  position: relative;
  float: left;
  width: 160px;
  height: 160px;
}

.item > * {
  margin: 0;
  padding: 0;
}

.page-id-443 .kontener {width: 980px;}

button.pakiet-socjalny, button.pakiet-pelny {background: #a8b4cb; color: #fff;}