@charset "UTF-8";

/* <editor-fold defaultstate="collapsed" desc="CZCIONKI"> */
@font-face {font-family: 'FontAwesome';src:url('/fonts/awesome-icons/fontawesome-webfont.eot?v=4.2');src:url('/fonts/awesome-icons/fontawesome-webfont.eot?#iefix&v=4.2') format('embedded-opentype'),url('/fonts/awesome-icons/fontawesome-webfont.woff?v=4.2') format('woff'),url('/fonts/awesome-icons/fontawesome-webfont.ttf?v=4.2') format('truetype');font-weight: normal;font-style: normal;}
@font-face {font-family: "custom-font-icons";src: url("/fonts/custom-font/custom-font-icons.eot");src: url("/fonts/custom-font/custom-font-icons.eot?#iefix") format("embedded-opentype"),url("/fonts/custom-font/custom-font-icons.woff") format("woff"),url("/fonts/custom-font/custom-font-icons.ttf") format("truetype"),url("/fonts/custom-font/custom-font-icons.svg#custom-font-icons") format("svg");font-weight: normal;font-style: normal;}
@font-face {font-family: 'Icomoon';src: url('/fonts/icomoon/fonts-icomoon.eot');src: url('/fonts/icomoon/fonts-icomoon.eot?#iefix') format('embedded-opentype'), url('/fonts/icomoon/fonts-icomoon.woff') format('woff'), url('/fonts/icomoon/fonts-icomoon.ttf') format('truetype'), url('/fonts/icomoon/fonts-icomoon.svg#Icomoon') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: "Flaticon";src: url("/fonts/flaticon/Flaticon.eot");src: url("/fonts/flaticon/Flaticon.eot?#iefix") format("embedded-opentype"),url("/fonts/flaticon/Flaticon.woff") format("woff"),url("/fonts/flaticon/Flaticon.ttf") format("truetype"),url("/fonts/flaticon/Flaticon.svg#Flaticon") format("svg");font-weight: normal;font-style: normal;}
@media screen and (-webkit-min-device-pixel-ratio:0) {@font-face {font-family: "Flaticon";src: url("/fonts/flaticon/Flaticon.svg#Flaticon") format("svg");}}
/* </editor-fold> */

/* <editor-fold defaultstate="collapsed" desc="OGOLNE ZNACZNIKI"> */
/** OGOLNE ZNACZNIKI  *********************************************************/
body 
{
    font-family: 'PT Sans', sans-serif;
    font-size: 14px;
    line-height: 150%;
    color: #000000;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color: white;
    user-select: text !important;
	-moz-user-select: text !important;
	-ms-user-select: text !important;
    top:0px !important;
}

body > .skiptranslate iframe 
{
    display: none;
}

a[accesskey]
{ font-size: 0%; }

a
{
    cursor: pointer;
    text-decoration: none;
    color: inherit;
}

a:focus,
input:focus,
button:focus,
select:focus,
textarea:focus,
*[onclick]:focus,
*[tabindex]:focus
{ 
    outline: 2px solid red;
	outline-offset:-2px;
    background-clip: padding-box;
}

a:focus
{
    outline-offset: 0px;
}

a:active
{
    outline: none !important;
}

a:hover
{ text-decoration: none; }

a img 
{ border: none; }

h1
{ 
    margin: 0;
    font-size: 200%;
    line-height: 125%;
    font-weight: bold;    
}

body > h1
{
    position: absolute;
    top: -9999px;
    left: -9999px;
}

h2
{ 
    margin: 0;
    font-size: 175%;
    line-height: 125%;
    font-weight: bold;    
}

h3
{ 
    margin: 0;
    font-size: 150%;
    line-height: 125%;
    font-weight: bold;    
}

h4
{ 
    margin: 0;
    font-size: 125%;
    line-height: 125%;
    font-weight: bold;    
}

input.button, span.button,.button
{
    width: auto;
    background-color: #72b870;
    border: none !important;
    color: #000;
    height: 34px;
    padding: 0px 15px;
    font-weight: normal;
    font-size: 15px;
    font-family: "Lato", sans-serif;
    cursor: pointer;
    text-transform: uppercase;
}

input.button + input.button,
input.button + input.submit
{ margin-left: 15px; }

fieldset {margin:0px; padding: 0px; border: none;}
legend {font-size: 0px;}

abbr
{ 
    border: none;
    text-decoration: none; 
}

optgroup 
{ font-style: normal; }
/* </editor-fold> */

/* <editor-fold defaultstate="collapsed" desc="OGOLNE KLASY"> */
/** OGOLNE KLASY  *************************************************************/
.page_content 
{
    padding: 10px 15px;
    width: auto;
    background: #fff;
}

.content
{
    width: 100%;
    padding: 0px 0px 0px 0px;
}

/* BODY > page_content > page_content_bgr > page_container */
#page_content
{
    clear: both;
}

/* body > page_content > PAGE_CONTENT_BGR > page_container */
#page_content_bgr
{
    clear: both;
    padding: 0px 0px 10px 0px;
}

/* body > page_content > page_content_bgr > PAGE_CONTAINER */
#page_container
{
    clear: both;
    margin: auto;
    position: relative;
    overflow: hidden;
}

#page_container > .panel > div
{
    margin: 0 10px;
    position: relative;
}

#error404
{
    width: 100%;
    min-height: 462px;
    background: transparent url('/images/404.png') no-repeat top center;
    clear: both;
    float: left;
    margin: 10px 0px 0px 0px;
}

#error401
{
    width: 100%;
    min-height: 462px;
    background: transparent url('/images/401.png') no-repeat top center;
    clear: both;
    float: left;
    margin: 10px 0px 0px 0px;
}

/*ostrzezenie przed ie6*/
#ie6sux
{
    display: block !important;
    border: 1px solid #FFD700;
    padding: 2em;
    background-color: #FFFFDD;
}
#ie6sux h2
{
    margin: 0.5em 0 1em 0;
    line-height: 1.4;
    color: #f00;
    border-bottom: 1px #f00 solid;
    font-size: 1.2em;
}

#ie6sux p
{
    margin: 0 0 1em 0;
    font-size: 12px;
    line-height: 1.4;
}

#ie6sux a
{
    display: block;
    text-align: center;
    font-size: 0.9em;
    font-weight: bold;
    color: blue;
    text-decoration: none;
}
#ie6sux a:hover
{ color: #015f8a }

#ie6sux strong  
{ font-weight: bold }

#ie6sux table
{
    border: 1px solid #FFD700;
    background-color: white;
}

#ie6sux table td, #ie6sux table th
{ border: none }

.rss_ul {
    background: url("/images/portal/rss_ul.gif") no-repeat scroll 0 0 transparent;
    float: right;
    height: 22px;
    position: relative;
    top: 0;
    width: 21px;
    cursor: pointer;
    font-size: 0;
}

.hidden
{ display: none; }

.hidden-wcag 
{
    position: absolute;
    left: -99999px;
    top: -99999px;
    width: 0;
    height: 0;
    padding: 0;
    border: none;
    margin: 0;
    overflow: hidden;
}

span.notice
{
    border: 1px solid green;
    padding: 3px;
    margin: 1px 0 1px 2px;
    background-color: #E7FFE7;
    color: green;
    font-weight: bold;
    cursor: default;
    display: block;
}

span.error
{
    border: 1px solid red;
    padding: 3px;
    margin: 1px 0 1px 2px;
    background-color: #FFFFC0;
    color: red;
    font-weight: bold;
    cursor: default;
    display: block;
}

.link
{
    padding: 3px 5px 2px 5px;
    margin: 0px 0px 5px 15px;
    text-align: right;
    font-weight: normal;
    cursor: pointer;
    position: relative;
    bottom: 0px;
    right: 0px;
    color: #0079be;
    font-weight: bold;
}

.link.common
{ 
    display: inline-block;
    padding: 3px 0px 2px 5px;
    color: #000;
    margin: 0 0 0 47px;
}

.link.common:hover
{
    background-color: #0079be;
    color: #fff;
    transition: all 0.15s ease;
    transition-delay: 0.05s;
}

.link.common:hover a,
.link.common a:hover
{ color: inherit !important; }

.link:after 
{ 
    content: '»';
    font-weight: bold;
    font-size: 100%;
    margin: 0 0 0 7px;
}

.link.common a 
{
    display: inline-block;
    text-transform: uppercase;
    padding-left: 0;
    color: #000;
    letter-spacing: 2.4px;
    font-size: 96%;
    text-shadow: 0 0;
}

.link a:hover,
.link a:focus
{
    color: #0079be;
}

.link a.arch 
{    
    
}

.link a.act_big {
    text-transform:uppercase;
}

#overlay
{
    display: none;
    position: absolute;
    top: 0;
    right: -10px;
    bottom: 0;
    left: -10px;
    background: rgba(0, 0, 0, 0.5);
    z-index: 11; /* min 11, zeby przykryc newsboxa */
}

.flex
{
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
}

.flex > div
{
    position: relative;
    flex-grow: 1;
}

/* uzywane do listy liter w ksiazce adresowej na przyklad */
.flex-list
{
    display: flex;
    width: 100%;
    flex-flow: row wrap;
    justify-content: space-between;
}

.flex-list > *
{
    flex: 0 0 auto;
    min-width: 25px;
    max-width: 100%;
    min-height: 20px;
    margin: 0 0 5px 0;
    padding: 0px;
    box-sizing: border-box;
    text-align: center;
}

.flex-list.decorated > *
{
    flex: 1 1 50%; 
    min-width: 240px; 
    text-align: left;
    padding: 10px;
    background: #fff;
    color: #000;
}

.flex-list > a:hover,
.flex-list > a:focus
{
    background-color: #0079be;
    color: #fff;
}

.cl, 
.clear
{
    clear: both;
    height: 0px;
    font-size: 0px;
}
.clr,
.baner_clr
{
    clear: both;
    width: 100%;
    height: 27px;
    font-size: 27px;
}

.zaj_cl, 
.cl_hr
{
    width: 100%;
    height: 0px;
    clear: both;
    font-size: 0px;
    margin: 15px 0px 15px 0px;
    border-top: 1px solid #ddd;
}

.bottom
{
    width: 100%;
    clear: both;
    margin: 0px 0px 0px 0px;
}

.top
{
    margin: 0px 0px 10px 0px;
    clear: both;
}

.links_bottom
{
    clear: both;
    margin: auto;
    position: relative;
    width: 995px;
    padding: 0px 5px 0px 5px;
}

.page_content_links div {
    float:left;
}

.page_content_links {
    padding: 10px 15px;
    height: 60px;
    width: auto;
    background: #fff;
    box-shadow: 0 0 5px 0 silver;
}

#page_content_bottom
{
    width: 705px;
    margin: 0px 0px 0px 0px;
    float: left;
    clear: left;
}

#page_content_right
{
    width: 275px;
    float: right;
    margin: 0px 0px 0px 15px;
}

#page_footer
{
    margin: auto;
    clear: both;
}

#tresc_box {
    padding: 0px 0px 0px 0px;
}

/* zwykla tabela */
table.table_common
{
    width: 100%;
    text-align: left;
    padding: 0px 0px 0px 0px;
    border-collapse: collapse;
    margin: 0px 15px 0px 0px;
    table-layout: fixed;
}

table.table_common tr[onclick]
{ cursor: pointer; }

table.table_common tr:nth-child(2n+1)
{
    background-color: #ffffff;
    transition: all 0.5s ease;
}

table.table_common tr:nth-child(2n)
{
    background-color: #f6f6f6;
    transition: all 0.5s ease;
}

table.table_common tr.even
{
    background-color: #ffffff;
}

table.table_common tr.odd
{
    background-color: #f4f4f4;
}

table.table_common tr.hidden-day > td:first-child
{
    text-indent: -9999px;
    font-size: 0px;
}

table.table_common tbody tr:hover
{
    text-shadow: 0 0;
    background: #ededed;
    color: #000;
    transition: all 0.35s ease;
    transition-delay: 0.15s;
}

table.table_common td 
{
    padding: 5px;
    text-align: right;
}

table.table_common td a
{ display: inline-block; }

table.table_common th 
{
    padding: 5px;
    background: #ddd;
    color: #000;
    text-align: right;
}

table.table_common textarea,
table.table_common input[type="text"],
table.table_common input[type="password"],
table.table_common select {
    width:100%;
}

table.table_common label {font-weight:bold;}
table.table_common td.help {font-size:90%; padding: 0px 6px;}

/******************************************************************************/
table.table_data
{
    width: 100%;
    text-align: left;
    padding: 0px 0px 0px 0px;
    border: none;
    border-collapse: collapse;
}

table.table_data th,
table.table_data td
{ padding: 5px 10px; }

table.table_data td.help
{
    padding: 0 0 10px 10px;
}

table.table_data th
{
    background: #f6f6f6;
    vertical-align: top;
    text-align: left;
    width: 32%;
}

table.table_data th label
{
    text-align: left;
    float: left;
    font-size: 11pt;
    line-height: 150%;
}

.promowana
{
    width: 15px;
    height: 15px;
    margin: 0 3px 0 0px;
    display: inline-block;
    background: url('/images/common/promowana.png') no-repeat center center;
    background-size: 15px 15px;
    vertical-align: text-bottom;
}

/** BELKA *********************************************************************/
.belka
{
    padding: 0 0 9px 0;
    border-bottom: 2px solid #000;
    margin: 0 0 30px 0;
    color: #0079be;
    background: #fff;
    clear: both;
    position: relative;
    text-align: left;
}

.component.box-kalendarza .belka,
div[class*="kali_harmonogram"] div.header_navigator
{
    background-color: #0079be;
    color: #fff;
    padding: 0;
    border: none;
    margin: 0px 0 10px 0;
}

.belka.hidden-wcag
{ position: absolute; }

.belka:after
{ 
    content: " ";
    clear: both;
    width: 100%;
    height: 0;
    display: block;
}

.belka .title
{ display: inline-block; }

.belka .title > span,
.belka .title > a
{
    display: inline-block;
    margin: 0px;
    padding: 0px;
    text-align: left;
    text-transform: uppercase;
    color: #000;
    font-size: 98%;
    letter-spacing: 5px;
    padding: 4px 0 0 24px;
}

.component.box-kalendarza .belka .title a,
.component.box-kalendarza .belka .title span
{
    color: #fff;
    text-align: center;
    letter-spacing: 0;
    font-size: 79%;
    padding: 13px 0 0;
    text-transform: none;
    line-height: 100%;
}

.belka .title a:hover
{
    color: #0079be;
}

.belka .small a {
    text-transform: none;
}

.belka .info
{ float: right; }

/** napis pogrubiony **********************************************************/
.napis_pogrubiony 
{
    padding: 10px 15px 10px 10px;
    margin: 0 0 15px 0;
    color: #000000;
    text-align: right;
    font-size: 95%;
}

.napis_pogrubiony.empty-results span
{
    width: 100%;
    display: block;
    text-align: center;
    background-color: #fff;
    color: #aeaeae;
    font-size: 150%;
    padding: 30px 0;
    font-weight: normal;
}

.napis_pogrubiony.empty-results span:before
{
    content: '\e25e';
    font-family: 'Icomoon';
    font-size: 150%;
    padding: 0 10px 0 0;
    font-weight: normal;
    vertical-align: sub;
}

.napis_pogrubiony b,
.napis_pogrubiony span
{ 
    color: #0079be; 
    font-weight: bold;
}

.zajawka .napis_pogrubiony
{
    float: right;
    padding: 3px 5px;
    background: rgba(255, 255, 255, 0.75);
    color: #000;
    position: absolute;
    top: 0;
    right: 0;
}

/* PAGER **********************************************************************/
.page_bar
{
    padding: 5px 0;
    margin: 0px 0px 15px 0px;
    clear: both;
}

.page_bar table
{
    margin: auto; 
    width: 100%;
}

.items_counter
{
    clear:both;
    padding: 5px 0px 0px 0px;
    display:block;
    font-size:90%;
}
.page_bar td.prev,
.page_bar td.next
{
    width: 15%;
    min-width: 90px;
}

.page_bar td.prev
{text-align:left;}

.page_bar td.next
{text-align:right;}

.page_bar td.num_pages
{
    font-size: 125%;
    font-weight: 400;
    text-align: center;
    cursor: default;
}
.num_pages a,
.num_pages > strong
{
    height: 24px;
    min-width: 24px;
    line-height: 24px;
    font-weight: normal;
    color: #000;
    text-decoration: none;
    display: inline-block;
}

.page_bar div.full_prev a::before,
.page_bar div.full_next a::before,
.page_bar div.prev a::before,
.page_bar div.next a::before
{
    font-family: 'FontAwesome', Helvetica;
    font-size: 300%;
    cursor:pointer;
    padding: 0px 8px;
    display:block;
}

.page_bar div.full_prev a::before{content: "\f100";}
.page_bar div.full_next a::before{content: "\f101";}
.page_bar div.prev a::before{content: "\f104";}
.page_bar div.next a::before{content: "\f105";}

.page_bar td.num_pages,
.page_bar div.full_prev a::before,
.page_bar div.full_next a::before,
.page_bar div.prev a::before,
.page_bar div.next a::before
{color: #0079be;}

.num_pages a:hover,
.num_pages a:focus,.num_pages > strong,
.page_bar div.full_prev a:hover::before,
.page_bar div.full_prev a:focus::before,
.page_bar div.full_next a:hover::before,
.page_bar div.full_next a:focus::before,
.page_bar div.prev a:hover::before,
.page_bar div.prev a:focus::before,
.page_bar div.next a:hover::before,
.page_bar div.next a:focus::before
{
    background-color: #0079be;
    color: #FFF;
}

.page_bar div.full_prev,
.page_bar div.full_next,
.page_bar div.prev,
.page_bar div.next
{
    display: inline-block;
    position: relative;
}

.page_bar .full_prev a span,
.page_bar .full_prev a:hover span,
.page_bar .full_next a,
.page_bar .full_next a:hover,
.page_bar .prev a,
.page_bar .prev a:hover,
.page_bar .next a,
.page_bar .next a:hover
{
    display: block;
    text-decoration: none;
    width: 100%;
    line-height: 47px;
    vertical-align:middle;
}

.page_bar .full_prev a span,
.page_bar .full_prev a:hover span,
.page_bar .full_next a span,
.page_bar .full_next a:hover span,
.page_bar .prev a span,
.page_bar .prev a:hover span,
.page_bar .next a span,
.page_bar .next a:hover span
{
    font-size: 0;
    position:absolute;
    top:0;
}

ul.dynamic-pager
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.dynamic-pager + .next
{
    position: absolute;
    top: -38px;
    right: 0px;
    width: 22px;
    height: 22px;
    background: url('/images/portal/calendar.gif') no-repeat 0 -29px;
    cursor: pointer;
}

ul.dynamic-pager + .next:hover
{ background-position: 0 -87px; }

ul.dynamic-pager + .next + .prev
{
    position: absolute;
    top: -38px;
    right: 25px;
    width: 22px;
    height: 22px;
    background: url('/images/portal/calendar.gif') no-repeat 0 0;
    cursor: pointer;
}

ul.dynamic-pager + .next + .prev:hover
{ background-position: 0 -58px; }

/**  KARUZELE  ****************************************************************/
ul.carousel-pagination
{
    width: 100%;
    padding: 0;
    margin: 10px 0 0 0;
    list-style-type: none;
    text-align: center;
}

ul.carousel-pagination > li
{
    width: 20px;
    height: 20px;
    margin: 0 5px;
    display: inline-block;
    cursor: pointer;
    font-weight: bold;
}

ul.carousel-pagination > li.carousel-pagination-active
{
    color: #0079be;
    cursor: default;
}

ul.carousel-pagination > li.first
{ height: 15px; margin-top: 5px; background: transparent url('/images/portal/portalIcons.png') no-repeat scroll 0px 0px; }

ul.carousel-pagination > li.first:hover
{ background: transparent url('/images/portal/portalIcons.png') no-repeat scroll 0px -30px; }

ul.carousel-pagination > li.prev
{ height: 15px; margin-top: 5px; background: transparent url('/images/portal/portalIcons.png') no-repeat scroll 0px -60px; }

ul.carousel-pagination > li.prev:hover
{ background: transparent url('/images/portal/portalIcons.png') no-repeat scroll 0px -90px; }

ul.carousel-pagination > li.next
{ height: 15px; margin-top: 5px; background: transparent url('/images/portal/portalIcons.png') no-repeat scroll 0px -75px; }

ul.carousel-pagination > li.next:hover
{ background: transparent url('/images/portal/portalIcons.png') no-repeat scroll 0px -105px; }

ul.carousel-pagination > li.last
{ height: 15px; margin-top: 5px; background: transparent url('/images/portal/portalIcons.png') no-repeat scroll 0px -15px; }

ul.carousel-pagination > li.last:hover
{ background: transparent url('/images/portal/portalIcons.png') no-repeat scroll 0px -45px; }

/**  POWIAZANE  ***************************************************************/
.powiazane
{
    margin-top: 10px;
    border-top: 1px solid #ddd;
    padding-top: 10px;
}

.powiazane .grafika
{
    float: left;
    margin: 0 10px 10px 0;
}

.powiazane .title,
.powiazane .info
{
    display: inline;
}

.powiazane .gal_icon, 
.powiazane .file_icon { 
    float: left;
    margin: 0px 5px 0px 0px;
}

.zal_items + .zal_items {
    margin: 15px 0px 0px 0px;
}
.powiazane .file_title {
    float: left;
}

.powiazane .gal_title a {

    color: #000000;
    display: block;
    font-size: 11pt;
    font-weight: bold;
    padding: 5px 0px 5px 0px;
    text-align: left;
}

.powiazane h4
{
    margin: 20px 0;
}

.powiazane .file_title a {
    min-height: 38px;
    color:#4c4c4c;
    display:block;
    font-weight:lighter;
    line-height:150%;
    margin:0;
    padding:5px 0 5px 45px;
    text-align: left;
}

.powiazane .file_title a span
{
    width: 100%;
    display: inline-block;
}

.powiazane .file_title_info {
    display: block;
    clear: left;
    font-size: 90%;
    line-height: 125%;
    padding: 10px 0px 10px;
    border-bottom: 1px solid #e7e7e7;
}

.powiazane header
{ margin: 0 0 15px 0; }

/**  NUMBERS  *****************************************************************/
div.numbers
{
    margin: 15px 0px 0px 0px;
    text-align: center;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
}

div.numbers div
{
    width: 25px;
    height: 25px;
    margin: 0 5px;
    flex-basis: auto;
    flex-shrink: 1;    
    background: #f4f4f4;
    color: #000;
    cursor: pointer;
    line-height: 25px;
    text-align: center;
    font-size: 110%;
    font-weight: bold;
    text-align: center;
}

div.numbers div:hover, 
div.numbers div.sel
{
    background: #0079be;
    color: #fff;
}

/**  ZAKLADKI   ***************************************************************/

ul.tabs 
{
    list-style-image: none;
    list-style-position: inside;
    list-style-type: none;
    margin: 0px 0px 15px 0px;
    padding: 0px;    
    font-size: 90%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    position: absolute;
    top: -4px;
    /*left: 50%;
    transform: translateX(-50%);    
    */
    left: 280px;
}

ul.tabs li
{
    cursor: pointer;
    flex-basis: auto;
    text-align: center;
    white-space: nowrap;
    margin: 0 21px;
    position: relative;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    font-size: 125%;
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Archivo Narrow", sans-serif;
}

ul.tabs li:not(:hover):not(.sel)
{
    color: #000 !important;
    background-color: #fff !important;    
}

ul.tabs li:hover,
ul.tabs li.sel
{
    margin: -5px 11px;
    padding: 5px 10px;    
}

/* dla zakladek w formach dodawania */
ul.tabs.form li
{
    float: left;
    width: auto;
    list-style: none;
    border: 1px solid silver;
    padding: 0px 0px 0px 0px;
    margin: 2px 4px -1px 0px;
    font-size: 12px;
    color: black;
    background-color: #d2d2d2;
    border-top: 3px solid silver;
    border-radius: 4px 4px 0 0;
}
ul.tabs.form li:hover, ul.tabs.form li:focus, ul.tabs.form li.sel {
    background-color: #fff;
    border-top: 3px solid crimson;
    color: crimson;
    transition: none;
    border-bottom: 1px solid #fff;
}
ul.tabs.form li:hover > *, ul.tabs.form li:focus > *, ul.tabs.form li.sel > * {transition: none;}
ul.tabs.form li > * {background: none}

ul.tabs li.filtr
{
    text-shadow: 0 0;
    vertical-align: middle;
    cursor: default;
}

ul.tabs li.filtr:before
{
    content: "\e340";
    font-family: 'Icomoon';
    font-size: 150%;
    display: inline-block;
    margin: 2px 5px 0 0;
}

ul.tabs li > *
{  
    height: 15px;
    padding: 14px 0px 9px;
    margin: 0px;
    display: block; 
    line-height: 15px;
    color: #000;
    background: #fff;
}

ul.tabs li:hover > *,
ul.tabs li:focus > *,
ul.tabs li.sel > *
{
    background: inherit;
    color: inherit;
    border-bottom: none;
}

ul.tabs li a.error
{
    background-image: url(/sfPropelPlugin/images/error.png);
    background-repeat: no-repeat;
    background-position: 5px 6px;
    padding-left: 25px;
}

/** PRZYCISKI AKCJI  **********************************************************/
.actions
{
    float: right;
    font-size: 100%;
    cursor: pointer;
    margin: 30px 0px 30px 0px;
    padding: 0px;
    list-style-type: none;
    display: block;
}

.actions li.next, 
.actions li.prev, 
.actions li.pdf, 
.actions li.print, 
.actions li.back, 
.actions li.zglos, 
.actions li.pobierz,
.actions li.trip
{
    float: left;
    padding: 5px 10px 5px 0;
    margin: 0px 0px 10px 10px;
    display: block;
    font-family: 'FontAwesome', Helvetica;
}

.actions li.next:hover, 
.actions li.prev:hover, 
.actions li.pdf:hover, 
.actions li.print:hover, 
.actions li.back:hover, 
.actions li.zglos:hover, 
.actions li.pobierz:hover, 
.actions li.trip:hover
{
    color: #454547;
}

.actions li.next::before, 
.actions li.prev::before, 
.actions li.pdf::before, 
.actions li.print::before, 
.actions li.back::before, 
.actions li.zglos::before, 
.actions li.pobierz::before, 
.actions li.trip::before
{
    font-size: 150%;
    cursor:pointer;
    padding: 6px 6px 5px; 
    margin: 0px 5px 0px 0px; 
    vertical-align: middle;
    background-color: #0079be;
    color: #fff;
}

.actions li.prev::before{content: "\f100";}
.actions li.next::before{content: "\f101";}
.actions li.pdf::before{content: "\f1c1";}
.actions li.print::before{content: "\f02f";}
.actions li.back::before{content: "\f102";}
.actions li.zglos::before{content: "\f0e5";}
.actions li.pobierz::before{content: "\f019";}

.actions li.next:hover::before, 
.actions li.next:focus::before, 
.actions li.prev:hover::before, 
.actions li.prev:focus::before, 
.actions li.pdf:hover::before, 
.actions li.pdf:focus::before, 
.actions li.print:hover::before, 
.actions li.print:focus::before, 
.actions li.back:hover::before, 
.actions li.back:focus::before, 
.actions li.zglos:hover::before, 
.actions li.zglos:focus::before, 
.actions li.pobierz:hover::before, 
.actions li.pobierz:focus::before, 
.actions li.trip:hover::before,
.actions li.trip:focus::before
{
    background-color: #0079be;
    color: #fff;
}

.actions li.next:hover, 
.actions li.next:focus, 
.actions li.prev:hover, 
.actions li.prev:focus, 
.actions li.pdf:hover, 
.actions li.pdf:focus, 
.actions li.print:hover, 
.actions li.print:focus, 
.actions li.back:hover, 
.actions li.back:focus, 
.actions li.zglos:hover, 
.actions li.zglos:focus, 
.actions li.pobierz:hover, 
.actions li.pobierz:focus, 
.actions li.trip:hover,
.actions li.trip:focus
{
    color: #fff; 
    background-color: #0079be; 
}

/** filtry ********************************************************************/
.common-filters
{
    padding: 0;
    margin: 0 0 15px 0;
    background: transparent;
    max-height: 45px;
    max-width: 45px;
}

.common-filters:not(.active)
{
    position: absolute;
    top: 5px;
    right: 0;
    overflow: hidden;
}

.view_change + .common-filters:not(.active)
{
    right: 100px;
}

.common-filters.active
{
    max-height: 999px;
    max-width: 999px;
    transition: max-height 0.75s ease;
    overflow: hidden;
}

.common-filters h3
{
    padding: 10px 15px 12px;
    margin: 0 0 15px 0;
    font-size: 125%;
    background-color: transparent;
    white-space: nowrap;
    cursor: pointer;
}

.common-filters h3:before
{
    content: '\e340';
    font-family: 'Icomoon';
    display: inline-block;
    margin: 0 15px 0 0;
    color: #0079be;
    vertical-align: text-bottom;
}

.common-filters.active h3:after
{
    content: '\e268';
    font-family: 'Icomoon';
    display: inline-block;
    margin: 0 0 0 15px;
    color: #0079be;
    vertical-align: text-bottom;
    font-weight: normal;
    position: absolute;
    right: 30px;
}

.common-filters h4
{
    width: 100%;
    padding: 5px 15px;
    margin: 0 0 15px 0;
    background-color: #f2f2f2;
    white-space: nowrap;
    box-sizing: border-box;
}

.common-filters .filter
{
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}

.common-filters .filter label
{
    width: 240px;
    flex: 0 1 auto;    
    font-weight: bold;
    text-align: right;
    padding: 0 5px 5px 10px;
    box-sizing: border-box;
}

.common-filters .filter label:after
{ content: ": "; }

.common-filters .filter .field
{
    width: calc(100% - 240px);
    flex: 0 1 auto; 
    font-weight: bold;
    text-align: left;
    padding: 0px 10px 5px 0px;
    box-sizing: border-box;
}

.common-filters .filter .field input,
.common-filters .filter .field select
{
    width: 100%;
    padding: 3px 5px 3px 5px;
    box-sizing: border-box;
}

.semi-filters
{
    display: inline-block;
    margin: -5px 11px -5px 20px;
    padding: 8px 15px;
    max-width: 200px;
    border-color: #0079be;
    background-color: #0079be;
    color: #fff;
    font-size: 110%;
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Archivo Narrow", sans-serif;
}

.common-filters .button.cancel
{
    width: auto;
    float: left;
    clear: left;    
    margin-left: 15px;
    background-color: #4c4c4c;
    color: #fff;
}

.common-filters .button.filter
{
    width: auto;
    float: right;    
    clear: right;   
    margin-right: 15px; 
}

ul.active-filters
{
    list-style-type: none;
    margin: 0 0 10px 0;
    padding: 0;
    width: 100%;
}

ul.active-filters li
{
    flex: 0 1 30%;
    background: #0079be;
    padding: 5px 10px;
    margin: 0 0 5px 0;
    color: #fff;
    box-sizing: border-box;
    display: inline-block;
}

ul.active-filters li span
{
    font-weight: bold;
}

ul.active-filters li .clear-filter
{
    margin: 0 0 0 15px;
    display: inline-block;
    width: 20px;
    height: 20px;
    overflow: hidden;
    vertical-align: middle;
}

ul.active-filters li .clear-filter:before
{
    font-family: 'Icomoon', 'FontAwesome';
    content: '\e268';
    vertical-align: baseline;
    font-size: 20px;
    line-height: 20px;
    font-weight: normal;
}

/** WYNIKI WYSZUKIWANIA  ******************************************************/
.highlight
{
    padding: 0 5px;
    color: #fff;
    background-color: #0079be !important;
    border-radius: 3px;
    text-shadow: 0 0 #fff;
    letter-spacing: 0.75px;
}

.highlight > .highlight
{
    padding: 0;
}

.highlighted:hover .info-icon + div
{
    font-size: 100%;
    max-height: 999px;
    display: block;
}

.highlighted:hover .info-icon + div ul
{
    list-style-type: none;
    margin: 0 0 5px 0;
    padding: 0;
}

.highlighted:hover .info-icon + div ul li
{
    padding: 0 0 0 10px;
}

.match-rate-bg
{
    width: 100%;
    height: 16px;
    padding: 0;
    margin: 0 0 10px 0;
    background: #f6f6f6;
    position: relative;
    display: block;
}

.match-rate-bg > .text
{
    width: 100%;
    height: 12px;
    padding: 2px 0;
    margin: 0;    
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    line-height: 12px;
    font-weight: bold;
    z-index: 1;
}

.match-rate-bg > .bar
{
    height: 16px;
    padding: 0;
    margin: 0;    
    position: absolute;
    top: 0;
    left: 0;
    background: #ffa;
    z-index: 0;
}
/** pseudo-tabelka lewo-prawo **/
.box-iobiekt 
{
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    font-size: 120%;

}

.box-iobiekt:nth-child(2n+1)
{
    background-color: #f6f6f6;
}

.zajawka .box-iobiekt
{ width: auto; }

.zajawka .box-iobiekt:nth-child(2n+1),
.zajawka .box-iobiekt:nth-child(2n+1) > .obiekt_typ,
.zajawka .box-iobiekt:nth-child(2n) > .obiekt_typ
{
    background-color: transparent;
}

.zajawka .box-iobiekt > .obiekt_typ
{ padding-left: 0; }

.box-iobiekt .obiekt_typ, 
.box-iobiekt .obiekt_dane 
{
    flex-basis: 30%;    
    padding: 5px 10px;
    box-sizing: border-box;
}
.box-iobiekt .obiekt_typ 
{}

article .box-iobiekt .obiekt_typ 
{
    min-width: 68px;
}
.box-iobiekt .obiekt_dane 
{
    text-shadow: 0 0;
    flex-grow: 1;
}

.zajawka .title + .box-iobiekt
{ margin-top: 10px; }

/** WTF?!? **/
.tresc a {display:inline-block;}

.left 
{
    padding: 0px 15px 0px 0px;
    float: left;
}

/* </editor-fold> */

/* <editor-fold defaultstate="collapsed" desc="PANELE"> */
/******************************************************************************/
/*  PANELE ********************************************************************/
/******************************************************************************/

table.sekcja-paneli
{ 
    width: 100%;
    max-width: 100%;
    table-layout: fixed;
    margin: 0 auto;    
    border-collapse: collapse; 
    border-spacing: 0;
}

.panel
{ 
    vertical-align: top; 
    padding: 0;
    overflow: visible;
}

.panel > div
{ 
    position: relative;
    margin: 0;
}

.panel#PAN_LEFT > div
{ 
    margin-right: 32px;
}

.panel#PAN_HEAD_2 > div,
.panel#PAN_FOOT > div
{
    background: #0079be;
}

#PAN_HEAD > div,
table#table_2.sekcja-paneli,
#PAN_FOOT_2 > div
{ 
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
}

.panel#PAN_LEFT,
.panel#PAN_RIGHT
{ padding: 20px 0 0 0; }

.panel#PAN_BOTTOM
{ padding: 42px 0 0 0; }

/* </editor-fold> */

/* <editor-fold defaultstate="collapsed" desc="KOMPONENTY I ELEMENTY"> */
/******************************************************************************/
/* KOMPONENTY *****************************************************************/
/******************************************************************************/
.component
{
    background: #fff;
    padding: 0;
    margin: 0px 0px 15px 0px;
    position: relative; /* potrzebne do view_changer */
}

.switcher
{
    position: relative; 
	/*display: block;*/
}

.switcher > div[id],
.switcher > li[id]
{width: 100%;}


/******************************************************************************/
/* STOPKA *********************************************************************/
/******************************************************************************/
.page_footer
{
    width: 100%;
    display: table;
    font-size: 10px;
    font-weight: normal;
    line-height: 150%;
    background: #ffffff;
    color: black;
    margin: 10px auto;
}

.footer_right
{
    padding: 0px;
    letter-spacing: 1px;
    display: table-cell;
    vertical-align: top;
    width: 75%;
    text-align: right;
}

.footer_left {
    padding: 24px 10px 25px 0px;
    display: table-cell;
    vertical-align: top;
    width: 25%;
    font-size: 159%;
    font-weight: normal;
}

.footer_left p
{ margin: 3px 0px }

.stopka-dane-adresowe
{
    display: flex;
    flex-flow: column nowrap;
    text-align: left;
    padding-left: 19px;
    box-sizing: border-box;
    font-family: "PT Sans Narrow", sans-serif;
    font-size: 114%;
}

.stopka-dane-adresowe .logo
{
    height: 143px;
    margin: 0 0 13px -21px;
    background: url('../../images/common/logo-stopka.jpg') no-repeat center center;
}

.stopka-dane-adresowe .adres
{
    background: url('../../images/common/sprites-custom.png') no-repeat 0px -521px;
    padding-left: 42px;
    margin: 0 0 14px 0;
}

.stopka-dane-adresowe .telefon
{
    background: url('../../images/common/sprites-custom.png') no-repeat 0px -590px;
    padding-left: 42px;
    margin: 0 0 14px 0;
}

.stopka-dane-adresowe .email
{
    background: url('../../images/common/sprites-custom.png') no-repeat 0px -663px;
    padding-left: 42px;
    margin: 0 0 14px 0;
}

.stopka-dane-adresowe .nr-rachunku
{
    background: url('../../images/common/sprites-custom.png') no-repeat 0px -735px;
    padding-left: 42px;
    margin: 0 0 14px 0;
}

.stopka-dane-adresowe .regon-nip
{
    background: url('../../images/common/sprites-custom.png') no-repeat 0px -803px;
    padding-left: 42px;
}


.icon_stopka {
    float: left;
    margin-right: 0px;
    margin-top: 17px;
    margin-left: 42px;
}

.concept{
    color:#ea1920;
}

.bip a{
    color:black;
}

.intermedia{
    color:black;
}

.icon_stopka > div.icon{
    float:left;
    font-size: 0px;
}


.author_stopka {
    float: right;
    font-weight: normal;
    font-size: 87%;
    margin: 20px 0px 0 0;
    line-height: 175%;
    text-shadow: 0px 0px;
    color: #6d6e71;
}


.icon_stopka .icon a {
    display: block;
    height: 100%;
}

.icon.w3c {background: url(/images/portal/certyfikaty.png) no-repeat scroll -146px 0px;display: block;width: 53px;height: 33px;}
.icon.html5 {background: url(/images/portal/certyfikaty.png) no-repeat scroll -204px 0px;width: 22px;height: 33px;display: block;margin-left: 6px;cursor: pointer;}
.icon.css3 {background: url(/images/portal/certyfikaty.png) no-repeat scroll -231px 0px;display: block;width: 22px;height: 33px;margin-left: 8px;cursor: pointer;}
.icon.wcag {background: url(/images/portal/certyfikaty.png) no-repeat scroll -257px 0px;display: block;width: 82px;height: 31px;margin-left: 11px;cursor: pointer;}
a.akceslab {background: url(/images/portal/wcag.png) no-repeat scroll 0px 0px;width: 179px;height: 43px;display: block;float: left;margin: 15px 53px 0px 212px;font-size: 0px;}

/******************************************************************************/
/*  POLA BANEROWE  ************************************************************/
/******************************************************************************/
.miejsce-banerowe
{ 
    display: flex;
    justify-content: space-between;
}

.miejsce-banerowe > .pole-banerowe
{ display: inline-block; }

.miejsce-banerowe > .cl
{
    width: 100%;
    display: inline-block;
}

.pole-banerowe
{ 
    margin-bottom: 15px;
    text-align: center;
}

.pole-banerowe a
{ display: block; }

.pole-banerowe img
{
    max-width: 100%;
    display: block;
}

/** Translator Google *********************************************************/
.translate-bar.component{
    float:right;
    padding: 0px;
    margin: 17px 0px 16px 20px;
    min-width: 265px;
}

.goog-te-gadget-simple{
    border:none !important;
}

.goog-te-gadget-simple .goog-te-menu-value span {
    text-transform: lowercase;
}

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

.translate-bar > a > img{ 
    margin: 5px 5px 10px;
    border: none;
}

#google-translation-flags {
    float: left;
    margin: 3px 5px 0px 5px;
}

#google-translation-flags > span {
    display: block;
    float: left;
    margin: 0px 0px 0px 10px;
    line-height: 0px;
}

#google-translation-flags > span img{
    border:1px solid white;
}

#google-translation-flags > span img:hover{
    border:1px solid red;
    cursor:pointer;
}

#google_translate_element .goog-te-gadget-icon{
    width:18px;
    margin: 6px 0 0 0;
}

.goog-te-menu-value > span + img + span{
    display:none;
}

.goog-te-menu-value > span + img + span + img + span,
.goog-te-menu-value > span + img + span + img{
    display: inline-block;
    color: rgb(155, 155, 155) !important;
}

div#google_translate_element {
    float: left;
    height: 34px;
    margin: 0;
}

#google-translation-flags > span:focus {
    outline-offset: -2px;
}


.goog-te-gadget-simple a,
.goog-te-gadget-simple > span,
.goog-te-gadget-simple > img{
    display:block;
}

.goog-te-gadget-simple > span,
.goog-te-gadget-simple > img{
    float: left;

}

/** CONCEPT HYPER TITLE SLIDER ************************************************/
.naglowek_homepage {
    margin: 0 auto;
    width: 1200px;
    max-width: 100%;
    position: relative;
    background: #fff;
    clear: both;
}
.hyperss-text .hyperss-title {
    color: #FFFFFF;
    font-size: 17pt;
    padding: 0 15px;
    text-align: left;
}

.hyperss-text .hyperss-description {
    color: #FFFFFF;
    font-size: 14pt;
    padding: 0 15px;
    text-align: left;
}

#hyperss{width: auto !important;}
#hyperss .slide {width: 100% !important;overflow: hidden;}
#hyperss a.title-container.current {display: block;height: 100%;width: 100%;cursor: pointer;z-index: 3;position: absolute;top:0}
#hyperss .slide-image {max-width: 100% !important;width: 100% !important;}
#hyperss .slide-image .the-image {height: 100%;background-size:cover !important;}
#hyperss a.title-container {position: absolute;display: block;height: 100%;top:0}
#hyperss a.title-container.disabled > div.title-wrapper {}
#hyperss .hyperss-text {bottom: 31px;right: 0px;}
#hyperss .hyperss-text .hyperss-title {z-index: 3;color: #000;font-size: 14pt;padding: 0 0px;text-align: right;max-width: 1200px;margin: 0px 0 0px auto;position: relative;letter-spacing: -0.2px;bottom: 0px;}
#hyperss .hyperss-text .hyperss-title span {padding: 17px 25px 18px 29px;background-color: #fff;white-space: nowrap; display: inline-block; font-weight: bold; color: #0079be; font-size: 159%;}
#hyperss .hyperss-text .hyperss-title span:empty {display:none;}
#hyperss .hyperss-text .hyperss-description {color: #000;font-size: 12pt;padding: 0 15px;text-align: left;}
#hyperss .pager_container {position: absolute;z-index: 4;width: 100%;top: 17px;text-align: right;right: 40px;}
#hyperss .pager{margin: 0px auto;position: relative;display: block;max-width: 1162px;float: right;}
#hyperss .pager > div {float: left; width: 22px;height: 22px;padding:0;margin: 0 0 6px 12px;display: block;color: #000;background: #fff;cursor: pointer; box-shadow: 1px 1px 0 0px #666f76; }
#hyperss .pager > div:hover {background: rgba(255, 255, 255, 1);}
#hyperss .pager > div.current, #hyperss .pager > div:hover, #hyperss .pager > div:focus, #hyperss .pager > div:active {background-color: #0079be; box-shadow: 1px 1px 0 0px #666f76;}
#hyperss:not(.has-many-pages) .arrows_container {display:none;}
#hyperss .arrows_container {position: absolute;top: 50%;margin-left: 0%;z-index: 10;width: 100%; height: 45px; transform: translateY(-50%);}
#hyperss .arrows {width: 100%;max-width: 100%; position: relative;}
#hyperss .nav-arrow {width: 20px;height: 45px;cursor:pointer; transition: transform 0.2s ease;}
#hyperss .nav-arrow.arrow-left {position: absolute; left: -45px; background: url('../../images/common/sprites-custom.png') no-repeat 0px -140px;}
/*#hyperss .nav-arrow::before {content:'';display:block;background:#000;position:absolute;opacity:0.2;top:0;right:0;bottom:0;left:0;transition: all .15s;width:auto;height:auto;}*/
/*#hyperss .nav-arrow:hover::before {opacity:1;}*/
/*#hyperss .nav-arrow::after {content:'';display:block;background:transparent url('/images/common/carousel-next.png') no-repeat center center;position:absolute;top:0;right:0;bottom:0;left:0;width:auto;height:auto;}*/
#hyperss .nav-arrow.arrow-right {position: absolute; right: -52px; background: url('../../images/common/sprites-custom.png') no-repeat 0px -210px;}
/*#hyperss .nav-arrow.arrow-right::after {background:transparent url('/images/common/carousel-prev.png') no-repeat center center;}*/
/*#hyperss .nav-arrow:hover::before {opacity:1;background:#fff;}*/
#hyperss .nav-arrow:hover { transform: scale(1.2, 1.2); transition: transform 0.35s ease; }

/*****************************************************************************/
/** MENU BLOKOWE *************************************************************/
/*****************************************************************************/
.blockMenu-wrapper
{ 
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
    display: flex; 
}

.blockMenu-wrapper > .pole-banerowe
{
    width: 292px;
    height: 428px;
    background: #fff;
    flex: 0 0 auto;
    margin: 0;
}

.blockMenu-wrapper > .clr,
.blockMenu-wrapper > .inner-wrapper > .clr
{ display: none; }

.blockMenu-wrapper > .inner-wrapper
{
    display: flex;
    flex-flow: column nowrap;
}

.blockMenu-wrapper > .inner-wrapper ul.stopka-linki
{
    list-style-type: none;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    padding: 28px 0px 17px;
    margin: 0 25px;
    border-bottom: 1px solid #005281;
    color: #fff;
    text-transform: uppercase;
    font-size: 108%;
    line-height: 180%;
}

.blockMenu-wrapper > .inner-wrapper ul.stopka-linki li.separator
{
    padding: 0 24px;
}

.blockMenu-wrapper > .inner-wrapper ul.stopka-linki a
{
    padding: 3px 10px;
    margin: -3px -10px;
}

.blockMenu-wrapper > .inner-wrapper ul.stopka-linki a:hover,
.blockMenu-wrapper > .inner-wrapper ul.stopka-linki a:focus
{  
    background: #005281;
    color: #fff;
}

.blockMenu
{
    width: 100%;
    padding: 6px 0 0 25px;
    margin: 0;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    list-style-type: none;
    box-sizing: border-box;
}

.blockMenu .block
{
    width: 159px;
    padding: 0;
    margin: 0 0 10px 0;
    box-sizing: border-box;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 1;
    color: #fff;
    
}

.blockMenu .block > a
{
    padding: 0 0px 10px 0px;
    margin: 0 0 26px 0;
    display: block;
    border-bottom-style: solid;
    border-bottom-width: 2px;    
    border-bottom-color: inherit;
    text-transform: uppercase;
    font-size: 129%;
    font-family: "Archivo Narrow", sans-serif;
}

.blockMenu .block > a:hover
{
    background: #005281;
    color: #fff;
    padding: 3px 5px 10px;
    margin: -3px -5px 26px ;
}

.blockMenu .block .list
{
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-family: "PT Sans Narrow", sans-serif;
    font-size: 113%;
}

.blockMenu .block .list a
{
    padding: 0;
    margin: 0 0 10px 0;
    display: block;    
}

.blockMenu .block a:not(:hover)
{
    background-color: transparent !important;
}

.blockMenu .block:first-child a
{ border-color: #fff !important; }

.blockMenu .block .list a:hover
{
    background: #005281;
    color: #fff;
    padding: 3px 5px 0;
    margin: -3px -5px 10px;
}

/* glowny blok menu portalu */
.showPortalMenu_menu
{
    clear: both;
    float: left;
    display: block;
    width: 100%;
    margin: 10px 0px 0px 0px;
}

.showPortalMenu_menu a {
    color: #000000;
    cursor: pointer;
    display: block;
}
/* pierwszy poziom */
.showPortalMenu_menu .menu_level_1, .isubkat_list {
    padding: 0px 0px 0px 0px;
    position: relative;
    /*    cursor: pointer;*/
}

.showPortalMenu_menu .level_1_item  {
    cursor: pointer;
}

.showPortalMenu_menu .level_1_item span a, .showPortalMenu_menu .level_1_item a span,
.showPortalMenu_menu .level_1_item b, .showPortalMenu_menu .level_1_item_select a {
    cursor:pointer;
    display:block;
    margin: 0px 0px 0px 0px;
    padding:7px 0 7px 10px;
    color: #982a41;
    font-weight: bold;
}

.showPortalMenu_menu .level_1_item span.menu,.showPortalMenu_menu .level_1_item_select span.menu
{
    cursor:pointer;
    display:block;
    margin:0px 25px 0px 0px;
    padding:7px 0 7px 10px;
    color: #982a41;
    font-weight: bold;
    display: block;
}

/* drugi poziom */
.showPortalMenu_menu .menu_level_2, .isubkat_list {
    padding: 0px 0px 0px 0px;
}

.showPortalMenu_menu .level_2_item {
    padding: 2px 0px 0px 0px;
}

.showPortalMenu_menu .level_2_item a {
    cursor:pointer;
    display:block;
    margin:0 0 0 0;
    padding:5px 0 5px 11px;
    color: #000000;
    font-weight: normal;
}

.showPortalMenu_menu .level_2_item_select a {
    cursor:pointer;
    display:block;
    margin:0 0 0 0;
    padding:5px 0 5px 11px;
    font-weight: normal;
}

.showPortalMenu_menu .level_2_item span {
    cursor:pointer;
    display:block;
    margin:0 0 0 0;
    padding:5px 0 5px 11px;
    color: #000000;
    font-weight: normal;
}

/* drugi poziom w info i mapie */
.showPortalMenu_menu .menu_level2_name, .menu_level_sub, .menu_level_sub_selected {
    margin: 2px 0px 0px 0px;
}
.showPortalMenu_menu .level_2_info_item {
    color: #000000;
    cursor: pointer;
    display: block;   
}

.showPortalMenu_menu .level_3_item a {
    margin:0px 0px 0px 20px;
}

.showPortalMenu_menu .level_3_item a, .obiekt_row {
    cursor:pointer;
    display:block;
    margin:0px 0px 0px 0px;
    padding: 2px 0 2px 25px;
    color: #000000;
    font-weight: normal;
}
.showPortalMenu_menu .level_3_item_select a {
    cursor:pointer;
    display:block;
    margin:0px 0px 0px 0px;
    padding: 2px 0 2px 25px;
    font-weight: normal;
}

.showPortalMenu_menu .level_2_item:hover, .showPortalMenu_menu .level_2_item_select,
.showPortalMenu_menu .level_2_item_select:hover, .menu_level_sub_selected .level_2_info_item,
.showPortalMenu_menu .level_2_item_select a, .showPortalMenu_menu .level_2_item a:hover,
.showPortalMenu_menu .level_2_info_item a:hover, .showPortalMenu_menu .level_3_item_select a,
.showPortalMenu_menu .level_3_item a:hover, .showPortalMenu_menu .level_2_item:hover span,
.showPortalMenu_menu .level_2_info_item:hover
{
    color: #982a41;
}

.showPortalMenu_menu div.show_all, .showPortalMenu_menu div.hide_all {
    width: 20px;
    height: 20px;
    background: transparent url("/images/admin/button_icons.gif") no-repeat;
    cursor: pointer;
    position: absolute;
    top: 7px;
    right: 0px;
}

.showPortalMenu_menu div.hide_all {
    background: rgba(0, 0, 0, 0) url("/images/admin/button_icons.gif") no-repeat scroll 0px -180px;
}

/* style menu */
.showPortalMenu_menu .level_1_item,
.showPortalMenu_menu .level_2_item,
.showPortalMenu_menu .level_3_item,
.showPortalMenu_menu .level_4_item
{
	background-color: #8b273c;
	margin-top: 2px;
}

/** info o cookies ************************************************************/
#cookies-message {
    padding: 10px 0px;
    font-size: 14px;
    line-height: 20px;
    border-bottom: 1px solid #72b870;
    text-align: center;
    position: fixed;
    bottom: 0px;
    background-color: #72b870;
    width: 100%;
    z-index: 16;
}

#accept-cookies-checkbox {
    background-color: #615F5A;
    padding: 1px 10px;
    color: #FFF;
    border-radius: 4px;
    display: inline-block;
    margin-left: 10px;
    text-decoration:none;
    cursor: pointer;
}

#accept-cookies-checkbox:hover {
    background-color: #EC393F;
}

/**  PRGRESS BAR **/
.progress_bar
{
    overflow: hidden;
    height: 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-radius: 4px;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}

.progress_bar > div
{
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #0079be;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    transition: width .6s ease;
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 40px 40px;
    animation: progress-bar-stripes 2s linear infinite;
}

/** RATING **/
.rating-back
{
    position: relative;
    width: 100%;
    /*text-align: justify;*/
}

.rating-back > span
{
    display: inline-block;
    background-repeat: no-repeat;
    background-position: top left;
    vertical-align: top;
}

.rating-back > span[onclick]
{ cursor: pointer; }

.strech
{
    display: inline-block;
    width: 100%;
    height: 0;
}

.rating-help
{
    margin: 0px 0 -5px 10px;
    display: inline-block;
    vertical-align: text-bottom;
}

.rating-help > span.wizytowka
{ display: none; }

.rating-help:hover > span.wizytowka
{ display: block; }

#rating-updater > span
{ float: left; }

span.rating {display:block; text-align:left;}
span.rating img {vertical-align: bottom;}
article .left span.rating a {display:inline-block;}

/*****************************************************************************/
/* PORTAL MENU ***************************************************************/
/*****************************************************************************/
.portal-menu
{
    margin: 0 0 10px 0;
    padding: 0;
    list-style-type: none;
}

.portal-menu a,
.portal-menu li > span 
{ display: block; }

.level-2-wrapper,
.level-3-wrapper,
.level-4-wrapper,
.level-5-wrapper
{
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.level-1,
.level-2,
.level-3,
.level-4,
.level-5
{
    margin: 0px 0px;
    text-align:left;
    color: #000; 
}

ul.portal-menu .level-1,
ul.portal-menu .level-2,
ul.portal-menu .level-3,
ul.portal-menu .level-4,
ul.portal-menu .level-5
{ position: relative; }

.level-1 > a,
.level-2 > a,
.level-3 > a,
.level-4 > a,
.level-5 > a,
.level-1 > span,
.level-2 > span,
.level-3 > span,
.level-4 > span,
.level-5 > span
{
    padding: 10px 0px 10px 13px;
    margin: 0 0 1px 0px;
    font-weight: normal;
    font-size: 110%;
    display: block;
    background-color: #f2f2f2;
    color: #000;
    cursor:pointer;
    font-family: "Archivo Narrow", sans-serif;
}

nav.component .level-1
{
    padding: 1px 0 0 13px;
    margin: 0 0 1px 0;
    border-left-width: 5px;
    border-left-style: solid;
}

nav.component .level-1 > a
{
    padding: 12px 0 12px 0px;
    margin: -1px 0 0 0;
    font-size: 115%;
    margin-left: -13px;
    padding-left: 13px;
}

nav.component .level-1:not(.select) > a:not(:hover)
{
    background-color: #fff !important;
    color: #000 !important;
}

nav.component .level-2 > a,
nav.component .level-3 > a,
nav.component .level-4 > a,
nav.component .level-5 > a
{ /*border-left: 13px solid #fff;*/ }

nav.component .level-2 > a:hover,
nav.component .level-3 > a:hover,
nav.component .level-4 > a:hover,
nav.component .level-5 > a:hover,
nav.component .level-2 > a:focus,
nav.component .level-3 > a:focus,
nav.component .level-4 > a:focus,
nav.component .level-5 > a:focus,
nav.component .level-2.select > a,
nav.component .level-3.select > a,
nav.component .level-4.select > a,
nav.component .level-5.select > a
{
    border-left: none;
    /*margin-left: 13px;*/
}
    
nav.component .level-1 > a,
nav.component .level-2 > a,
nav.component .level-3 > a,
nav.component .level-4 > a,
nav.component .level-5 > a
{
    border-top: 1px solid #dddddd;
}

nav.component .level-1 > a:hover,
nav.component .level-2 > a:hover,
nav.component .level-3 > a:hover,
nav.component .level-4 > a:hover,
nav.component .level-5 > a:hover,
nav.component .level-1.select > a,
nav.component .level-2.select > a,
nav.component .level-3.select > a,
nav.component .level-4.select > a,
nav.component .level-5.select > a
{
    border-top-color: transparent;
}

.level-1:hover > a,
.level-2:hover > a,
.level-3:hover > a,
.level-4:hover > a,
.level-5:hover > a,

.level-1:hover > span,
.level-2:hover > span,
.level-3:hover > span,
.level-4:hover > span,
.level-5:hover > span,

.level-1 > a:focus,
.level-2 > a:focus,
.level-3 > a:focus,
.level-4 > a:focus,
.level-5 > a:focus,

.level-1.select > a,
.level-2.select > a,
.level-3.select > a,
.level-4.select > a,
.level-5.select > a,

.level-1.select > span,
.level-2.select > span,
.level-3.select > span,
.level-4.select > span,
.level-5.select > span
{ 
    background-color: inherit;
    color: inherit;
    /*transition: background 0.25s ease;*/
    cursor: pointer;
    outline-offset: -2px;
    border-top-color: transparent;
}

nav.component .level-2-wrapper
{
    margin: 0 0 0 -16px;
    background: #fff;
}

.level-2 > a,
.level-2 > span
{ 
    font-size: 100%;
    font-weight: normal;
    padding: 8px 0px 8px 33px;
}

.oferty_inwestycyjne_menu .level-2 > span 
{padding: 7px 20px 7px 45px;}

.level-3 > a,
.level-3 > span
{ 
    font-size: 100%;
    font-weight: normal;
    padding: 7px 20px 7px 42px;
}

.level-4 > a
{ 
    font-size: 80%;
    font-weight: normal;
    padding: 7px 20px 7px 62px;
}

.level-5 > a
{ 
    font-size: 75%;
    font-weight: normal;
    padding: 7px 20px 7px 64px;
}

span.etykietka {
    width: 5px;
    margin-right: 10px;
    min-width: 5px;
    min-height: 20px;
    display: inline-block;
    vertical-align: text-bottom;
}

.glowneMenu.mobile-active .menu-toggler,
.portal-menu .menu-toggler,
.portal-menu .level-1 > span + span.menu-toggler
{
    width: 16px;
    height: 16px;
    font-size: 0;
    display: block;
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 1px;
    font-weight: normal;
    border: none;
    padding: 6px 12px;
}

.glowneMenu.mobile-active .menu-toggler:before,
.portal-menu .menu-toggler:before,
.portal-menu .level-1 > span + span.menu-toggler
{
    content: "\e2ac";
    font-family: 'Icomoon';
    width: 16px;
    height: 16px;
    display: block;
    font-size: 17px;
    line-height: 100%;
}


.glowneMenu.mobile-active .menu-toggler.sel:before,
.portal-menu .menu-toggler.sel:before,
.portal-menu .level-1 > span + span.menu-toggler
{ 
    content: "\e2aa";
    font-family: 'Icomoon';
    font-size: 17px;    
    line-height: 100%;
}

.portal-menu .level-1 > span + span.menu-toggler {padding: 0px 0px 0px 0px;}

.portal-menu span.menu-toggler
{ display:none; }

.portal-menu.mobile-active .menu-toggler
{ display:block; }

/*****************************************************************************/
/** MENU GLOWNE **************************************************************/
/*****************************************************************************/
.glowneMenu
{
    min-height: 50px;
    height: 50px;
    max-height: 50px;
    width: 1040px;
    max-width: 100%;
}

.topMenu_main,
.mainMenu
{
    padding: 0 34px 0 0;
    margin: 0;
    position: relative;
    background: #fff;
    /*text-align: justify;*/
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
    align-items: stretch;
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
}

.mainMenu.docked
{
    padding: 0 0px 0px 0px;
    border-bottom: 0px solid #0079be;
    /*transition: all 0.25s ease;*/
    /*box-sizing: border-box;*/
    background: #fff;
    color: #000;
    transform: translateX(-34px);
}

.mainMenu.docked:before,
.mainMenu.docked:after
{
    content: "";
    position: absolute;
    width: 700px;
    height: 100%;
    top: 0;
    border-bottom: 0px solid #0079be;
    background: #fff;
    color: #000;
    z-index: 14;
    /*transition: all 0.25s ease;*/
}

.mainMenu.docked:before
{ right: 100%; }

.mainMenu.docked:after
{ left: 100%; }

.mainMenu .block 
{
    flex-basis: auto;
    flex: 0 1 auto;
    vertical-align: top;
    margin: 0;
    padding: 0;
    border: none;
    list-style-type: none;
}

.mainMenu.simplified .block 
{
    position: relative;
}

.mainMenu .block > a
{
    font-family: "Archivo Narrow", sans-serif;
    font-weight: normal;
    text-transform: uppercase;
}

.mainMenu .block > .sub-block-menu
{
    width: 1200px;
    max-height: 620px!important;
    padding: 23px 35px;
    box-sizing: border-box;
    margin: 0;
    border-top-style: solid;
    border-top-width: 5px;
    border-bottom-style: solid;
    border-bottom-width: 3px;
    position: absolute;
    right: 0px;
    top: 50px;
    background: #f2f2f2;    
    background: #fff;    
    z-index: 16;
    opacity: 0;
    overflow-y: auto;
	box-shadow: 0 0 7px rgba(0,0,0,0.4);
}

.mainMenu.docked .block > .sub-block-menu
{ top: 50px; }

td.panel[id*="FOOT"] .mainMenu .block > .sub-block-menu
{
    top: auto;
    bottom: 50px;
}

.mainMenu.simplified .block > .sub-block-menu
{
    width: 255px;
    left: 0;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    margin: 0 -1px;
}

.mainMenu.simplified .block:nth-last-of-type(2) > .sub-block-menu
{
    left: auto;
    right: 0;
}

.mainMenu .block > .sub-block-menu > ul:hover + .extra-content,
.mainMenu .block > .sub-block-menu > ul:focus + .extra-content
{
    display: none;
}

.mainMenu .block > .sub-block-menu > h2
{
    height: 37px;
    padding: 10px 10px 10px 30px;
    margin: 0px 52px 1px 0px;
    width: 268px;    
    box-sizing: border-box;
    font-family: "Archivo Narrow", sans-serif;
    text-transform: uppercase;
    color: #fff !important;
    font-weight: normal;
    font-size: 130%;
    position: relative;
    float: left;
}

.mainMenu .block > .sub-block-menu > h2:before
{
    width: 2px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 8px;
    background: #fff;
    display: block;
    content: '';
}

.main-menu-toggler
{
    display: none;
}

.mainMenu .block.opened > .sub-block-menu
{
    opacity: 1 !important;
    display: block !important;
    /*max-height: 9999px !important;*/
    height: auto;
}

.mainMenu.docked .block > .sub-block-menu
{ transform: translateX(34px); }

/***   POZIOM 1 ***************************************************************/
.mainMenu .block a.menu-level-1
{
    font-weight: normal;
    padding: 10px 0px 3px 0px;
    margin: 0 7px 0 34px;
    display: block;
    height: 30px;
    vertical-align: top;
    line-height: 30px;
    white-space: nowrap;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    font-size: 135%;
    text-shadow: 0 0;
    letter-spacing: -0.5px;
}

.mainMenu .block:not(.sel) a.menu-level-1:not(:hover):not(:focus)
{
    color: #000 !important;
    background-color: #fff !important;
}

.mainMenu .block a.menu-level-1:hover,
.mainMenu .block a.menu-level-1:focus,
.mainMenu .block.sel a.menu-level-1
{
    padding: 10px 7px 8px 9px !important;
    margin: 0 0px 0 25px !important;
    text-decoration: none;
}

.mainMenu .block:first-child a.menu-level-1
{
    width: 43px; 
    text-indent: -9999px;
    overflow: hidden;
    background-image: url('../../images/common/sprites-custom.png');
    background-repeat: no-repeat;
    background-position: 18px -91px;
    margin-left: 0 !important;
    margin-right: -11px !important;
    padding: 10px 7px 3px 9px;
    margin: 0 0px 0 25px;
}

.mainMenu .block:first-child a.menu-level-1
{
    background-color: #72b870 !important;    
    border-color: #72b870 !important;    
}

.mainMenu .block .sub-block-menu > ul 
{
    width: 320px;
    padding: 0 52px 0px 8px;   
    float: left;
    clear: left;
    background: #f2f2f2;
    background: #fff;
    box-sizing: border-box;
    border-left-width: 2px;
    border-left-style: solid;
    list-style-type: none;
}

.mainMenu .block .sub-block-menu > ul + .extra-content
{
    width: calc(100% - 320px);
    float: right;
}

.mainMenu.simplified .block .sub-block-menu > ul 
{ 
    width: 100%; 
    margin: 0;
    padding: 0;
    border: none;
}

.mainMenu .block .sub-block-menu > ul > li
{

}

.mainMenu .block .level-1 a + div.extra-box,
.mainMenu .block .level-2 a + div.extra-box,
.mainMenu .block .level-3 a + div.extra-box,
.mainMenu .block .level-4 a + div.extra-box
{
    position: absolute;
    top: 23px;
	bottom: 0px;
    right: 35px;
    left: 303px;
    padding: 0 0 0 52px;
    display: none;
    background: #f2f2f2;
    background: #fff;
    color: #000;
    z-index: 14;
    height:auto;
    float:left;
}

.mainMenu .block:not(.active) .level-1 a:hover + div.extra-box,
.mainMenu .block:not(.active) .level-1 a:focus + div.extra-box,
.mainMenu .block:not(.active) .level-1 a + div.extra-box:hover,
.mainMenu .block:not(.active) .level-1.level-opened > div.extra-box,
.mainMenu .block:not(.active) .level-2 a:hover + div.extra-box,
.mainMenu .block:not(.active) .level-2 a:focus + div.extra-box,
.mainMenu .block:not(.active) .level-2 a + div.extra-box:hover,
.mainMenu .block:not(.active) .level-2.level-opened > div.extra-box,
.mainMenu .block:not(.active) .level-3 a:hover + div.extra-box,
.mainMenu .block:not(.active) .level-3 a:focus + div.extra-box,
.mainMenu .block:not(.active) .level-3 a + div.extra-box:hover,
.mainMenu .block:not(.active) .level-3.level-opened > div.extra-box,
.mainMenu .block:not(.active) .level-4 a:hover + div.extra-box,
.mainMenu .block:not(.active) .level-4 a:focus + div.extra-box,
.mainMenu .block:not(.active) .level-4 a + div.extra-box:hover
.mainMenu .block:not(.active) .level-4.level-opened > div.extra-box,
.mainMenu .block:not(.active) .level-4.level-opened  div.extra-box,
.mainMenu .block:not(.active) .level-4.level-opened  div.extra-zajawka
{ display: block; }

/******************************************************************************/
.mainMenu .block h2 + .sub-block-menu > ul + .extra-content
{
    width: calc(100% - 320px);
    float: left;
    background: #fff;
}

.mainMenu .block .sub-block-menu > div.extra-content
{
    padding: 0 0px 0px 0px;        
    /*text-align: justify;*/
    margin-top: -37px;
}

.mainMenu .block div.extra-box > .info,
.mainMenu .block div.extra-box > .component
{
    vertical-align: top;
    display: inline-block;
    margin: 0 0 15px;
    width: 100%;
    box-sizing: border-box;
}

.mainMenu .block div.extra-box > ul.tiled-list
{
    margin: -10px 0 0;
    padding: 0;
    list-style-type: none; 
    position: relative;
}

.mainMenu .block div.extra-box > ul.tiled-list > li
{
    margin-top: 2px;
}

.mainMenu .tiled-list a:hover + .menu-extra-zaj,
.mainMenu .tiled-list a:focus + .menu-extra-zaj,
.mainMenu .tiled-list a + .menu-extra-zaj:hover,
.mainMenu .tiled-list .tile-wrapper.level-opened a + .menu-extra-zaj
{
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 2;
    display: block !important;
    background: #f2f2f2;
    padding-top: 15px;
}

.mainMenu .block div.extra-box > ul.tiled-list + .zajawka
{ margin-top: 10px; }

/* CSS3 wizardry: */
.mainMenu .block div.extra-box > .info:not(:only-child),
.mainMenu .block div.extra-box > .component:not(:only-child)
{ width: 100%; }

.mainMenu .block div.extra-box:after
{ 
    /*content: '';*/
    width: 100%;
    display: inline-block;
}

.sub-menu-closer
{
    font-size: 30px;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 5px;
}

.sub-menu-closer:before
{
    font-family: 'Icomoon', 'FontAwesome';
    content: '\e268';
    vertical-align: baseline;
}

.sub-menu-closer:hover:before,
.sub-menu-closer:focus:before
{
    color: #000;
}

/** bez barier  **/
.topMenu_infobar {
    padding: 5px 10px;
    color:#000000;
    min-height: 20px;
    font-size:80%;
    position: relative;
    float: left;
}

.topMenu_infobar > div,
.topMenu_infobar .stop-anim
{
    margin-right: 5px;
    color:#000000;
    display: block;
}

.topMenu_infobar div:hover,
.topMenu_infobar div:active,
.topMenu_infobar div:focus,
.topMenu_infobar .stop-anim:hover,
.topMenu_infobar .stop-anim:active,
.topMenu_infobar .stop-anim:focus
{
    color:#202020;
    background-color:#fff;
}

/** iconbar **/
.topMenu_infobar div.links {
    padding: 4px 0;
    position: relative;
}

.topMenu_infobar div.links div {
    float: left;
    cursor: pointer;
    width: auto;
    text-transform: lowercase;
}

.topMenu_infobar div.links div + div {margin-left: 15px;}

.topMenu_infobar div.links div.hidden
{
    display: block;    
}

.topMenu_infobar div.links div.hidden > *
{
    display: block;
    position: absolute;
    top: -999px;
    left: -999px;
    opacity: 0;
    transition: opacity 0.15s ease;
}

.topMenu_infobar div.links div.hidden > *:focus
{
    top: 0;
    left: 0;
    padding: 5px 15px;
    background: #fff;
    color: #000;
    display: block;
    opacity: 1;
    transition: opacity 0.15s ease;
}

.topMenu_infobar div.links div span
{
    display: none;
}

/* infobar - separator */
.topMenu_infobar div.sep {
    width: 0px;
    height: 7pt;
    margin: 0px 15px 0px 15px;
    border-left: 1px solid #cdd9e3;
    cursor: default;
}
/* infobar - napis */
.topMenu_infobar div.home:before {
    font-family: 'Icomoon';
    content: '\26';
    margin-right: 5px;
    vertical-align: baseline;
}

/* infobar - mapa strony */
.topMenu_infobar div.mapa_strony:before {
    font-family: 'Icomoon';
    content: '\e1a2';
    margin-right: 5px;
    vertical-align: baseline;
}

/* infobar - sms info */
.topMenu_infobar div.smsinfo {
    background: transparent url('/images/portal/topMenu_infobar.gif') no-repeat scroll 0px -90px;
    padding: 0px 0px 0px 13px;
}

/* infobar - rss */
.topMenu_infobar div.rss:before {
    font-family: 'Icomoon', 'FontAwesome';
    content: '\f09e';
    margin-right: 5px;
    vertical-align: baseline;  
}
/* infobar - stop */
.topMenu_infobar .stop-anim:before {
    font-family: 'Icomoon', 'FontAwesome';
    content: '\e27c';
    margin-right: 5px;
    vertical-align: baseline;  
}

/* infobar - poczta */
.topMenu_infobar div.poczta:before {
    font-family: 'Icomoon', 'FontAwesome';
    content: '\f003';
    margin-right: 5px;
    vertical-align: baseline;  
}

/* infobar - poczta */
.topMenu_infobar div.mobile:before {
    font-family: 'Icomoon', 'FontAwesome';
    content: '\f10b';
    margin-right: 5px;
    vertical-align: baseline;  
}

/* flagi jezykowe */
#ico_lang {
    float:left;
}

#ico_lang .lang_ico 
{ display: inline-block; }

#ico_lang .lang_ico + .lang_ico
{ margin-left: 10px; }

#ico_lang .lang_ico img{
    border: 1px solid #ffffff;
}

/* accesible */
div.accesible{
    margin: 17px 0 16px 29px;
    height: 34px;
    float:left;
    position:relative;
    z-index:2;
}
div.accesible div{
    float: left;
    font-size: 0px;
    cursor: pointer;
    color: #fff;
    width: 34px;
    height: 34px;
    display: block;
    margin-right:1px;
    background-color: #000000;
    background-image:url('/images/common/bariera.png');
    background-repeat: no-repeat;
}
.stop-anim {background-position: 12px 11px;}
.stop-anim.play {background-position: 11px -185px;}
.wheelchair {background-position: 6px -34px;}
.deaf {background-position: 4px -86px;}
.contrast {background-position: 3px -136px;}

.stop-anim.play:hover,.stop-anim.play:focus,
.deaf:hover,.deaf:focus,
.contrast:hover,.contrast:focus,
.wheelchair:hover,.wheelchair:focus,
.stop-anim:hover,.stop-anim:focus{background-color: #0079be;}

/* MIKROBLOG ******************************************************************/
.microblog
{
    width: auto;
    height: auto;
    padding: 0px 0px 0px 0px;
    margin: 15px 0px 15px 0px;
    text-align: right;
    clear:both;
    display:inline-block;
    position:relative;
}
.microblog_icons
{    width: auto;
     margin: auto;
     white-space: nowrap;
     overflow: hidden;
     display: block;
     height: 32px;
     padding: 4px 4px 4px 0px;
}
.microblog_icons > div,
.microblog_icons > a{
    width: 32px;
    height: 32px;
    float: left;
    cursor: pointer;
    display: block;
    font-size: 0;
    position:relative;
    top: 16px;
    margin: 0px 0px 0px 10px;
    transition: top 0.1s ease;

}

.fb-share{background: url("/images/microblog/facebook.png") no-repeat scroll 0px 0px transparent;}
.tweeter-share{background: url("/images/microblog/twitter.png") no-repeat scroll 0px 0px transparent;}
.nk-share{background: url("/images/microblog/nk.png") no-repeat scroll 0 0px transparent;}
.wykop-share{background:url("/images/microblog/wykop.png") no-repeat scroll 0px 0px transparent;}
.gg-share{background:url("/images/microblog/gg.png") no-repeat scroll 0px 0px transparent;}
.google_plus{background:url("/images/microblog/googleplus.png") no-repeat scroll 0px 0px transparent;}
.mailto {background:url("/images/microblog/emailButton.png") no-repeat scroll 0px 0px transparent;}
.qrcode {background:url("/images/microblog/QR-code.png") no-repeat scroll 0px 0px transparent;}

.microblog_icons > .fb-share:hover,
.microblog_icons > .fb-share:focus,
.microblog_icons > .tweeter-share:hover,
.microblog_icons > .tweeter-share:focus,
.microblog_icons > .nk-share:hover,
.microblog_icons > .nk-share:focus,
.microblog_icons > .wykop-share:hover,
.microblog_icons > .wykop-share:focus,
.microblog_icons > .gg-share:hover,
.microblog_icons > .gg-share:focus,
.microblog_icons > .mailto:hover,
.microblog_icons > .mailto:focus,
.microblog_icons > .google_plus:hover,
.microblog_icons > .google_plus:focus,
.microblog_icons > .qrcode:hover,
.microblog_icons > .qrcode:focus
{
    top: 0 !important;
    transition: top 0.25s ease;
}
/** newsbox **/
.newsbox-container 
{
    position:relative;
    background-color:#fff;
    margin: 0 0 41px 0;
}

.newsbox-container .slide-shaper 
{ display: block; } 

.newsbox-container .zaj-wrapper 
{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    margin: 0px !important;
}

.newsbox-container .zaj-wrapper.active 
{
    z-index:10;
    animation: 0.35s fadeIn 1 forwards;
    -webkit-animation: 0.35s fadeIn 1 forwards;
}
@keyframes fadeIn 
{
    100% {opacity:1}
}

.newsbox-container .zaj-wrapper:not(.active) 
{
    animation: 0.35s fadeOut 1 forwards;
    -webkit-animation: 0.35s fadeOut 1 forwards;
}
@keyframes fadeOut {
    0%{opacity:1}
    100% {opacity:0}
}

.newsbox-container .nb-shaper-image 
{
    width:100%;
    padding-bottom:43.5%; /* definiuje aspect ratio - dla szeroko�ci 100 px wysoko�� to warto�� padding-bottom - przeliczy� dla ka�dego newsboxa */
    display:block;
}

.newsbox-container .nb-shaper-text 
{
    width:100%;
    padding-bottom:20%;
    display:block;
}

.newsbox-container .timer 
{
    display:block;
    width:100%;
    height:5px;
    background:#ccc;
    position:relative;
    float:left;

    margin-bottom:10px;
    margin-top:5px;
}

.newsbox-container .pager 
{
    width: 283px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
    overflow: hidden;
    display: flex;
    flex-flow: column nowrap;
    /*background: #fff;*/
}
.newsbox-container .pager-button 
{
    width: 100%;
    height: auto;
    padding: 0 0px 0 12px;
    margin: 0;
    display: block;
    color: #000;
    background: #fff;
    cursor: pointer;
	position: absolute;   
}


.newsbox-container .pager-button.animated {
    transition: transform .3s;
}

.newsbox-container .pager-con .but1 {
    z-index: 5;
}

.newsbox-container .pager-button.active 
{
/*    background: rgba(152, 42, 65, 0.9) !important;
    color: #fff !important;*/
}

.newsbox-container .pager-button .box-left
{ display: none; }

.newsbox-container .pager-button .box-right
{ 
    display: block; 
    position: static;
    padding-bottom: 0px !important;
    margin-top: 0 !important;
}

.newsbox-container .pager-button .box-right .title
{ 
    display: block; 
    position: relative;
    border-top: 1px solid #dddddd; 
    padding: 12px 0 12px 0px !important;
    font-size: 115%;
    text-shadow: 0 0;
    margin: 0 0 1px 13px !important;
}

.newsbox-container .pager-button:not(.active) .box-right .title:before
{
    content: '';
    display: block;
    position: absolute;
    top: -1px;
    left: -19px;
    bottom: 0;
    background: #fff;
    width: 4px;
}

.newsbox-container .pager-button .box-right
{
    border-left-style: solid;
    border-left-width: 6px;
}

.newsbox-container .pager-button .box-right .tresc,
.newsbox-container .pager-button .box-right .link,
.newsbox-container .pager-button .box-right .info,
.newsbox-container .pager-button .box-right .box-iobiekt
{ display: none; }

.newsbox-container .pager-button .box-right .title .label
{
    position: absolute;
    left: -19px;
    top: -1px;
    bottom: 0;
}

.newsbox-container .pager-button:hover,
.newsbox-container .pager-button:focus
{
/*    background: rgba(152, 42, 65, 0.35);
    color: #fff;
    transition: all 0.35s ease;*/
}

.newsbox-container .nav-arrow 
{
    display: block;
    position: absolute;
    bottom: 50%;
    z-index: 10;
    height: 45px;
    width: 0px;
    
    cursor: pointer;    
    transform: translateY(50%);
    font-size: 0;    
}

.newsbox-container .nav-arrow.prev:before,
.newsbox-container .nav-arrow.next:before
{
    display: block;
    content: '';
    width: 35px;
    height: 45px;
    padding: 5px 0;
    background: url('../../images/common/sprites-custom.png') no-repeat 10px -275px;
    background-color: rgba(255, 255, 255, 0.5);
}

.newsbox-container .nav-arrow.prev
{
    left: 5px;    
}

.newsbox-container .nav-arrow.next
{
    right: 323px;    
}

.newsbox-container .nav-arrow.next:before
{ 
     background-position-y: -345px;
}

.newsbox-container .nav-arrow:hover:before,
.newsbox-container .nav-arrow:hover:before
{
    background-color: rgba(255, 255, 255, 0.85);
    transition: all 0.35s ease;
}

.newsbox-container .nb-title {
    font-weight: bold;
    margin-bottom:1em;
}
.newsbox-container .nb-excerpt {
    margin-bottom:1em;
}

.nb-read-more {}

.newsbox-container .zajawka .box-left
{}

.newsbox-container .zajawka .link,
.newsbox-container .zajawka .info
{ display: none; }

.newsbox-container .zajawka.in-column .box-left img
{
    width: auto; 
}

.newsbox-container .zaj-list
{
    overflow: visible;
}

/* NAWIGATOR ******************************************************************/
.navigator
{
    width: 100%;
    float: none;
    padding: 15px 0px 15px 0px;
    font-size: 100%;
}

.navigator ul
{
    list-style-type: none;
    padding: 0px;
    margin: 0;
    text-align: left;
}

.navigator ul > li
{
    display: inline;
    vertical-align: top;
}

.navigator ul > li > a
{}

.navigator ul > li span 
{
    vertical-align: middle;
    display: inline;
}

.navigator ul > li > a.navigator_home
{
    padding: 0px 0px 0px 0px;
    text-transform: uppercase;
    color: #0079be;
}

.navigator ul > li > a.navigator_home:before
{ 
    font-family: 'Icomoon';
    content: '\26'; 
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}

.navigator ul > li > a.navigator_home:hover
{
    color: #000;
}

.navigator span:after
{
    margin: 0 10px;
    content: '»';
    vertical-align: top;
    font-size: 80%;
}

.navigator a:hover
{ color: #0079be; }

/* WYSZUKIWARKA ***************************************************************/
.wyszukiwarka-wrapper
{
    padding: 17px 0 16px 0;
    margin: 0 0 0 38px;
    height: 34px;
    width: 270px;
}

.comn-wyszukiwarka
{ position: relative; }

*[id^="search_box"] 
{ }

*[id^="adv_form"] .closer
{
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
    font-size: 20px;
    color: #0079be;
    position: absolute;
    top: 10px;
    right: 0px;
    border-radius: 5px;
}

*[id^="adv_form"] .closer:before
{
    font-family: 'Icomoon', 'FontAwesome';
    content: '\e268';
    vertical-align: baseline;
}

*[id^="adv_form"] .closer:hover
{ 
    color: #000;
}

.rollas
{
    padding: 0;
    width: 15px;
    height: 35px;
    position: absolute;
    top: 1px;
    left: 9px;
    z-index: 13;
    cursor: pointer;
    background: url(../../images/common/sprites-custom.png) no-repeat 0px -35px;
}

.rollas.roll_sel
{ 
    background: url(../../images/common/sprites-custom.png) no-repeat 0px -70px;
}

*[id^="adv_form"] #search_data_od, *[id^="adv_form"] #search_data_do,
*[id^="adv_form"] #search_data_rozpoczecia, *[id^="adv_form"] #search_data_zakonczenia,
*[id^="adv_form"] #search_od, *[id^="adv_form"] #search_do,
*[id^="adv_form"] input[type="text"]#search_www,
*[id^="adv_form"] #search_miasto,
*[id^="adv_form"] #search_ulica,
*[id^="adv_form"] #search_telefon,
*[id^="adv_form"] #search_powierzchnia_od,
*[id^="adv_form"] #search_powierzchnia_do,
*[id^="adv_form"] #search_cena_od,
*[id^="adv_form"] #search_cena_do,
*[id^="adv_form"] #search_typ
{
    border: 1px solid silver;
    float: left;
    height:22px;
}

*[id^="adv_form"] #search_wiek,
*[id^="adv_form"] #search_stopien,
*[id^="adv_form"] #search_przyczyna,
*[id^="adv_form"] #search_kategoria, *[id^="adv_form"] #search_przeznaczenie
{
    border: 1px solid silver;
    width: 100%;
    max-width: 196px;
    margin: 0px 0px 10px 0px;
}

*[id^="adv_form"]
{
    float: right;
    width: 100%;
    padding-bottom: 10px;
    position: absolute;
	z-index:21;
    background: #ebebeb;
}
*[id^="adv_form"] .search-menu-wrapper
{
    padding: 30px 15px 15px 15px;
    margin: 10px -15px -15px -15px;
}

section.wyszukiwarka-wrapper[style*="position"] *[id^="adv_form"]
{ box-sizing: border-box; }

*[id^="adv_form"] .info
{
    text-align: center;
    font-size: 12px;
    margin: 5px 0px 15px 0px;
}

*[id^="adv_form"] .center
{ padding-bottom: 6px }

*[id^="adv_form"] .left
{
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
    border-top: 1px solid #0079be;
    width: 100%;    
    display: flex;
    flex-flow: column wrap;
    justify-content: space-between;
    align-items: center;
}

section.wyszukiwarka-wrapper[style*="position"] *[id^="adv_form"] .left
{ flex-flow: row wrap; }

*[id^="adv_form"] table {
    flex: 1 0 30%;
    width: 30%;
    min-width: 220px;
}

*[id^="adv_form"] label
{
    cursor:pointer;
    float:left;
    padding:6px 5px 6px 0;
    max-width: 88%;
}

*[id^="adv_form"] select
{
    margin-top: 5px;
    width: 100%;
    padding: 1px 0;
}

*[id^="adv_form"] td input[type="checkbox"]
{
    float: left;
    margin: 9px 5px 0px 0px;
}

*[id^="adv_form"] input[type="text"] {clear:left;float:left;width:100%; border: 1px solid silver;}
*[id^="adv_form"] input[type="text"].hasDatepicker,input[type="text"].hasDatepicker {height:22px;clear:left;float:left;width:80%; border: 1px solid silver;}

.search_menu
{
    text-align: center;
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 0px 0px;
    clear: both;
    color: #898989;
    list-style-type: none;
}

.search_menu li.item,
.search_menu li.item_sel 
{
    color: #898989;
    cursor: pointer;
    display: inline-block;    
    padding: 2px 0;
    margin: 0;
}

.search_menu li + li:before
{ 
    width: 10px;
    content: " | ";
    color: #c7d2db;
    display: inline-block;
}

.search_menu li.item_sel 
{
    font-weight: bold;
    color: #0079be;
}

.search_menu li.item:hover, 
.search_menu li.item_sel:hover 
{
    color: #0079be;
}

.srch_inp 
{
    display: flex;
}

.srch_inp input[type="submit"]
{
    flex: 0 1 98px;
    box-sizing: border-box;
    padding: 0 2px 0 9px;
    letter-spacing: -1px;
}

*[id^="search_box"] label[for$="search_query"]
{
    font-size: 0;
    display: none;
}

span#dokuSearch.button,span#zampSearch.button {display:block;float:right;}

.wyszukiwarka-wrapper[style*="position: fixed"]
{ 
    margin: 0 -500px 0 0 !important;

    background: rgba(255, 255, 255, 0.4) !important;
    box-sizing: border-box;
    overflow: visible !important;
}

#search_query, 
*[id$="search_query"], 
#sz_query
{
    flex: 1 0 182px;
    width: 182px;
    height: 34px;
    border: none;
    box-sizing: border-box;
    text-indent: 63px;
    font-size: 100%;
    background: #ebebeb url('../../images/common/sprites-custom.png') no-repeat 30px 0px;
}

.searchall
{
    color: #333333;
    font-weight: bold;
    padding: 0px 1px 5px 1px;
    width: 100%;
}

.searchall a
{
    cursor: pointer;
    color: #333333;
    font-weight: bold;
    padding: 0px 1px 10px 1px;
    float: left;
    width: 100%;
}

.searchall a:hover
{ color: #cd0216 }

.searchall p
{
    color: #333333;
    font-weight: normal;
    padding: 0px 1px 10px 1px;
    clear: left;
}

.searchall_short, .searchall_short a
{
    clear: left;
    font-weight: normal;
    color: #333;
}

/** infobar Przewijana treść **************************************************/
#infobar_div {
    position:relative;
    width: calc(100% - 35px);
    float:left;
    z-index: 11;
    overflow:hidden;
    margin-left: 0px;
}

.infobar-container {
    height: 32px;
    position:relative;
    width: 100%;
    margin-left: 4px;
}

.infobar-title {
    padding: 0 0 0 28px;
    padding:0;
    margin: 3px 40px 0 0;
    margin:0;
    float:left;
    white-space:nowrap;  
}

.infobar-news {
    float:left;
}

.infobar-title{
    float:left;
    padding-left:28px;
    padding-top:2px;
    height:20px;
    font-family: inherit;
    font-size: 107%;
}

.infobar-clip {
    position: absolute;
    padding: 5px 0;
}

.infobar-clip > .infobar-news {
    margin-right:30px;
}


#infobar_static{
    width: 100%;
    height: 32px !important;
    margin: 0px auto 0px auto !important;
    padding: 5px 0px 5px 0px;
}

.infobar_close{
    background: url('../../images/common/sprites-custom.png') no-repeat 0px -420px;
    display: block;
    float: right;
    height: 25px;
    width: 31px;
    position: absolute;
    right: 0;
    top: 9px;  
    cursor: pointer;
}

.infobar_close:hover
{
    background: url('../../images/common/sprites-custom.png') no-repeat 0px -455px;
}

.infobar_float {
    width: 100%;
    max-width: 100%;
    padding: 9px 0px 9px 0px;
    z-index: 11;
    position: fixed !important;
    bottom: 0px;
    left: 0;
}

#infobar_floating {
    height: 30px;
    margin: auto;
    position: relative;
    text-align: center;
}

#infobar_floating .infobar {
    float: left;
    height: 30px;
    margin: 0px auto;
}

#infobar_floating .infobar_closer {
    cursor: pointer;
    float: right;
    height: 30px;
    margin: 0 0 0;
    width: 30px;
}

/** info w zajawkach i artykulach **/

.info
{
    margin: 5px 0px 10px 0px;
    text-align: left;
    color: #666f76;
    cursor: default;
}

.info > b,
.info > strong,
.info .subtree strong,
.info .subtree b
{
    margin: 0 0 5px 0;
    font-weight: normal;
    /*color: #0079be;*/
    text-transform: none;
    display: inline-block;
}

.info .data
{
    margin: 0px 0px 0px 0px;
    text-align: left;
    color: #0079be;
    clear: right;
}

.info .date:before
{
    margin: 0 5px 0 0;
    font-family: "FontAwesome";
    content: '\f073';
    vertical-align: top;
}

.info .author:before
{
    margin: 0 5px 0 0;
    font-family: "Icomoon";
    content: '\e07f';
    vertical-align: top;
}

.info .photos:before
{
    margin: 0 5px 0 0;
    font-family: "FontAwesome";
    content: '\f1c5';
    vertical-align: top;
}

.info .views:before
{
    margin: 0 5px 0 0;
    font-family: "FontAwesome", "Icomoon";
    content: '\e238';
    vertical-align: top;
}

.info .currency:before
{
    margin: 0 5px 0 0;
    font-family: "Icomoon";
    content: '\e478';
    vertical-align: top;
}

.info .data span,
.info span
{
    margin: 0px 3px 0px 3px;
    color: #898989;
}

.info .data span:first-child,
.info span:first-child
{ margin: 0px 0px 0px 0px; }

.info span.promowana
{ margin-right: 5px; }

.info div.subdesc a {
    padding: 0px 0px 0px 0px;
    float:left;
    color: #0079be;
    font-weight: bold;
}

.info div.subdesc a:hover {
    color: #126A92;
}

/** NEWSLETTER **/
ul.checkbox_list
{
    list-style-type:none;
    margin:0;
    padding:0;
}

ul.checkbox_list li
{
    min-height:18px;
    clear:both;
}

ul.checkbox_list li label
{
    display: inline-block;
    max-width: calc(100% - 30px);
}

/** Plan podrozy **/
.plan_hover {
    background-color: #0079be;
    height:20px;
    font-size:20px;
    display:block;
}
.del a{
    background: transparent url("/images/portal/recycle.png") no-repeat scroll 0 0;
    padding: 4px 0px 0px 30px;
    float: left;
    font-size: 12pt;
    height: 24pt;
    display:block;
    color: #0079be;
    font-weight: bold;
}

.del a:hover {
    color: #015F8A;
}

/** ulubione linki **/
#favourite-link{
    position:relative;	
    width: 309px;
    height: 280px;
    padding: 10px 10px 10px 35px;
    margin-top: -150px;
    background: #ddd;
    position: fixed;
    top: 55%;
    right: -320px;
    border: 1px solid silver;
    border-right: none;
    z-index: 10;
}

.favourite-link-wrapper {
    position: relative;
    top: 0px;
    left: 0px;
}

#favourite-link.focused{
    right: 0px !important;	
}

.favourite-link-list {
    margin: 0px 0 5px 0px;
    padding: 0px;
    overflow: hidden;
    position: relative;
    max-height: 90%;
    overflow-y: auto;
}

.belka.title_ulubione {
    transform: rotate(-90deg);
    position: absolute;
    left: -160px;
    top: 128px;
    padding: 0px;
    margin: 0px;
    background: transparent;
    width: 100%;
    text-align: center;
}

.favourite-link-closer{
    width: 10%;
    padding: 2px;
    margin: 0 0px;
    display: block;
    cursor: pointer;
    float: right;
    text-align: center;
    background: red;
}

a.favourite-link{
    width: 81%;
    display: block;
    float: left;
    overflow: hidden;
    padding: 2px 10px;
    margin-right: 5px;
    background: #0079be;
    word-wrap: break-word;
}

.ulubione-linki-pozycja {
    color: white;
    margin-bottom: 2px;
    padding: 3px 3px 3px 10px;
    display:flex;
}

/** Ankiety **/
div.ankieta_box
{
    width: auto !important;
    height: auto !important;
    border: none !important;
    background: none !important;
    margin-top: 10px;
    margin-bottom: 10px;
}

iframe.ankieta_box
{ display: block !important }

.ankieta_next
{
    height:15px;
    width:17px;
    background: transparent url('/images/portal/calendar.png') no-repeat scroll 5px -25px;
    cursor: pointer;
}
.ankieta_next:hover
{
    height:15px;
    width:17px;
    background: transparent url('/images/portal/calendar.png') no-repeat scroll 5px -40px;
}

.ankieta_prev
{
    height:15px;
    width:17px;
    background: transparent url('/images/portal/calendar.png') no-repeat scroll 5px 5px;
    cursor: pointer;
}

.ankieta_prev:hover
{
    height:15px;
    width:17px;
    background: transparent url('/images/portal/calendar.png') no-repeat scroll 5px -10px;
}

.ankieta_prev a, .ankieta_next a
{
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    font-size: 0px;
}

.odpowiedz input[type="text"], input[type="text"]#newsletter_users_email {
    width: 198px
}

#ankietaPodgladFrame .component {margin:0; padding: 10px; background-color: #fff;}

/** OKNO POPUP **/

#popup-bg
{
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    float: left;
    background: #000;
    opacity: 0.8;
    z-index: 18;
}

.popup_closer {
    position: absolute;
    top: 0px;
    right: 0px;
}

.popup {
    margin: 0px !important;
    transform: translateX(-50%);
    top: 18% !important;
}

/**	Flipbook **/
html.flipbook-opened, 
body.flipbook-opened {overflow:hidden!important;}
/** wysuwany baner **/
.wysuwany_baner_prawo {
    right: -246px;
    top: 17%;
    width: 279px;
    position: fixed;
    z-index: 10;
}

.wysuwany_baner_lewo {
    left: -246px;
    top: 17%;
    width: 279px;
    position: fixed;
    z-index: 10;
}

.wysuwany_baner_lewo > div,
.wysuwany_baner_prawo > div {
    width: 279px;
    height: 36px;
    margin-bottom: 1px;
    cursor: pointer;
    transition: all .3s;
}


.wysuwany_baner_prawo .pole-banerowe.focused,
.wysuwany_baner_prawo > div:hover {
    margin-left: -245px;
}

.wysuwany_baner_lewo .pole-banerowe.focused,
.wysuwany_baner_lewo > div:hover {
    margin-left: 245px;
}

.wysuwany_baner_lewo a,
.wysuwany_baner_prawo a{
    line-height: 100%;
    font-size: 0px;
}

.wysuwany_baner_prawo .pole-banerowe img,
.wysuwany_baner_lewo .pole-banerowe img {
    max-width: none;
}

/* MIKROBLOG ******************************************************************/
.microblog
{
    width: auto;
    height: auto;
    padding: 0px 0px 0px 0px;
    margin: 15px 0px 15px 0px;
    text-align: right;
    clear:both;
    display:inline-block;
    float:right;
    position:relative;
}
.microblog_icons
{    width: auto;
     margin: auto;
     white-space: nowrap;
     overflow: hidden;
     display: block;
     height: 32px;
     padding: 4px 4px 4px 0px;
}
.microblog_icons > div,
.microblog_icons > a{
    width: 32px;
    height: 32px;
    float: left;
    cursor: pointer;
    display: block;
    font-size: 0;
    position:relative;
    top: 0px;
    margin: 0px 0px 0px 10px;
    transition: top 0.1s ease;

}

.fb-share{background: url("/images/microblog/facebook.png") no-repeat scroll 0px 0px transparent;}
.tweeter-share{background: url("/images/microblog/twitter.png") no-repeat scroll 0px 0px transparent;}
.nk-share{background: url("/images/microblog/nk.png") no-repeat scroll 0 0px transparent;}
.wykop-share{background:url("/images/microblog/wykop.png") no-repeat scroll 0px 0px transparent;}
.gg-share{background:url("/images/microblog/gg.png") no-repeat scroll 0px 0px transparent;}
.google_plus{background:url("/images/microblog/googleplus.png") no-repeat scroll 0px 0px transparent;}
.mailto {background:url("/images/microblog/emailButton.png") no-repeat scroll 0px 0px transparent;}
.qrcode {background:url("/images/microblog/QR-code.png") no-repeat scroll 0px 0px transparent;}

.microblog_icons > .fb-share:hover,
.microblog_icons > .fb-share:focus,
.microblog_icons > .tweeter-share:hover,
.microblog_icons > .tweeter-share:focus,
.microblog_icons > .nk-share:hover,
.microblog_icons > .nk-share:focus,
.microblog_icons > .wykop-share:hover,
.microblog_icons > .wykop-share:focus,
.microblog_icons > .gg-share:hover,
.microblog_icons > .gg-share:focus,
.microblog_icons > .mailto:hover,
.microblog_icons > .mailto:focus,
.microblog_icons > .google_plus:hover,
.microblog_icons > .google_plus:focus,
.microblog_icons > .qrcode:hover,
.microblog_icons > .qrcode:focus
{
    top: 0 !important;
    transition: top 0.25s ease;
}

/* </editor-fold> */

/* <editor-fold defaultstate="collapsed" desc="LISTA ZAJAWEK"> */
/******************************************************************************/
/* LISTA ZAJAWEK  *************************************************************/
/******************************************************************************/
.zaj-list
{ 
    width: 100%;
    display: flex; 
    flex-flow: row wrap; 
    justify-content: space-between; 
    align-content: flex-start;
    padding: 0px; 
    list-style-type: none; 
    margin: 0px; 
}

.zaj-list > .zaj-wrapper
{ margin-bottom: 11px; }

.box-kalendarza .zaj-list > .zaj-wrapper
{ margin-bottom: 0px; }

.zaj-list.columns-5 > .zaj-wrapper
{ width: 17%; }

.zaj-list.columns-4 > .zaj-wrapper
{ width: 24.3%; }

.zaj-list.columns-3 > .zaj-wrapper
{ width: 32.6%; }

.zaj-list.columns-2 > .zaj-wrapper
{ width: 47%; }

.zaj-list.columns-1 > .zaj-wrapper
{ width: 100%; }

.tiled-list
{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    list-style-type: none;
    padding: 0;
    margin: 0 0 15px 0;
    position: relative;
}

.tiled-list > *
{
    flex: 0 1 32%;
    width: 32%;
    max-width: 32%;
    padding: 0;
    margin: 0 0 10px 0;
    box-sizing: border-box;
}

.tiled-list > * > a
{ 
    padding: 10px;
    display: flex;
    height: 100%;
    box-sizing: border-box;
    align-items: center;
}

.tiled-list > * > a:not(:hover)
{
    background: #e3e3e3 !important;
    color: #000 !important;
}
/* </editor-fold> */

/* <editor-fold defaultstate="collapsed" desc="ZAJAWKI"> */
/******************************************************************************/
/* ZAJAWKI ********************************************************************/
/******************************************************************************/

/* ================================ */
/* domyslne wyswietlanie            */
/* ================================ */
.zajawka
{ 
    visibility: hidden; /* to jest po to, zeby nie skakalo */ 
    vertical-align: top;
    margin: 0 0 20px 0;
} 

.zajawka:after
{ content: " "; }

.zajawka:hover
{ 
    transition: box-shadow 0.35s ease;
    transition-delay: 0.15s;
}

.zajawka + .zajawka:before,
.zajawka + .filler:before
{ content: " "; }

.zajawka > a
{ 
    display: block; 
}

.lista-zajawek .zajawka > a:after
{
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: -18px;
    background: silver;
}

.zajawka .box-left,
.zajawka .box-right
{ 
    display: block;
    float: left;
    clear: none;
    vertical-align: top;
}

.zajawka .box-left
{ 
    text-align: center; 
    max-width: 100%;
}

.zajawka .box-left img
{ 
    max-width: 100%;     
    display: block;
}

.zajawka .box-left + .box-right
{ padding-left: 15px; }

.zajawka .title
{
    font-weight: bold;
    display: inline-block;
    text-align: initial;
    font-size: 132%;
    line-height: 135%;
    color: #0079be;
}

.zajawka .tresc
{ 
    padding: 10px 0px 0px 0px;
    text-align: initial;
    font-size: 102.5%;
    line-height: 155%;
}

.zajawka .tresc p
{ 
    margin: 0px 0px 0px 0px;
}

.zajawka .termin
{
    text-align: left;
    color: #000;
    font-weight: bold;
    display: block;
    font-size: 112%;
    line-height: 135%;
    margin: 5px 0 0 0;
}

.zajawka .miejsce
{
    text-align: left;
    color: #000;
    display: block;
    font-size: 115%;
    line-height: 135%;
}

.zajawka .status
{ 
    font-weight: bold;
    display: inline-block;
    padding: 10px 0px 0px 0px;
    text-align: initial;
    font-size: 110%;  
}

/* ================================ */
/*  in-row                          */
/* ================================ */

.zajawka.in-row
{ visibility: visible; }

.zajawka.in-row > a
{ 
    display: table;
    width: 100%;    
}

.zajawka.in-row .box-left,
.zajawka.in-row .box-right
{ 
    display: table-cell;
    float: none;
    clear: none;
    vertical-align: top;
}

.zajawka.in-row .box-left
{line-height:0;}

.zajawka.in-row .box-right
{
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.zajawka.in-row .box-left + .box-right
{ 
    padding-left: 15px; 
    vertical-align: top;
}

.zajawka.in-row .title
{
    display: block;
    border-left-style: solid;
    border-left-width: 5px;
    padding: 0 0 0 12px;
}

.mainMenu .zajawka.in-row .title
{
    border-left: none;
    position: relative;
    padding-left: 0;
    padding-top: 10px;
}

.mainMenu .zajawka.in-row .title:before
{
    position: absolute;
    top: 0;
    left: 0;
    width: 270px;
    height: 0;
    max-width: 100%;
    border-bottom: 2px solid transparent;
    border-color: inherit;
    content: '';
    display: block;
}

/* ================================ */
/*  in-flow                         */
/* ================================ */
.zajawka.in-flow
{ visibility: visible; }

.zajawka.in-flow > a
{ 
    display: block;
    width: 100%;
}

.zajawka.in-flow .box-left
{ 
    display: block;
    float: left;
    clear: left;
    margin-right: 15px;
    margin-bottom: 10px;
}

.zajawka.in-flow .box-left + .box-right
{ 
    padding-left: 0;
    display: inline;
    float: none;
}

.zajawka.in-flow .box-left + .box-right .title
{ display: inline; }

/* ================================ */
/*  in-column                       */
/* ================================ */
.zajawka.in-column 
{ 
    visibility: visible; 
    display: block; 
}

.zajawka.in-column > a
{ display: block; }

.zajawka.in-column > a > .box-left,
.zajawka.in-column > .box-left,
.zajawka.in-column > a > .box-right,
.zajawka.in-column > .box-right
{
    /*width: 100% !important;*/
    padding: 0;
    border-width: 0;
    margin: 0;
    float: none;
    clear: both;
    display: block;
}

.zajawka.in-column > a > .box-right,
.zajawka.in-column > .box-right
{
    width: 100% !important;
}

.zajawka.in-column > a > .box-left, 
.zajawka.in-column > .box-left 
{ 
    margin-bottom: 15px; 
    margin-left: auto;
    margin-right: auto;
}

.zajawka.in-column > a > .box-left + .box-right,
.zajawka.in-column > .box-left + .box-right
{ padding-left: 0; }

.zajawka.in-column .box-left img
{
    width: 100%;
}

/* ================================ */
/*  view_normal - kafelki           */
/* ================================ */
.view_normal .zajawka.in-column.shrank,
.newsbox-container .view_normal .zajawka.in-column
{
    position: relative;
}
    
.view_normal .zajawka.in-column.shrank .box-left,
.newsbox-container .view_normal .zajawka.in-column .box-left
{
    margin-bottom: 0;
    line-height: 0;
}

.view_normal .zajawka.in-column.shrank .box-left + .box-right,
.newsbox-container .view_normal .zajawka.in-column .box-left + .box-right,
.newsbox-container .view_normal .zajawka.in-column:not(.shrank):not(:hover) .box-left + .box-right
{
    background: transparent !important;
    padding: 0px 40px 0 15px !important;
    box-sizing: border-box;
    position: absolute;
    bottom: 20px;
    margin-top: 0 !important;
    padding-bottom: 0 !important;
    position: absolute !important;
    background: transparent !important;
}

.newsbox-container .view_normal .zajawka.in-column .box-left + .box-right .title
{
    margin: 0 -15px;
    padding: 12px 34px 6px 20px ;
    background: #fff;
}

.newsbox-container .view_normal .zajawka.in-column .box-left + .box-right .tresc
{
    max-height: 999px !important;
    background: #fff;
    margin: -16px 0 0 -15px !important;
    padding: 16px 10px 12px 20px !important;
    position: static !important;
}

.newsbox-container .view_normal .zajawka.in-column .box-left + .box-right .box-iobiekt
{ display: none; }

.view_normal .zajawka.in-column.shrank .box-left + .box-right .napis_pogrubiony,
.newsbox-container .view_normal .zajawka.in-column .box-left + .box-right .napis_pogrubiony
{
    position: absolute;
    bottom: 100%;
    left: 0;
    margin: 0;
    background: rgba(255, 255, 255, 0.65);
    border-radius: 0 3px 0 0;
}

.view_normal .zajawka.in-column:not(.shrank)
{
    position: relative;
}

.view_normal .zajawka.in-column:not(.shrank) .box-left
{
    margin-bottom: 0;
}

.view_normal .zajawka.in-column:not(.shrank) .bottom
{
    display: none;
}

.view_normal .zajawka.in-column:not(.shrank) .box-left + .box-right
{    
    padding: 2px 20px 0 15px;
    box-sizing: border-box;
    border-left-width: 6px;
    border-left-style: solid;
    background-color: #fff;
    transition: 0.1s all ease; 
    position: relative;
    /*position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: auto;*/
}

.view_normal .zajawka.in-column:not(.shrank) .box-left + .box-right .tresc,
.view_normal .zajawka.in-column:not(.shrank) .box-left + .box-right .info,
.view_normal .zajawka.in-column:not(.shrank) .box-left + .box-right .box-iobiekt,
.view_normal .zajawka.in-column:not(.shrank) .box-left + .box-right .link
{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    max-height: 0;
    overflow: hidden;
}

.view_normal .zajawka.in-column:not(.shrank):not(:hover) .box-left + .box-right,
.view_normal .zajawka.in-column.empty:not(.shrank) .box-left + .box-right
{
    margin-top: 13px !important;
    padding-bottom: 0 !important;
}

/* * * HOVER CONTROL * * */
.view_normal .zajawka.in-column:not(.shrank) a:hover
{
    overflow-y: hidden !important;
    position: relative;
}

.view_normal .zajawka.in-column:not(.shrank) a:hover .box-left + .box-right
{
    transition: 0.25s all ease;
    transition-delay: 0.1s;   
    /*transform: translateY(-13px);*/
}

.view_normal .zajawka.in-column:not(.shrank) a:hover .box-left + .box-right .title,
.view_normal .zajawka.in-column:not(.shrank) a:hover .box-left + .box-right .tresc,
.view_normal .zajawka.in-column:not(.shrank) a:hover .box-left + .box-right .box-iobiekt,
.view_normal .zajawka.in-column:not(.shrank) a:hover .box-left + .box-right .link
{
    max-height: 999px;   
}

.view_normal .zajawka.in-column:not(.shrank) a:hover .box-left + .box-right .tresc
{
    position: absolute;
    /*bottom: 0;*/
    padding: 12px 0px 0 0;
}

/*.view_normal .zajawka.in-column:not(.shrank) a:hover .box-left:after
{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: #47464C; 
    color: #fff;
    transition: 0.35s all ease;
   
}*/

/* ================================ */
/*  modyfikacje                     */
/* ================================ */

.filler
{
    /*background: url('/images/common/filler.png') no-repeat center center;*/
    background: #fff;
}

.zajawka .info,
article .info
{
    color: #666f76;
    padding: 0px 0 20px 0;
    margin: 0;
    font-size: 90%;
    display: block;
}

.zajawka .info > strong
{
    color: #424242;
}

.zajawka a .title:hover,
.zajawka a .tresc:hover,
.zajawka a .link:hover
{ color: #000; }

.zajawka .link
{ 
    margin: 10px 0 0 0;
    padding: 0px 15px 0 0;
    display: block;
    font-weight: bold;
    color: #0079be;
}

.zajawka span.label,
.zajawka div.label,
*[class^="level-"] span.label,
*[class^="level-"] div.label
{
    background-image: none !important;
}

.zajawki .tresc, 
.zajawki .tresc a,
.tresc, 
.tresc_box .tresc a,
.news_footer_menu
{
    padding: 0px 0px 0px 0px;
    display: block;
    font-size: 110%;
}

/* </editor-fold> */

/* <editor-fold defaultstate="collapsed" desc="TRESCI"> */
/******************************************************************************/
/*  TRESCI  *******************************************************************/
/******************************************************************************/

article
{
    background: #fff;
    padding: 0;
    margin: 0px 0px 20px 0px;
}

article > header
{ padding: 10px 0; }

article .info
{ font-size: 90%; }

article .title
{ color: #0079be; }

article .sub-title
{ color: #898989; font-size: 115%; text-shadow: 0 0; }

article .sub-description
{ color: #898989; }

article .left
{}

article .left a
{ display: block; }

article .left .coordinates
{ text-align: center; }

article .left .coordinates a
{ display: inline-block; }

article .right
{ float:left; }

article .tresc 
{
    font-size: 110%;
}

article .tresc p:first-child{
    padding-top: 0px;
    margin-top: 0px;
}

article a.zip_link {
    display: inline-block;
}

/* ikonka przy tytule obiektu */
span.info_label {display: inline-block;width: 20px;height: 20px;margin: 0px 10px 0px 0px;}

.zalacznik_info {
    background: #e7e7e7;
    padding: 15px;
    font-size: 100%;
	margin: 15px 0px;
    font-weight: lighter;
}

article .powiazane .left .zalacznik_info a,
article .powiazane .zalacznik_info a{
	display:inline-block;
	color:#2c5782;
}

article .powiazane .left .zalacznik_info a:hover,
article .powiazane .zalacznik_info a:hover{
	display:inline-block;
	color:#d9271d;
}


a.zip_link {
    text-align: left !important;
}

article .grafika_tresc{
    padding: 0px 0px 20px 0px;
    float: left;
}

article .grafika_tresc a{
    line-height:0px;
    display:block;
}

article .grafika_tresc a img
{ max-width: 100% !important; }

article .tresc a
{ 
    display: inline; 
    color: red;
}

article .tresc img
{ max-width: 100%; height: auto; }

article > .tresc ul, 
.article > .tresc ul, 
article > .tresc ol, 
.article > .tresc ol 
{ list-style-position: inside; }
/* </editor-fold> */

/* <editor-fold defaultstate="collapsed" desc="FORMULARZE"> */
/* formularz dodawania obiektow ***********************************************/
table.table_data.dodawanie_obiektow th{background: #f6f6f6;vertical-align: top;text-align: left;width: 32%;}
table.table_data.dodawanie_obiektow tr:nth-child(2n){ background-color: #F9F8F8; }
table.table_data.dodawanie_obiektow span.help{clear: both;display: block;padding: 4px 0px;font-size: 11px;color: gray;}
table.table_data.dodawanie_obiektow input[type="text"],table.table_data input[type="password"],table.table_data select{ width: 100%; }
input[type="text"]#ofertyinwestycyjne_terminprzetargu{ width: 90%; }
table.table_data.dodawanie_obiektow textarea{ width: 100%;}
.form_actions {float: right;}
.form_actions input.button + input.button, .form_actions input.button + input.submit {margin-left: 15px;}

/*Klasy div uzywane do zakladek yetii*/
div.zakladki,
div.jezyki,
div.jezyki_1,
div.jezyki_2
{}

/*ustawienia captcha - kontakt - polecaneLinki itd.*/
div.captcha_zglos{width: 100%;}
input.input_captcha{border: 1px solid silver;}
div.kontakt_uwagi{margin-bottom: 15px;margin-top: 15px;}
div.kontakt_details{margin-top: 5px;line-height: 160%;}
img#captcha_img{width:100%;height:auto;}

span.label,
div.label
{
    width: 5px;
    min-height: 20px;
    margin-right: 5px;
    display: block;
    float: left;
    vertical-align: baseline;    
}

span.informator-label
{
    width: 20px; 
    height: 20px; 
    margin-right: 8px; 
    display: inline-block; 
    vertical-align: middle;  
}

/* </editor-fold> */

/* <editor-fold defaultstate="collapsed" desc="KALENDARZYKI"> */

section.kalendarz_box,
section.kalendarz_box .zajawka.in-column > .box-left
{
    overflow: visible;
}

div.calendar_box {
    clear: both;
    padding: 0px 0px 0px 0px;
}
div.header_navigator {
    padding: 0px 0px 0px 0px;
    font-size: 100%;
    display: table;
    text-align: center;
    width: 100%;
}
div[class*="kali_harmonogram"] div.header_navigator 
{
    margin-bottom: 5px;
    margin-top: 0px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}

div[class*="kali_harmonogram"] div.link
{
    margin-bottom:0;
}

div.header_navigator div {display: table-cell;}

div.header_navigator .calendar_header span a{
    cursor: pointer;
    display: block;
    font-weight:bold;
    padding: 9px 0px 0px 0px;
    color: #6A4326;
    font-size: 100%;
    letter-spacing: 0.3px;
}
div.header_navigator .calendar_header span a:hover {
    color: #ED1C24
}

.header_navigator .prev, 
.header_navigator .next 
{
    width: 35px;
    height: 45px;
    cursor: pointer;
    vertical-align: middle;
    flex: 0 0 35px;
    background: url('../../images/common/sprites-custom.png') no-repeat 0px -910px;
}

.header_navigator .next 
{ background-position-y: -945px; }

/* kalendarzyk */
table.icalendar {
    table-layout: fixed;
    clear: both;
    cursor: default;
    font-size: 100%;
    width: 100%;
    border-collapse: collapse;
    empty-cells: hide;
    /*overflow: hidden;*/
    margin-bottom: 15px;
}
th.calendarHeader {
    font-weight: bold;
    width: 100%;
    line-height: 150%;
    font-size: 110%;
}
th.calendarHeader.sobota, 
th.calendarHeader.niedziela, 
tr.week td.weekend a {
    color: #dd1a22;
}

th.calendarHeader .sobota
{
    color: #323cbb;
}

tr.week {
    text-align: center;
}
tr.week > td 
{
    position: relative;
}
tr.week.actual {
    text-align: center;
}

tr.week.actual td {
    /*    background-color: #ececec;    */
}

tr.header_days td, tr.week td {
    text-align: center;
}
tr.week td a {
    padding: 5px;
    display: block;
    border: 1px solid transparent; 
}
tr.week td.today a {
    padding: 5px;
    background-color: #0079be;
    color: #fff;
    display: block;
    /*border: 1px solid #b8b8b8;*/
}

tr.week td a:hover {
    background-color:#898989;
    color: #fff;
}

tr.week td.today a:hover {
    background-color:#f00;
    color: #fff;
}

tr.week span a {
    border: 1px solid #0079be;
    /*font-weight:bold;*/
    display: block;
}
tr.week span a:hover {
    color: #fff;
    background-color: #0079be;
}

table.impreza_form {
    width: 100%;
    text-align: left;
    padding:0px 0px 0px 0px;
}

table.impreza_form td { padding: 6px 6px 6px 6px; }

table.impreza_form th { padding: 0px 0px 0px 0px }

table.impreza_form input[type="text"] { width: 100%; }
table.impreza_form select {
    width: 55px;
    margin: 0px 8px 0px 8px;
}

#mapa_id {float: left;}
div.miejsce-adres{float: right; text-align: left; width: 49%;}

.impreza_lst
{
    margin: 0 0 15px 0;
}

.occurances-wrapper
{
    align-items: center;
    background: #f5f5f5;
    border: 1px solid #dbdfe2;
    display: flex;
    flex-flow: row wrap;
    padding: 10px;    
}

.occurances-wrapper h4
{
    width: 100%;
}

.occurances-wrapper.selected-day
{
    background: #f5f5f5;
    border: 1px solid #dbdfe2;
    margin-bottom: 15px;
}

.occurances-wrapper .occurances-day-header
{
    max-width: 40%;
    min-width: 40px;
    flex: 0 0 auto;
    text-align: center;
}

.occurances-wrapper .occurances-day-header.decorative
{
    max-width: 100%;
    text-align: left;
    text-indent: 3px;
    background: #fff;
    color: #000;
}

.occurances-wrapper .occurances-day-header span > a
{
    margin: 0px 0 0px 0;
    padding: 0px 0px;
    text-align: center;
    font-weight: bold;
    font-size: 90%;
    color: #000;
    display: block;
}

.occurances-wrapper.selected-day .occurances-day-header span > a
{
    background: #0079be;
    color: #fff;
    border: none;
}

.occurances-day-wrapper a:hover,
.occurances-day-wrapper a:focus
{
    text-decoration:underline;
    color: #0079be;
}

.occurances-wrapper .occurances-day-header.decorative > a
{
    border: none;
}

.occurances-wrapper .occurances-day-header > a > span > strong
{
    width: 100%;
    display: block;
    font-size: 150%;
}

.occurances-wrapper .occurances-day-wrapper
{
    max-width: 100%;
    flex: 1 0 auto;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

.occurances-wrapper .occurances-day-wrapper-separator
{
    content: '';
    width: 100%;
    display: block;
    flex: 1 0 100%;
    border-bottom: 1px dotted silver;
}

.occurances-wrapper .occurances-day-wrapper .occurance
{
    margin: 5px 10px;
    text-align: right;
    display: inline-block;
    cursor: pointer;
    position: relative;
}

.occurances-wrapper .occurances-day-wrapper .occurance.decorative
{
    border: none;
    cursor: default;
    color: #404040;
    background-color: inherit;
    text-align: left;
    width: 100%;
    margin: 3px 5px;    
}

.occurances-wrapper .occurances-day-wrapper .passed
{ 
    text-decoration: line-through; 
    opacity: 0.33;
}

.occurances-wrapper .occurances-day-wrapper .passed:hover
{ opacity: 1.0; }

.premiera
{ 
    background: url('/images/common/promowana.png') no-repeat left center; 
    padding-left: 15px;
    background-size: 12px 12px;
}

.occurances-wrapper .occurances-day-wrapper span > span.occurance-info,
tr.week > td > a + span.occurance-info
{
    visibility: hidden;
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-bottom: 15px;
    transform: translateX(-50%);
    width: 220px;
    padding: 10px;
    text-align: left;
    display: flex;    
    flex-flow: row wrap;
    justify-content: center;
    background: #fff;
    color: #000;
    border: 1px solid silver;
    box-shadow: 0 0 10px silver;
    border-radius: 10px;
    font-size: 90%;
    z-index: 1;
}

.occurances-wrapper .occurances-day-wrapper span > span.occurance-info:before,
tr.week > td > a + span.occurance-info:before
{
    content: ' ';
    display: block;
    width: 0px;
    height: 0px;
    margin-left: -20px;
    border-top: 15px solid silver;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    position: absolute;
    top: 100%;
    left: 50%;
}

.occurances-wrapper .occurances-day-wrapper span > span.occurance-info:after,
tr.week > td > a + span.occurance-info:after
{
    content: '';
    display: block;
    width: 0px;
    height: 0px;
    margin-left: -20px;
    margin-top: -1px;
    border-top: 15px solid #fff;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    position: absolute;
    top: 100%;
    left: 50%;
}

.occurances-wrapper .occurances-day-wrapper span > span.occurance-info > span,
tr.week > td > a + span.occurance-info > span
{ 
    flex: 1 0 33%;
    padding: 5px;
}

.occurances-wrapper .occurances-day-wrapper span > span.occurance-info > span.nazwa,
tr.week > td > a + span.occurance-info > span.nazwa
{ 
    font-weight: bold; 
    flex-basis: 100%;
}

.occurances-wrapper .occurances-day-wrapper span > span.occurance-info > span.naglowek,
tr.week > td > a + span.occurance-info > span.naglowek
{ 
    font-weight: bold; 
    flex-basis: 100%;
    text-align: center;
    font-size: 115%;
    border-bottom: 1px solid silver;
    box-sizing: border-box;
}

.occurances-wrapper .occurances-day-wrapper span > span.occurance-info .separator,
tr.week > td > a + span.occurance-info .separator
{
    flex-basis: 100%;
}

.occurances-wrapper .occurances-day-wrapper span > span.occurance-info .link
{
    margin: 0;
    padding: 5px 10px;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
}

.occurances-wrapper .occurances-day-wrapper span:hover > span.occurance-info,
.occurances-wrapper .occurances-day-wrapper span > a:focus + span.occurance-info,
tr.week > td > a:focus + span.occurance-info,
tr.week > td > a:hover + span.occurance-info
{
    visibility: visible;
    transition: visibility 1.25s ease;
    transition-delay: 0.15s;
}


.occurances-wrapper.selected-day .occurances-day-wrapper span:hover > span.occurance-info,
.occurances-wrapper.selected-day .occurances-day-wrapper span > a:focus + span.occurance-info
{
    bottom: auto;
    top: 100%;
    z-index: 2;
    margin-top: 15px;
}

.occurances-wrapper.selected-day .occurances-day-wrapper span > span.occurance-info:before
{
    border-top: 0px solid silver;
    border-bottom: 15px solid silver;    
    top: auto;
    bottom: 100%;
}

.occurances-wrapper.selected-day .occurances-day-wrapper span > span.occurance-info:after
{
    margin-top: 0px;
    margin-bottom: -1px;
    border-top: 0px solid #fff;
    border-bottom: 15px solid #fff;
    top: auto;
    bottom: 100%;
}

.podtytul
{
    font-style: italic;
    color: #686868;
    background-color: inherit;
}

.seans-info
{
    color: #0079be;
    background-color: inherit;
}

.occurance-details-header
{
    padding: 3px 10px;
    font-size: 150%;
    line-height: 150%;
    color: white;
    margin-bottom: 5px;
    background-color: #0079be;
    font-family: "Archivo Narrow", sans-serif;
}

tr.week td:not(.today) a.with-events
{
    background: #f4f4f4;
    color: #000;
}

tr.week td:not(.today) a.with-events:hover
{
    background: #f00;
    color: #fff;
}

.event-marker
{
    position: relative;
    display: block;
    width: 100%;
    height: 0;
}

.event-marker:after
{
    content: '';
    display: block;
    position: absolute;
    top: -2px;
    right: -4px;
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
    border-bottom: 2px solid #000;
    transform: rotateZ(45deg);
    opacity: 0.4;
}

.napis_godz {color: #000;font-weight: bold;font-size: 122%;}
.etykieta-dnia {background: #0079be;color: white;text-align: center;text-transform: uppercase;font-size: 80%;width: 65px;height: 54px;padding: 5px 0px 5px 0px;margin: 14px 0px 0px 3px;line-height: 165%;}
.miesiac {text-transform: uppercase;}
.numerdnia {font-size: 200%;}
.today_table {display:table;width:85%; margin: 0px auto;}
.today_table div.okTermin,.today_table div.okHours {display:table-cell;width:50%;} 
.today_table div.okHours {text-align:center;} 
.today_table div.okHours span{margin-top: 14px;display: inline-block;font-weight:bold;} 
.today_table div.okHours span a:hover,.today_table div.okHours span a:focus{text-decoration:underline;} 
.component.ocur .link_news {width:100%; display:block; float:left;}
.component.ocur a.news {display:block; width:100%;padding:0;}
.component.ocur a.news span {padding:16px; display:inline-block; }


.calendar_box .header_navigator h4
{
    float: left;
    width: 50%;
    margin-bottom:0;
    line-height:26px;
}

.calendar_box .header_navigator h4:first-letter
{
    text-transform: uppercase;
}

.icalendar[class*="harmonogram"] thead .calendarHeader
{
    text-align: left;
    padding: 6px 9px;
    border: 1px solid silver;
    border-bottom-width: 2px;
    font-size: 110%;
    color: #000;
    font-weight: normal;
}

.icalendar[class*="harmonogram"] tbody tr:nth-child(even) .current-week,
.icalendar[class*="harmonogram"] tbody tr:nth-child(odd) .current-week
{ background: #f2f2f2; }

.icalendar[class*="harmonogram"] tbody tr:nth-child(even) .current-week.today,
.icalendar[class*="harmonogram"] tbody tr:nth-child(odd) .current-week.today
{ background: #e0e0e0; }

.icalendar[class*="harmonogram"] tbody .day,
.icalendar[class*="harmonogram"] tbody .empty
{
    /*border: 1px solid silver;
    padding: 7px 10px;*/
    height: 20px;
    vertical-align: top;
}

.icalendar[class*="harmonogram"] tbody .day + .day
{ border-left: 3px solid transparent; }

.icalendar[class*="harmonogram"] tbody .empty
{  }

.icalendar.minified[class*="harmonogram"] tbody .day,
.icalendar.minified[class*="harmonogram"] tbody .empty,
.icalendar.minified[class*="harmonogram"] thead .calendarHeader
{
    padding: 1px;
    height: 15px;
    text-align: center;
}

.icalendar.minified[class*="harmonogram"] thead .calendarHeader
{
    border-color: #e0e0e0;
    padding: 5px 15px;
    background: #e0e0e0;
}

.icalendar[class*="harmonogram"] tbody .day .event
{
    border: 1px solid #0079be;
    padding: 5px 0 5px;
}
.icalendar[class*="harmonogram"] tbody .day .event:last-child,
.icalendar[class*="harmonogram"] tbody .day .event-details .zajawka
{	
    /*border:none;
    background-image:none;
    padding-bottom:3px;*/
}
.icalendar[class*="harmonogram"] tbody .day .event-description
{
    line-height: 1.3em;
    font-weight: normal;
    display: flex;
    flex-flow: row nowrap;
}

.icalendar.minified[class*="harmonogram"] .event-description
{
    justify-content: center;
}

.icalendar.minified[class*="harmonogram"] .event-description .event-title
{
    font-weight: bold;
}

.icalendar.minified[class*="harmonogram"] .event.empty .event-description .event-title
{
    font-weight: normal;
}

.icalendar[class*="harmonogram"] tbody .day .event.title .label
{
    margin-right: 2px;
}
.icalendar[class*="harmonogram"] tbody .day .event .title .label:last-child
{
    margin-right: 7px;
}

.icalendar[class*="harmonogram"] tbody .day span.date
{
    display: block;
    width: 100%;
    min-height: 20px;
    line-height: 20px;
    text-align: left;
    font-size: 125%;
}

.icalendar[class*="harmonogram-tydzien"] tbody .day span.date
{
    padding-bottom:5px;
    margin-bottom: 9px;
    border-bottom: 1px solid silver;
}

.icalendar[class*="harmonogram"] tbody .day span.date > a > span:first-child
{
    display: inline-block;
    width: 100%;
    text-align: center;
}

.icalendar[class*="harmonogram"] tbody .day span.date > a > span:first-child + span
{
    display: inline-block;
    padding: 5px 0;
    width: 100%;
    text-align: center;
    font-size: 135%;
    font-weight: bold;
}

.icalendar[class*="harmonogram"] tbody .day span.date > a > span:first-child + span + span
{
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 90%;
}

.icalendar.minified[class*="harmonogram"] tbody .day > span.event span.date
{
    height: 15px;
    line-height: 15px;
    margin: 0;
    padding: 0;
    border: none; 
}

.icalendar[class*="harmonogram"] tbody tr td.day.saturday span.date
{ color: #323cbb; }

.icalendar[class*="harmonogram"] tbody tr td.day.sunday span.date
{ color: #bd0a11; }

.icalendar[class*="harmonogram"] tbody .day span.event
{
    display: block;
    margin: 8px 0 0 0;
    font-size: 85%;
    position: relative;
}

.icalendar.minified[class*="harmonogram"] tbody .day > span.event
{
    margin: 0;
    padding: 8px 13px;
}

.icalendar.minified[class*="harmonogram"] tbody .day > span.event.empty
{}

.icalendar[class*="harmonogram"] tbody .day span.event.active
{
    outline:2px solid red;
    outline-offset:3px;
}

.icalendar[class*="harmonogram"] tbody .day span.event .godzina
{
    color: #ED1C24;
}

.icalendar[class*="harmonogram"] tbody .day span.event > .event-description > .label
{
    float: none;    
    flex: 0 0 auto;
    min-height: 8px;
    height: 8px;
    width: 8px;
    border-radius:50%;
    margin-top: 2px;
}

.icalendar[class*="harmonogram"] tbody .day span.event-details
{
    position: absolute;
    left: 50%;
    top: 100%;
    width: 500px;
    margin: 0 0 0 -250px;
    background: #fff;   
    max-height: 0;
    overflow: hidden;
    box-shadow: 1px 3px 15px 0 #404040;
    z-index: 2;
}

.icalendar[class*="harmonogram"] tbody .day:first-child span.event-details,
.icalendar[class*="harmonogram"] tbody .day:first-child + .day span.event-details,
.icalendar[class*="harmonogram"] tbody .day:first-child + .day + .day span.event-details
{
    left: 0;
    right: auto;
    margin: 0;
}

.icalendar[class*="harmonogram"] tbody tr .day:nth-last-child(1) span.event-details,
.icalendar[class*="harmonogram"] tbody tr .day:nth-last-child(2) span.event-details,
.icalendar[class*="harmonogram"] tbody tr .day:nth-last-child(3) span.event-details
{
    left: auto;
    right: 0;
    margin: 0;
}

.icalendar[class*="harmonogram"] tbody .day span.event-details > span
{
    padding: 10px;
    border: 1px solid silver;
    display: block;
}

.icalendar[class*="harmonogram"] tbody .day span.event:hover  span.event-details,
.icalendar[class*="harmonogram"] tbody .day span.event.active  span.event-details
{
    max-height: 999px;
    transition: all 0.35s ease;
    transition-delay: 0.25s;
}

.icalendar[class*="harmonogram"] tbody .day .zajawka
{ margin: 0; }

.harmonogram-kat-select
{
    float: right;
    display: block !important;
    white-space: nowrap;
    padding-right: 15px;
    box-sizing: border-box;
}

.harmonogram-kat-select label
{
    color: #404040;
    font-weight: bold;
    display: inline-block;
    width: 70px;
}

.harmonogram-kat-select div.SumoSelect
{
    display: inline-block !important;
    vertical-align: middle;
    text-align: left;
}

.harmonogram-kat-select div.SumoSelect > .CaptionCont
{
    border:none;
    background:#f2f2f2;
}

.harmonogram-kat-select div.SumoSelect li.opt > label > span
{ display: inline-block !important; }

.kal-detail,
.kal-global
{
    max-height: 0;
    overflow: hidden;
}

.kal-detail.active,
.kal-global.active
{
    transition-delay: 0.15s;
    transition: max-height 0.75s ease;
    max-height: 999px;
}

.kalendarzyk,
.kalendarzyk-month
{
    width: 100%;
    margin: 5px 0 15px 0;
	position:relative;
    clear: both;
}

.kalendarzyk-month,
.kal-mth-page
{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    flex: 0 0 auto;
}

.kal-mth-container
{
    display: flex;
    flex-flow: row nowrap;
}

.kalendarzyk-month .kalendarzyk-month-buttons
{
    width: 100%;
    flex: 0 0 auto;
    margin: 0 0 15px 0;
}

.kalendarzyk-month .kal-mth-wrapper
{
    width: 30%;
    flex: 0 0 auto;
    margin: 0 0 15px 0;
}

.kalendarzyk > div.header_days
{ 
    width: 100%;
    height: 100%;
    display: table; 
    table-layout: fixed;
    background: #f2f2f2;
    border-radius: 5px;
}

.kalendarzyk-month div.header_days
{ 
    width: 100%;
    height: auto;
    display: table; 
    table-layout: fixed;
    background: #ebebeb;
    border-radius: 5px;
}

.kalendarzyk div.days
{ 
    width: 100%;
    height: 100%;
    display: table; 
    table-layout: fixed;
}


.kalendarzyk-month div.days
{
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.kalendarzyk > div.header_days > div,
.kalendarzyk-month div.header_days > div,
.kalendarzyk div.week > div,
.kalendarzyk-month div.week > div
{
    display: table-cell;
    padding: 5px;
    cursor: default;
}

.kalendarzyk-month div.days > div,
.kalendarzyk-month div.header_days > div
{
    width: 14%;
    flex: 1 1 auto;
    text-align: center;
    padding: 5px 0;
    cursor: pointer;
}

.kalendarzyk div.week > div.past,
.kalendarzyk-month div.past
{ color: #969696; }

/* REZERWACJA --- */
.kalendarzyk div.week > div.rezerwacja,
.kalendarzyk-month div.rezerwacja
{ background-color: #ffffb0; }

div.rezerwacja.first
{
    background: linear-gradient(-45deg, transparent 0%, transparent 49%, #ffffb0 51%, #ffffb0 100%) !important;
    background: -webkit-linear-gradient(-45deg, transparent 0%, transparent 49%, #ffffb0 51%, #ffffb0 100%) !important;
    background: -moz-linear-gradient(-45deg, transparent 0%, transparent 49%, #ffffb0 51%, #ffffb0 100%) !important;
    background: -o-linear-gradient(-45deg, transparent 0%, transparent 49%, #ffffb0 51%, #ffffb0 100%) !important;
}

div.rezerwacja.first.chosen-last
{
    background: linear-gradient(-45deg, lightgreen 0%, lightgreen 49%, #ffffb0 51%, #ffffb0 100%) !important;
    background: -webkit-linear-gradient(-45deg, lightgreen 0%, lightgreen 49%, #ffffb0 51%, #ffffb0 100%) !important;
    background: -moz-linear-gradient(-45deg, lightgreen 0%, lightgreen 49%, #ffffb0 51%, #ffffb0 100%) !important;
    background: -o-linear-gradient(-45deg, lightgreen 0%, lightgreen 49%, #ffffb0 51%, #ffffb0 100%) !important;
}

div.rezerwacja.first.zajete-last
{
    background: linear-gradient(-45deg, red 0%, red 49%, #ffffb0 51%, #ffffb0 100%) !important;
    background: -webkit-linear-gradient(-45deg, red 0%, red 49%, #ffffb0 51%, #ffffb0 100%) !important;
    background: -moz-linear-gradient(-45deg, red 0%, red 49%, #ffffb0 51%, #ffffb0 100%) !important;
    background: -o-linear-gradient(-45deg, red 0%, red 49%, #ffffb0 51%, #ffffb0 100%) !important;
}

div.rezerwacja.first.wylaczone-last
{
    background: linear-gradient(-45deg, lightgray 0%, lightgray 49%, #ffffb0 51%, #ffffb0 100%) !important;
    background: -webkit-linear-gradient(-45deg, lightgray 0%, lightgray 49%, #ffffb0 51%, #ffffb0 100%) !important;
    background: -moz-linear-gradient(-45deg, lightgray 0%, lightgray 49%, #ffffb0 51%, #ffffb0 100%) !important;
    background: -o-linear-gradient(-45deg, lightgray 0%, lightgray 49%, #ffffb0 51%, #ffffb0 100%) !important;
}

div.rezerwacja-last
{
    background: linear-gradient(-45deg, #ffffb0 0%, #ffffb0 49%, transparent 51%, transparent 100%) !important;
    background: -webkit-linear-gradient(-45deg, #ffffb0 0%, #ffffb0 49%, transparent 51%, transparent 100%) !important;
    background: -moz-linear-gradient(-45deg, #ffffb0 0%, #ffffb0 49%, transparent 51%, transparent 100%) !important;
    background: -o-linear-gradient(-45deg, #ffffb0 0%, #ffffb0 49%, transparent 51%, transparent 100%) !important;
}

/* ZAJETE --- */
.kalendarzyk div.week > div.zajete,
.kalendarzyk-month div.zajete
{ background-color: red; }

div.zajete.first
{
    background: linear-gradient(-45deg, transparent 0%, transparent 49%, red 51%, red 100%) !important;
    background: -webkit-linear-gradient(-45deg, transparent 0%, transparent 49%, red 51%, red 100%) !important;
    background: -moz-linear-gradient(-45deg, transparent 0%, transparent 49%, red 51%, red 100%) !important;
    background: -o-linear-gradient(-45deg, transparent 0%, transparent 49%, red 51%, red 100%) !important;
}

div.zajete.first.chosen-last
{
    background: linear-gradient(-45deg, lightgreen 0%, lightgreen 49%, red 51%, red 100%) !important;
    background: -webkit-linear-gradient(-45deg, lightgreen 0%, lightgreen 49%, red 51%, red 100%) !important;
    background: -moz-linear-gradient(-45deg, lightgreen 0%, lightgreen 49%, red 51%, red 100%) !important;
    background: -o-linear-gradient(-45deg, lightgreen 0%, lightgreen 49%, red 51%, red 100%) !important;
}

div.zajete.first.rezerwacja-last
{
    background: linear-gradient(-45deg, #ffffb0 0%, #ffffb0 49%, red 51%, red 100%) !important;
    background: -webkit-linear-gradient(-45deg, #ffffb0 0%, #ffffb0 49%, red 51%, red 100%) !important;
    background: -moz-linear-gradient(-45deg, #ffffb0 0%, #ffffb0 49%, red 51%, red 100%) !important;
    background: -o-linear-gradient(-45deg, #ffffb0 0%, #ffffb0 49%, red 51%, red 100%) !important;
}

div.zajete.first.wylaczone-last
{
    background: linear-gradient(-45deg, lightgray 0%, lightgray 49%, red 51%, red 100%) !important;
    background: -webkit-linear-gradient(-45deg, lightgray 0%, lightgray 49%, red 51%, red 100%) !important;
    background: -moz-linear-gradient(-45deg, lightgray 0%, lightgray 49%, red 51%, red 100%) !important;
    background: -o-linear-gradient(-45deg, lightgray 0%, lightgray 49%, red 51%, red 100%) !important;
}

div.zajete-last
{
    background: linear-gradient(-45deg, red 0%, red 49%, transparent 51%, transparent 100%) !important;
    background: -webkit-linear-gradient(-45deg, red 0%, red 49%, transparent 51%, transparent 100%) !important;
    background: -moz-linear-gradient(-45deg, red 0%, red 49%, transparent 51%, transparent 100%) !important;
    background: -o-linear-gradient(-45deg, red 0%, red 49%, transparent 51%, transparent 100%) !important;
}

/* WYLACZONE --- */
.kalendarzyk div.week > div.wylaczone,
.kalendarzyk-month div.wylaczone
{ background-color: lightgray; color: #606060;}

div.wylaczone.first
{
    background: linear-gradient(-45deg, transparent 0%, transparent 49%, lightgray 51%, lightgray 100%) !important;
    background: -webkit-linear-gradient(-45deg, transparent 0%, transparent 49%, lightgray 51%, lightgray 100%) !important;
    background: -moz-linear-gradient(-45deg, transparent 0%, transparent 49%, lightgray 51%, lightgray 100%) !important;
    background: -o-linear-gradient(-45deg, transparent 0%, transparent 49%, lightgray 51%, lightgray 100%) !important;
}

div.wylaczone.first.chosen-last
{
    background: linear-gradient(-45deg, lightgreen 0%, lightgreen 49%, lightgray 51%, lightgray 100%) !important;
    background: -webkit-linear-gradient(-45deg, lightgreen 0%, lightgreen 49%, lightgray 51%, lightgray 100%) !important;
    background: -moz-linear-gradient(-45deg, lightgreen 0%, lightgreen 49%, lightgray 51%, lightgray 100%) !important;
    background: -o-linear-gradient(-45deg, lightgreen 0%, lightgreen 49%, lightgray 51%, lightgray 100%) !important;
}

div.wylaczone-last
{
    background: linear-gradient(-45deg, lightgray 0%, lightgray 49%, transparent 51%, transparent 100%) !important;
    background: -webkit-linear-gradient(-45deg, lightgray 0%, lightgray 49%, transparent 51%, transparent 100%) !important;
    background: -moz-linear-gradient(-45deg, lightgray 0%, lightgray 49%, transparent 51%, transparent 100%) !important;
    background: -o-linear-gradient(-45deg, lightgray 0%, lightgray 49%, transparent 51%, transparent 100%) !important;
}

/* CHOSEN --- */
.kalendarzyk div.week > div.chosen,
.kalendarzyk-month div.chosen
{ background-color: lightgreen; }

div.chosen-first
{
    background: linear-gradient(-45deg, transparent 0%, transparent 49%, lightgreen 51%, lightgreen 100%) !important;
    background: -webkit-linear-gradient(-45deg, transparent 0%, transparent 49%, lightgreen 51%, lightgreen 100%) !important;
    background: -moz-linear-gradient(-45deg, transparent 0%, transparent 49%, lightgreen 51%, lightgreen 100%) !important;
    background: -o-linear-gradient(-45deg, transparent 0%, transparent 49%, lightgreen 51%, lightgreen 100%) !important;
}

div.chosen-first.rezerwacja-last
{
    background: linear-gradient(-45deg, #ffffb0 0%, #ffffb0 49%, lightgreen 51%, lightgreen 100%) !important;
    background: -webkit-linear-gradient(-45deg, #ffffb0 0%, #ffffb0 49%, lightgreen 51%, lightgreen 100%) !important;
    background: -moz-linear-gradient(-45deg, #ffffb0 0%, #ffffb0 49%, lightgreen 51%, lightgreen 100%) !important;
    background: -o-linear-gradient(-45deg, #ffffb0 0%, #ffffb0 49%, lightgreen 51%, lightgreen 100%) !important;
}

div.chosen-first.zajete-last
{
    background: linear-gradient(-45deg, red 0%, red 49%, lightgreen 51%, lightgreen 100%) !important;
    background: -webkit-linear-gradient(-45deg, red 0%, red 49%, lightgreen 51%, lightgreen 100%) !important;
    background: -moz-linear-gradient(-45deg, red 0%, red 49%, lightgreen 51%, lightgreen 100%) !important;
    background: -o-linear-gradient(-45deg, red 0%, red 49%, lightgreen 51%, lightgreen 100%) !important;
}

div.chosen-first.wylaczone-last
{
    background: linear-gradient(-45deg, lightgray 0%, lightgray 49%, lightgreen 51%, lightgreen 100%) !important;
    background: -webkit-linear-gradient(-45deg, lightgray 0%, lightgray 49%, lightgreen 51%, lightgreen 100%) !important;
    background: -moz-linear-gradient(-45deg, lightgray 0%, lightgray 49%, lightgreen 51%, lightgreen 100%) !important;
    background: -o-linear-gradient(-45deg, lightgray 0%, lightgray 49%, lightgreen 51%, lightgreen 100%) !important;
}

div.chosen-last
{
    background: linear-gradient(-45deg, lightgreen 0%, lightgreen 49%, transparent 51%, transparent 100%) !important;
    background: -webkit-linear-gradient(-45deg, lightgreen 0%, lightgreen 49%, transparent 51%, transparent 100%) !important;
    background: -moz-linear-gradient(-45deg, lightgreen 0%, lightgreen 49%, transparent 51%, transparent 100%) !important;
    background: -o-linear-gradient(-45deg, lightgreen 0%, lightgreen 49%, transparent 51%, transparent 100%) !important;
}

.kalendarzyk-box {
	overflow:hidden;
}

.kalendarzyk-button,
.kalendarzyk-month-button
{
	margin:10px 10px 10px 0;
	width:20px;
	height:20px;
	float:left;
	color:#fff;
	text-align:center;
	background:#982a41;
	border-radius:10px;
	cursor:pointer;
}

.kalendarzyk-button-global,
.kalendarzyk-button-detail
{
    width: 30px;
    height: 30px;
    margin: 5px 10px 5px 0;
    color: #982a41;
    background-color: #fff;
    font-size: 20px;
    float: left;
    cursor: pointer;
    text-align: center;
    line-height: 30px;
    border-radius: 15px;
}

.kalendarzyk-button-global:before
{
    content: '\e00d';
    font-family: 'Icomoon';
}

.kalendarzyk-button-detail:before
{
    content: '\e010';
    font-family: 'Icomoon';
}

.kalendarzyk-button:hover,
.kalendarzyk-month-button:hover
{
	background:red;
}
.kalendarzyk-days-container,
.kalendarzyk-month-days-container
{
	height:30px;
	position:relative;
    overflow: hidden;
}
.kalendarzyk-days-container .week,
.kalendarzyk-month-days-container .week
{
	float:left;
	overflow:hidden;
}
.kalendarzyk-miesiac
{
	margin-top: 13px;
	text-align: right;
}

.kalendarzyk-month-miesiac
{
	text-align: center;
    font-weight: bold;    
}

.kalendarzyk-miesiac .separator {
	margin:0 10px;
	color:#ccc;
}
.kalendarzyk-loader{
	top:0;
	display:none;
}
.kalendarzyk-loader .bgd{
	background:#fff;
	opacity:0.8;
}
.kalendarzyk-loader .image{
	/* obrazek laodera */
}
.kalendarzyk-minimize {
	padding:20px;
	margin-left:-150px;
	position:absolute;
	cursor:pointer;
	background:#ccc;
}

#wynajem-rezerwacja-bg
{ 
    background: #000;
    opacity: 0.7;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
}

#wynajem-rezerwacja-form
{ 
    background: #fff;
    position: fixed;
    top: 15%;
    bottom: 15%;
    left: 50%;
    width: 900px;
    margin-left: -450px;
    z-index: 3;
    box-sizing: border-box;
    padding: 20px 10px 10px 10px;
    z-index: 1000;
    overflow: auto;
}

.kalendarzyk-loader > .image
{ background: url('/images/wait.gif') no-repeat center center; }

/* </editor-fold> */

/* <editor-fold defaultstate="collapsed" desc="STYLE AKAPITOW"> */
blockquote
{
    padding-left: 50px !important;
    margin: 0 !important;
    background-image: url("/images/common/quote-b.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    overflow: auto;
}

blockquote > p
{
    padding-right: 50px !important;    
    margin: 10px 0 10px 0 !important;
    background-image: url("/images/common/quote-q.png");
    background-position: right top;
    background-repeat: no-repeat;
}

/* </editor-fold> */

.center_item {
    clear: both;
    padding: 5px 2px 5px 2px;
}

.menu_kat_icon{
    width: 16px;
    height: 16px;
    float: left;
    margin: 0px 2px 0px 0px;
}

.menu_kat_icon + span
{
    display: block;
    padding: 0px 0px 0px 20px;
}

/**  FORMULARZE  **************************************************************/

article header .label,
header.belka .label,
.mainMenu .block > a > .label
{
    width: 20px; 
    height: 20px; 
    padding: 2px;
    border-radius: 3px;
    vertical-align: baseline;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
}

header.belka .title .label
{ 
    margin-right: 10px; 
    vertical-align: baseline;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}

div.concept-gallery{
    cursor: pointer;
    height: 0;
    overflow: hidden;
}
p.tekst_img_zajawka { cursor:pointer;float: left; margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px; }
p.tekst_tytul_zajawka { cursor:pointer;margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; font-weight: bold; font-size: 12pt;}
p.tekst_zajawka_zajawka {  cursor:pointer;margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; font-size: 9pt; }
p.tekst_ilosc_zajawka {  cursor:pointer;margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 8pt; }
p.tekst_img_zajawka { cursor:pointer;float: left; margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px; }

.author
{ position: relative; }

/* WIZYTOWKA */
.author:hover > .wizytowka
{ display: block !important; }

.wizytowka
{
    position: absolute;
    top: 100%;
    left: 50%;
    width: 330px;
    padding: 8px;
    border: 1px solid #0079be;
    border-radius: 0 8px 8px 8px;
    box-shadow: 0 0 15px 0px #B1B1B1;
    background: #fff;
    z-index: 2;
    color: #898989;
}

.wizytowka > .left + div
{ 
    width: 150px; 
    float: right; 
}

.wizytowka .right
{
    margin: 0 0 0 10px;
    float: right;
    display: block;
}

#template-preview
{
    width: 300px;
    padding: 10px 10px 10px 50px;
    margin: 0 -160px;
    position: fixed;
    top: 0;
    left: 50%;
    background: #fff url('/images/portal/info.png') no-repeat left center;
    opacity: 0.6;
    box-shadow: 0 0 15px 0 #333;
    border-radius: 0 0 15px 15px;
    color: #000080;
    cursor: pointer;
    z-index: 20;
}

#template-preview:hover
{
    opacity: 0.9;    
}

/* komunikat dla przestarzalych przegladarek **********************************/
#jr_inner ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#jr_inner ul li {
    cursor: pointer;
    float: left;
    width: 120px;
    height: 122px;
    margin: 0 10px 10px 10px;
    padding: 0;
    text-align: center;
}

#jr_inner li a {
    color: #333;
    font-size: 0.8em;
    text-decoration: none;
    padding: 0;
    margin: 0;
}

#jr_inner li a:hover {
    text-decoration: underline;
}

#jr_inner .jr_icon {
    width: 100px;
    height: 100px;
    margin: 1px auto;
    padding: 0;
    background: transparent no-repeat scroll left top;
    cursor: pointer;
}

#mobileMessage {position: fixed;top: -200%;left: 0px;width: 100%;height: 100%;border: none;box-shadow: rgb(0, 0, 0) 0px 0px 25px 0px;opacity: 0.9;color: rgb(0, 0, 0);font-family: arial;font-size: 14px;text-align: left;z-index: 1000;display: block;background-color: rgb(255, 255, 255);}
a.niet {padding: 25px 25px 30px 130px;background: url(/images/portal/cancel.png) no-repeat scroll 18px;margin: 20px 0px 0px 0px;cursor: pointer;display: inline-block;font-size: 50px;border: 1px solid black;border-radius: 10px;}
a.tak {padding: 25px 15px 30px 125px;background: url(/images/portal/ok.png) no-repeat scroll 18px;margin: 20px 0px 0px 0px;cursor: pointer;display: inline-block;font-size: 50px;max-width: 168px;border: 1px solid black;border-radius: 10px;}


/* oznaczenie wymaganych pol w formularzach dodawania tresci od strony internauty */
abbr.required {font-size:150%;color:red; position: relative; top: 7px; }
ul.error_list{margin: 0px 0px 7px 0px;padding: 0;}
ul.error_list li{padding: 2px;padding-left: 25px;list-style: none;color: #f33;font-weight: bold;background: url('/sfPropelPlugin/images/error.png') no-repeat 2px 2px;}
.valid {border: 1px solid #969696; background-color: lightyellow;}
input.valid-err, .valid-err {border: 1px solid #f33;background-color: lightyellow;}
.box_valid {width: 98%;padding: 5px;border: 1px solid #ddd;text-align:center;margin: 5px auto 15px;background-color: #eee;}
.box_invalid {width: 98%;padding: 5px;border: 1px solid #f33;background-color: lightyellow;text-align:center;margin: 5px auto;}

/* formy dodawania od strony użytkownika */
div.new_form {display:table;width:100%;border-collapse: collapse;}
div.new_form_row {display:table-row;}
div.new_form_row > div {display:table-cell;padding:0px 10px;vertical-align: top;}
div.new_form_row div.new_form_label {background: #f6f6f6;width:160px;font-weight: bold;vertical-align: top; padding: 3px 10px;}
div.new_form.small div.new_form_label {width:110px;font-weight: bold;vertical-align: top;}
div.new_form_row span.new_form_help,
.help {
    font-size: 80%;
    display: block;
    color: gray;
    padding: 0 0 6px 0px;
    clear: left;
}
.help > .sub-help
{
    font-weight: normal;
}
.help > .sub-help:before
{
    content: '* ';
    font-size: 150%;
    color: #0079be;
}
div.new_form select {width: 100%;margin: 3px 0px; padding: 3px 3px;}
div.new_form input[type="text"],div.new_form_common input[type="password"] {width: 99%;margin: 3px 0px; padding: 3px 3px;}
div.new_form textarea {width: 99%;}
div.new_form table.mceLayout {width: 100% !important;}
div.new_form_cl {clear: both; height: 1px; font-size: 0px; margin: 5px 0px 10px 0px; background-color: #eee; display:block;}
.extra-toggler {cursor: pointer;}
#geoCode {width: 80%;float: left;margin: 0px 5px;padding: 5px 15px;}
/* mała forma kontaktu */
.smallForm.component div.new_form_row {width:100%;font-weight: normal;vertical-align: top;}
.smallForm.component div.new_form_row > div {display:inline-block;padding:0px; width: 100%;}
.smallForm.component div.new_form_label {background: #f6f6f6;width:auto;font-weight: bold;vertical-align: top; padding: 3px 10px;}

div.new_form input[type="text"].hasDatepicker {width:75%;}
/*triger kalendarzyka*/
img.ui-datepicker-trigger {
    vertical-align: middle;
    margin-left: 5px;
    height: 25px;
    cursor:pointer;
    float:right;
}
/** AUDIO PLAYER **************************************************************/
.audioMiniPlayer 
{
    margin: 0px 0px 0px 10px;
    float: right;
}

/** OCENY ARTYKULOW / RATING **************************************************/
.article-rating
{
    padding: 15px 0 0 0;
    clear: both;
}

/** struktura drzewiasta ******************************************************/
.tree_small
{
    margin: 10px 0 0 0;
    font-size: 90%;
    display: block;
    text-align: left !important;
    color: #898989;
}

.tree_small .subtree
{
    padding: 3px 0 0px 25px;
    margin: 5px 0 0px 0px;
    display: block;
    background: url('/images/tree_menu/minusbottom.gif') no-repeat top left;
    text-align: left !important;
}

.tree_small .subtree a:hover {color:red;}


/******************************************************************************/

#files.files > div
{
    width: 100px;
    overflow: hidden;
    margin: 0 10px 10px;
    display: inline-block;
    vertical-align: top;
}

#files.files > div > p
{
    margin: 0;
}

article aside.left {
    float: none;
}

/*.zip_link{
    color: #0079be;
    font-weight: bold;
    font-size: 150%;
    margin: 21px 0px 21px 20px;
}

.zip_link:hover,
.zip_link:focus,
.zip_link:active
{ color: #0079be;text-decoration:underline;}*/

/*a.zip_link:before 
{
    color: #0079be;
    font-family: Flaticon;
    font-size: 30px;
    content: "\f100";
    vertical-align: text-top;
    margin-right: 10px;
}*/


a.software_attach,
a.zip_link
{
    display:inline-block;
    margin: 19px 0px 10px 20px;
}

a.software_attach:before, 
a.zip_link:before
{
    color: #0079be;
    font-family: Flaticon;
    font-size: 30px;
    content: "\f100";
    vertical-align: text-top;
    margin-right: 10px;
}

a.zip_link:before
{
    content: '\e02c';
    font-family: 'Icomoon';
}

a.software_attach:hover:before,
a.zip_link:hover:before
{
    color: black;
}


/*
.zip_link:before
{
    margin: 15px 10px 0 0;
    content: '\e44f';
    font-family: 'Icomoon';
    vertical-align: baseline;
    font-size: 250%;
}
*/

/*------------------------------------------------------------*/

div.decorate
{
    padding: 12px 0 0 0;
    margin: 0 0 12px 0;
}

.mapa-strony ul
{
    list-style-type: square;
    margin: 0;
}

.mapa-strony ul li h3
{
    margin: 20px 0 0 0;
}

.article-archived
{
    width: 100px;
    text-align: center;
    transform: rotateZ(45deg);
    transform-origin: 100% 0;
    color: #fff;
    background: #eb0000;
    font-size: 110%;
    float: right;
    padding: 5px 20px;
    margin: 35px -15px 0 0;
    font-weight: bold;    
    position: relative;
}

.article-archived:before
{
    content: "";
    width: 0;
    height: 0;
    border-bottom: 31px solid #eb0000;
    border-left: 31px solid transparent;
    position: absolute;
    top: 0;
    right: 100%;
}

.article-archived:after
{
    content: "";
    width: 0;
    height: 0;
    border-bottom: 31px solid #eb0000;
    border-right: 31px solid transparent;
    position: absolute;
    top: 0;
    left: 100%;
}

#hyperss-loader{
    display:none !important;
}

.popup_newsletter div.new_form_row div.new_form_label{
    width:100px;
}


.popup_newsletter #submit_id{
    width: auto !important;
    margin-right: 3px;
}

#ibox_wrapper #ibox_footer_wrapper{
    position: absolute;
    font-size: 0px;
    top: -10px;
    right: -10px;
    left: auto;
    padding: 0;
    margin: 0;
}

#ibox_footer_wrapper{
    height:30px;
}

#ibox_wrapper #ibox_footer_wrapper a
{
    font-size: initial;
    color: #000;
    background: #fff;
    height: 30px;
    width: 30px;
    border-radius: 15px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    font-size: 30px;
    font-weight: normal;
}

#ibox_wrapper #ibox_footer_wrapper a:after
{
    font-family: 'Icomoon', 'FontAwesome';
    content: '\e268';
    vertical-align: baseline;
}

div.new_form_row div.new_form_label,
#ibox_content {
    background-color: white !important;
}

/** PRZELACZNIK WIDOKU  *******************************************************/
.view_change
{
    padding: 10px 15px;
    float: right;    
    background: #f2f2f2;
    position: absolute;
    top: 5px;
    right: 0px;
}

.view_change > *
{ 
    display: inline-block;    
    vertical-align: middle;
}

.view_change > a.view_normal:before
{ 
    content: '\e19e';
    font-family: "Icomoon";
    font-weight: bold;
    font-size: 125%;
}

.view_change > a.view_list:before
{ 
    content: '\e197';
    font-family: "Icomoon";
    font-weight: bold;
    font-size: 125%;
}

.view_change > a.view_table:before
{ 
    content: '\e360';
    font-family: "Icomoon";
    font-weight: bold;
    font-size: 125%;
}

.view_change > a
{ 
    color: #aeaeae;
    background: inherit;
    margin: 0 3px;
}

.view_change > a.sel
{ 
    color: #0079be;
    background: inherit;
}

/** WAITER / LOADER  **********************************************************/
.waiter-wrapper
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 12;
    background-color: rgba(255, 255, 255, 0.85);
    background-position: center center;
    background-repeat: no-repeat;
    color: #898989;
    transition: all 0.25s ease;
    -webkit-animation: fadein 0.35s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 0.35s; /* Firefox < 16 */
    -ms-animation: fadein 0.35s; /* Internet Explorer */
    -o-animation: fadein 0.35s; /* Opera < 12.1 */
    animation: fadein 0.35s;
}

.waiter-wrapper > .waiter:before
{
    position: absolute;
    top: 15%;
    left: 50%;
    background: url('/images/common/sam3-loader.svg') no-repeat center center;
    content: '';
    width: 50px;
    height: 50px;
}

@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

/** licznik odwiedzin  ********************************************************/
.visit-counter
{ 
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: baseline;
}

.visits-label
{
    width: 60%;
    text-align: right;
    display: block;
    flex: 0 1 auto;
    color: #606060;
    background: #fff;
}

.visits-today,
.visits-yesterday,
.visits-week,
.visits-month,
.visits-total
{
    width: 30%;
    display: block;
    /*font-weight: bold;*/
    color: #404040;
    background: #fff;
    flex: 0 1 auto;
}

.visits-total
{ 
    font-size: 150%; 
    color: #0079be;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.kup-bilet
{
    padding: 3px 8px;
    margin: 5px 0 0 0;
    display: inline-block;
    background: #47464C;
    color: #fff;
    border-radius: 5px;
    font-weight: normal;
}

.kup-bilet:after
{
    content: '\e2bd';
    font-family: 'Icomoon';
    vertical-align: baseline;
    margin-left: 5px;
}

.play-trailer
{
    width: 46px;
    height: 50px;
    padding: 0 0 0 4px;
    margin: -40px auto 0;
    display: block;
    background: #47464C;
    color: #fff;
    border-radius: 25px;
    font-weight: normal;
    cursor: pointer;
    box-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff;
    position: relative;
    z-index: 2;
}

.play-trailer:after
{
    width: 50px;
    height: 50px;
    line-height: 50px;
    content: '\f04b';
    font-family: 'FontAwesome';
    vertical-align: baseline;
    text-align: center;
    font-size: 30px;
    display: block;
}

.kup-bilet:hover,
.kup-bilet:focus,
.play-trailer:hover,
.play-trailer:focus
{
    background: #0079be;
}

.ci-rotator-news > li.zaj-wrapper,
.ci-rotator-news > tr
{ position: absolute; }

.scroll-top
{
    position: fixed;
    bottom: 20px;
    right: 10px;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    overflow: hidden;
    cursor: pointer;
    border: 3px solid #fff;
    border-radius: 25px;
    z-index: 20;
    opacity: 0.5;
}

.scroll-top:focus,
.scroll-top:hover
{ opacity: 1.0; }

.scroll-top:focus
{
    outline: none !important;
}

.scroll-top:after
{
    display: block;
    content: '\f106';
    color: #fff;
    background: #0079be;
    font-family: 'FontAwesome';
    width: 40px;
    height: 40px;
    position: relative;
    top: 0;
    float: right;
    text-indent: 0;
    font-size: 25px;
    line-height: 38px;
    text-align: center;
}

ul.tabber-tabs
{
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
}

ul.tabber-tabs > li + li
{ margin-left: 5px; }

ul.tabber-tabs > li a
{
    color: #aeaeae;
    background: #fff;
}

ul.tabber-tabs > li a:hover,
ul.tabber-tabs > li a:focus,
ul.tabber-tabs > li.sel a
{
    color: #0079be;
}

ul.tabber-tabs > li + li a:before,
ul.tabber-tabs > li + li a:hover:before,
ul.tabber-tabs > li + li a:focus:before
{
    content: ' / ';
    margin: 0 10px;
    color: #aeaeae;
    background: #fff;
}

.tabber-content > .tab .component
{
    padding: 0;
    margin: 0;
}

.tabber-content > .tab .component .view_normal .zajawka
{ margin-bottom: 0; }

.tabber-content > .tab .component .belka .title.hidden-wcag + .numbers
{ margin-top: 0; }



.abtlikebox:before {
    content: url(/images/common/fb.png);
    float: left;
    height: 32px;
    width: 32px;
    cursor: pointer;
    position: absolute;
    left: -32px;
    top: 0;
}

.abtlikebox {
    float: right;
    height: 271px;
    padding: 0px 0px 0px 0px;
    width: 292px;
    z-index: 30;
    position: fixed;
    right: -292px;
    top: 171px;
    cursor: pointer;
    background-color: #fff;
    color: #000;
}


.instagram:before {
    content: url(/images/common/instagram.png);
    float: left;
    height: 32px;
    width: 32px;
    cursor: pointer;
    position: absolute;
    left: -32px;
    top: 0;
}

.instagram {
    float: right;
    height: 271px;
    padding: 0px 0px 0px 0px;
    width: 292px;
    z-index: 30;
    position: fixed;
    right: -292px;
    top: 211px;
    cursor: pointer;
    background-color: #fff;
    color: #000;
}

.abtlikebox:hover,
.abtlikebox:focus,
.instagram:hover,
.instagram:focus
{
    z-index: 31;
}

#instagram-ajax
{
    width: 100%;
    height: 100%;
    background-color: #ccc;
    color: #000;
}

.instagram-wrapper
{
    width: 100%;
    padding: 1px;
    box-sizing: border-box;    
    background-color: #fff;
    color: #000;
    background-clip: content-box;
    cursor: default;
    background-repeat: no-repeat;
    background-position: top left;
}

.instagram-wrapper img
{
    display: block;
    float: left;
    max-width: 40%;
    margin: 10px 5%;
    height: auto;
    filter: none;
}

.instagram-wrapper .full_name
{
    width: 100%;
    padding: 10px 10px 10px 0;
    box-sizing: border-box;
    font-weight: bold; 
    font-size: 115%;    
    filter: none;
}

.instagram-wrapper .bio,
.instagram-wrapper .website
{
    width: 100%;
    padding: 0px 10px 10px 0;
    box-sizing: border-box;    
    font-size: 90%;
    filter: none;
}

.instagram-wrapper.recent_media
{
    display: flex;
    flex-flow: row wrap;    
    filter: none;
}

.instagram-wrapper.recent_media > *
{
    flex: 0 0 24%;
    max-width: 24%;
    height: auto;
    filter: none;
}

/** editPix  ******************************************************************/
div[id^="editPix_mini"], 
div[id^="editPix_thumb"], 
div[id^="editPix_normal"], 
div[id^="editPix_flash"] {
    position: fixed;
    width:94%;
    height:94%;
    padding: 0px;
    border:5px solid #CCC;
    background-color: #ffffff;
    z-index:1000;
    top: 3%;
    left: 3%;
    margin: -5px 0 0 -5px;
    box-shadow: 0 0 30px #333, 0 0 50px #333;
} 

/* dla galerii internauty */
.big_save, .big_del{float: left;width: auto;height: 22px;padding: 0px 2px 4px 24px;margin: 0 0 0 5px;border-top: none;border-right: none;border-bottom: none;border-left: 1px solid #808080;font-size: 11px;box-sizing: border-box;line-height: 22px;}
.big_save{background: transparent url(/images/admin/button_icons.gif) no-repeat scroll 3px -20px;}
.big_del{background: transparent url(/images/admin/button_icons.gif) no-repeat scroll 3px -200px;}

/* z nysy do kafelkow -- masonery */
.kafelki-banerowe
{
    margin-top: 35px;
}

.kafelki-banerowe .wrapper
{
    position: relative;
    padding: 0 0 5px 0;
}

.kafelki-banerowe .nav-arrows
{
    
}

.kafelki-banerowe .nav-arrows .prev,
.kafelki-banerowe .nav-arrows .next
{
    width: 20px;
    height: 45px;
    text-indent: -9999px;
    cursor: pointer;
    transition: 0.2s transform ease;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 45px;
}

.kafelki-banerowe .nav-arrows .prev
{
    left: -45px;
    background: url(/images/common/sprites-custom.png) no-repeat 0px -280px;
}

.kafelki-banerowe .nav-arrows .next
{
    right: -45px;
    background: url(/images/common/sprites-custom.png) no-repeat 0px -350px;
}

.kafelki-banerowe .nav-arrows .prev:hover,
.kafelki-banerowe .nav-arrows .next:hover
{
    transform: translateY(-50%) scale(1.2, 1.2);
    transition: 0.25s transform ease;
}

ul.kafelki {
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-content: flex-start;
    margin: 0px 0px 24px;
    overflow:hidden;
    position:relative;
}

ul.kafelki .grid-sizer,
ul.kafelki .grid-item {
    float:left;
    height:134px;
    width:24%;
    margin-bottom:12px;
}

ul.kafelki .grid-item 
{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

ul.kafelki .gutter-sizer {
    width:calc( 4% / 3 );
}
ul.kafelki .grid-item.grid-item--width2 {
    width: calc( 48% + 4% / 3 );
}
ul.kafelki .grid-item.grid-item--height2 {
    height:280px;
    /*align-items: flex-start;*/
    padding-bottom: 146px;
    box-sizing: border-box;
}
ul.kafelki li,
ul.kafelki li > div {
    width:100%;
}

ul.kafelki li > div.cl,
ul.kafelki li > div.clr
{ display: none; }

ul.kafelki a.grid-item {
    line-height:134px;
}
ul.kafelki a.grid-item:hover {
    background:#000!important;
    color: #fff !important;
}

ul.kafelki a.grid-item span {
    text-transform: uppercase;
    color: #fff;
    font-size: 22.5px;
    font-weight: normal;
    vertical-align: middle;
    line-height: normal;
    max-width: calc( 100% - 20px );
    box-sizing: border-box;
    text-align: left;
    padding: 0px 0 0 4px;
    font-family: "Archivo Narrow", sans-serif;
    line-height: 120%;
    text-shadow: 0 0;
}


@media screen and (max-width: 960px){
    ul.kafelki .grid-sizer,
    ul.kafelki .grid-item {
        float:left;
        height:134px;
        width:49%;
        margin-bottom:8px;
    }
    ul.kafelki .gutter-sizer {
        width:2%;
    }
    ul.kafelki .grid-item.grid-item--width2 {
        width: calc( 49% );
    }
    ul.kafelki .grid-item.grid-item--height2 {
        height:276px;
    }
}
@media screen and (max-width: 640px){
    ul.kafelki .grid-sizer,
    ul.kafelki .grid-item {
        float:left;
        height:134px;
        width:100%;
        margin-bottom:8px;
    }
    ul.kafelki .gutter-sizer {
        width:0%;
    }
    ul.kafelki .grid-item.grid-item--width2 {
        width: 100%;
    }
    ul.kafelki .grid-item.grid-item--height2 {
        height:134px;
    }
}
/* koniec z nysy do kafelkow -- masonery */

video, audio[controls], audio.webshims-controls {
    display: inline-block;
    min-height: 29px;
    min-width: 180px;
}

/** Flipbook ******************************************************************/
.flipbook-pdf
{cursor:pointer;}

.flipbook-gallery
{
    display:flex;
    flex-flow:row wrap;
    justify-content:space-between;
}

.flipbook-gallery > *
{
    margin:0 0 15px 0;
    cursor:pointer;
}

.flipbook-gallery > a
{
    position:relative;
    line-height:0;
}

.flipbook-gallery > a > span
{
    position:absolute;
    left:0;
    bottom:40px;
    padding:10px 15px;
    color:#fff;
    background-color:#0079be;
    font-size:128%;
    font-weight:300;
    line-height:150%;
    opacity:0;
}

.flipbook-gallery > a:hover span,
.flipbook-gallery > a:focus span
{opacity:1;}

article .powiazane .belka .title span.pobierz_flipbook
{
    margin-left:15px;
    float:right;
    color:#fff;
    cursor:pointer;
    font-weight:300;
}

article .powiazane .belka .title .pobierz_flipbook:hover
{text-decoration:underline;}

.flipbook-gallery > a.concept-iframe-launcher.last-flipbook .overlay-hover
{
    opacity:1;
    transform:translateX(-50%);
    bottom:40%;
    left:50%;
    font-size:200%;
}

.flipbook-gallery a:hover,
.epub_lista.component .zajawka > a:hover
{
    box-shadow:0px 0px 30px 0px black;
    transition:none;
}

.flipbook-gallery img
{
    width:187px;
    height:auto;
}

.powiazane.flipbook .belka > h3
{
    font-size:130%;
    float:right;margin:0px;
}

.powiazane.flipbook .belka > h3 a
{
    color:#0079be;
    font-weight:normal;
    margin-left:15px;
}

a.concept-iframe-launcher.last-flipbook img
{
    filter: contrast(60%);
    -webkit-filter: contrast(60%);
}
/* end flipbook*/

/*** ACCESS LAB YouTube patch ***/

/* 
  Sample CSS for "Accessible Controls for the YouTube Embedded Video Player"
  http://wac.osu.edu/examples/youtube-player-controls/
*/
div.ytplayerbox 
{
    margin: 0 0 20px 0;
    padding: 5px 10px;
    width:100% !important;
    border:1px solid #ddd;
    background:#fff;
    text-align:center;
}
ul.ytplayerbuttons 
{
    margin: 3px auto 3px auto !important;
    text-align:center;
}
ul.ytplayerbuttons li 
{
    list-style-type: none;
    display:inline;
    margin: 0 1px 0 0;
}
ul.ytplayerbuttons a 
{ 
    padding: 4px 8px;
    font-size:0.7em;
    margin:0 5px 5px 0;
    text-decoration: none;
    border: none;
    -moz-border-radius:.3em;-webkit-border-radius:.3em;border-radius:.3em;
    display:inline-block; /* helps with IE7 and earlier rendering */
}
ul.ytplayerbuttons a:link, ul.ytplayerbuttons a:visited
{
    color: #fff;
    background: #000;
}
ul.ytplayerbuttons a:hover, ul.ytplayerbuttons a:active, ul.ytplayerbuttons a:focus
{
    background:white; color:#000; 
}

div.ytplayerbox h3.semantic
{
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
}
div.ytplayerbox h3.playlisth
{
    color: #333;
    line-height:0.8;
    margin: 12px 0 3px 0;
}
div.ytplayerbox h4 
{
    color: #555;
    margin: 3px 0 0 0;
}
ul.ytplaylistl
{
    background: #999;
    padding: 1px;
    margin: 0;
}
ul.ytplaylistl li 
{
    list-style-type: none;
    background: transparent url("img/control_play.png") no-repeat 3px .3em;
    padding: 5px 0 3px 21px;
    margin: 0;
}
ul.ytplaylistl li.ytlisteven
{
    background-color: #ebebeb;
}
ul.ytplaylistl li.ytlistodd
{
    background-color: #ddd;
}
ul.ytplaylistl li a
{
    font-weight: bold;
    text-decoration: none;
    border: none;
    display: block;
    margin: 0 3px 0 1px;
}
ul.ytplaylistl li a:link
{
    color: #000;
}
ul.ytplaylistl li a:visited
{
    color: #333;
}
ul.ytplaylistl li a:hover, ul.ytplaylistl li a:active, ul.ytplaylistl li a:focus
{
    color: #fff;
    background-color: #333;
}
.czas {text-align:center;}
.nono {display:none !important;}


/* ------------------------------------------------------ */ 
/* boksy informacyjne - dla admina sa w tinyStyle.css     */ 
/* ------------------------------------------------------ */ 
.Niebieski_blok_informacyjny, .Szary_blok_informacyjny
{
    padding: 10px 20px 10px 74px;
    display: table-cell;
}

.Niebieski_blok_informacyjny
{
    border: 5px solid #0079be;
    background: #fff url('/images/common/bluebox.png') no-repeat scroll 13px 13px;
}

.Szary_blok_informacyjny
{
    border: 5px solid #959595;
    background: #fff url('/images/common/greybox.png') no-repeat scroll 13px 13px;
}

.Niebieski_blok_informacyjny::first-line, .Szary_blok_informacyjny::first-line
{
    display: block;
    font-size: 19px;
    font-weight: 500;
    text-shadow: 1px 0px;
    letter-spacing: 0.5px;
    line-height:150%;
}

.Niebieski_blok_informacyjny::first-line{color: #2f66a9;}
.Szary_blok_informacyjny::first-line{color: #000;}

/** skip linki ****************************************************************/
.wcag_links {
    margin: 0px;
    position: absolute;
    top: 20px;
    left: 250px;
    z-index: 22;
}

.wcag_links div.links {
    position: relative;
}

.wcag_links div.links div.hidden {
    display: block;
}

.wcag_links > div,
.wcag_links .stop-anim {
    margin-right: 5px;
    color: #000000;
    display: block;
}

.wcag_links div.links div {
    float: left;
    cursor: pointer;
    font-size: 0px;
}

.wcag_links div.links div {
    font-size:100%;
}

.wcag_links div.links div.hidden > * {
    display: block;
    position: absolute;
    top: -999px;
    left: -999px;
    opacity: 0;
    transition: opacity 0.15s ease;
    height: auto;
    width: auto;
}

.wcag_links div.links div.hidden > *:focus {
    top: 0;
    left: 0;
    padding: 5px 15px;
    background: #fff;
    color: #000;
    display: block;
    opacity: 1;
    transition: opacity 0.15s ease;
    position: relative;
}

.wcag_links.topMenu_infobar div.links div {
    height: auto;
}

article > .tresc{
    line-height: 150%;
}

.rejestracja_table td.empty:after {
    content: '-';
    color: gray;
}

.rejestracja_table td.empty {
    text-align: center;
    border: 1px solid silver;
    background: #ebebeb;
}

.gallery_download {
    line-height: 150%;
    color: #0079be;
    font-weight: bold;
    font-size: 0px;
    margin: 8px 0px 0px 0px;
    padding: 2px 0px 2px 20px;
    background: #fff url(/images/common/zip_download.png) no-repeat scroll 0px 0px;
    float: right;
    display: block;
    height: 20px;
    background-size: contain;
    filter: saturate(0);
}

/** komentarze ****************************************************************/
.c_nick {
    margin: 1px 0 0;
    width: 65%;
}

.c_title {
    float: left;
    margin: 6px 0px 6px 0px;
}

.c_text b.comment_title { display: inline-block; padding: 0px 0px 10px 0px; }

.c_response {
    float:right;
    margin: 6px 0px 6px 0px;
    color: #0079be;
    font-size: 110%;
}

.c_response:before
{
    content: "\e04e";
    font-family: 'Icomoon';
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px 0 20px;
    vertical-align: middle;
}

.c_response.violation:before
{
    content: "\e050";
}

.c_name {
    float:left;
    font-weight:bold;
    margin: 5px 0px 20px 0px;
}

.c_text {
    font-size: 105%;
}

.c_form_div {
    clear:both;
}

.c_txt {
    width: 99%;
    height:100px;
    margin: 10px 0px 0px 0px;
}

.c_entry {
    padding: 15px;
    border: 1px solid #ddd;
}
/* end komentarze*/


form ul.radio_list
{
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
    flex-flow: row wrap;
}

.tab-content-wrapper
{
    width: 100%;
    margin-top: -15px;
    padding: 15px 15px 0 15px;    
    border-style: solid;
    border-color: silver;
    border-left-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-top-width: 0;
    box-sizing: border-box;
}

.info-icon
{
    width: 16px;
    height: auto;
    display: inline-block;
    margin: 0 10px 0 10px;
    vertical-align: middle;
    float: right;
}

.info-icon + div
{
    height: auto;
    max-height: 0;
    min-height: 0;
    overflow: hidden;
    padding: 10px;
    border: 1px solid silver;
    box-sizing: border-box;
    background: #fff;
    color: #000;
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    transition: max-height 0.35s;
    display: none;
}

.box-iobiekt a:hover {
    color: red;
}

/** wyciete fragmenty z tresci dla Aplikacji mobilnej  ************************/
.aunavailable-content
{
    width: 100%;
    height: 10px;
    margin: 0 0 10px 0;
    display: block;
    background: #efefef;
    color: #000;
}

.aunavailable-content:before
{
    content: '(…)'; /* „ … ” */
    color: #646464;    
}

/* ustawienia dla boksow w lewym panelu */
.panel_box 
{
    background: #fff;
    box-shadow: 0px 0px 5px 0 silver;
    padding: 10px 15px 10px 15px;
    margin: 0px 0px 20px 0px;
}

.title_border {
    border-left-style: solid;
    border-left-width: 7px;
    padding:0px 0px 0px 9px;
    margin: 0px 0px 8px 0px;
}

.title .subdesc {
    padding: 0px 9px 0px 0px;
    float:left;
}


input[type="checkbox"],
.pytanie input[type="radio"]
{float: left; margin: 3px 5px 0px 0px;}

#lista_kategorii
{
    color:#000000;
    text-align: center;
    height:27px;
    width:450px;
    margin:0px 0px 0px 0px;
}

select.lista_kategorii
{
    display:block;
    float:left;
    height:20px;
    margin:3px 10px 3px 3px;
    width:310px;
    text-align: left;
    color:#000000;
}

select.kategoria_select
{
    margin: 7px 0 0 8px;
    border: 1px solid #015f8a;
    color: #015f8a;
}

/** ankiety **/
.ankt_option{
    float: left;
    width: 88%;
    margin-bottom: 10px;
}

/* style kalendarz i Infomrator article */
.aside_kal{
	display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.aside_kal .box-iobiekt {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    font-size: 120%;
    flex: 0 1 48%;
	margin-bottom: 5px;
}

.aside_kal .box-iobiekt > .obiekt_typ,
.aside_kal .box-iobiekt > .obiekt_typ {
    color: #0079be;
    background-color: white;
    text-shadow: 0 0;
}

.aside_kal .box-iobiekt{
	background:#f6f6f6;
}

.aside_kal .box-iobiekt .obiekt_dane {
      flex-grow: 1;
}


article.grafika_half .grafika_tresc{
	width: auto !important;
    max-width: 300px !important;
}

article.grafika_half .grafika_tresc + .cl{
	display:none;
}

article.grafika_half .box{
	float:right;
}


article.grafika_half.lock .grafika_tresc,
article.grafika_half.lock .grafika_tresc img{
	width:300px;
	height:auto;
}

article.grafika_half.lock .box {
    float: right;
    width: calc(00% - 300px - 25px) !important;
}

/*Filtry w inwestycjach */
div.mapa_filtry {padding:0px 8px;clear:both; margin: 0px 0px 20px 0px;}
div.select_filter {clear:both; display:block; margin-bottom: 14px;}
div.mapa_filtry label {color:#000;padding-top: 2px;font-size: 14px;}
div.mapa_filtry select {width:100%;font-size: 14px;height:24px;cursor: pointer;clear:both;}

.module-mapaInwestycji .level-2 > span {
    background-color: #0079be;
	color:white;
}

.gpopup header h2 span.info_label{
	width: 42px;
    height: 43px;
}

body.module-galeria.action-show .fancybox-title >h4{
	display:none;
}

#PAN_HEAD > div
{
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
}

#PAN_HEAD > div .miejsce-banerowe.naglowek_logo
{ align-self: flex-start; }

/*#PAN_HEAD.menuDocked > div .miejsce-banerowe.naglowek_logo .pole-banerowe:first-child
{ display: none; }*/

#PAN_HEAD:not(.menuDocked) > div .miejsce-banerowe.naglowek_logo .pole-banerowe + .pole-banerowe
{ display: none; }

#PAN_HEAD.menuDocked > div .miejsce-banerowe.naglowek_logo .pole-banerowe + .pole-banerowe
{ 
    position: fixed;
    top: 0;
    z-index: 15;
}

#PAN_HEAD > div .miejsce-banerowe.naglowek_logo_bip
{
    height: 34px;
    margin: 17px 0 16px 36px;
}

.goog-te-gadget-simple .goog-te-menu-value span:first-child,
.goog-te-gadget-simple .goog-te-menu-value span:last-of-type
{
    display: inline-block;
}

.goog-te-gadget-simple .goog-te-menu-value span:last-of-type
{
    width: 15px;
    height: 21px;
    background: url('../../images/common/sprites-custom.png') no-repeat 0px -35px;
    text-indent: -999px;
    overflow: hidden;
    
}

ul.tabs > .rss
{
    width: 32px;
    height: 32px;
    background: url('../../images/common/sprites-custom.png') no-repeat 0px -875px;
    border: 2px solid #000;
    float: right;
    cursor: pointer;
    position: absolute;
    top: -4px;
    right: 0;
}

.box-kalendarza
{
    /*height: 379px;*/
    overflow: hidden;
    margin-bottom: 41px;
}

.jsheader-toggler-wrapper
{
    width: 1200px;
    height: 0;
    position: relative;
    margin: 0 auto;
}

.jsheader-toggler
{
    width: 16px;
    height: 39px;
    background: #fff;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 13;
    background: #fff url('../../images/common/sprites-custom.png') no-repeat 0px -980px;
    cursor: pointer;
    transform: translateY(0%);
    transition: 0.15s transform ease;
}

.jsheader-toggler.active
{
    transform: translateY(-100%);
    background: #fff url('../../images/common/sprites-custom.png') no-repeat 0px -1015px;
    transition: 0.15s transform ease;
    z-index: 16;
}

a.zalacznik_embeded
{
    font-size: 90%;
    color: #4c4c4c !important;
    padding: 5px 0 5px 45px !important;
}

a.zalacznik_embeded strong
{
    font-weight: normal;
    padding-bottom: 0 !important; 
    font-size: 100% !important;
}

.common-tabber
{
    overflow: visible !important;
}

.facebook_button {
    cursor: pointer;
    position: fixed;
    z-index: 99999;
    top: 364px;
    left: 0px;
    width: 48px;
    z-index: 9;
    height: 155px;
    background: url(/images/portal/facebook_button.png) no-repeat scroll 0 0 transparent;
    transform: rotate(180deg);
}

.condensed
{
    white-space: nowrap;
    letter-spacing: -3px;
    word-spacing: -3px;
}

.condensed > span
{
    padding: 0 !important;
}

.module-kalendarz_imprez.action-impreza .grafika_tresc{
	display:none;
}