/* =body
************************************************************** */

html, body {
    width: 100%;
    height: 100%;
    background-image: url('../../../images/tlo12.png');
}

body {
    font: normal 81.3% Tahoma, Helvetica, Verdana, sans-serif;
    color: #3F3F3F;
	background-image: url('../../../images/tlo_kolejne.png');
    /*background: #597A6F url('../../../images/tlo_serwis.png') repeat-x top;  GOOD  */
	
}
.welcome {
	/*background: #597A6F url('../../../images/tlo_serwis.png') repeat-x top; GOOD*/
	background-image: url('../../../images/tlo11.png');
	background-repeat: repeat-x;
}

body.main-page {
    color: #fff;
    /*background-color: #173734;*/
    background-image: url('../../../images/tlo11.png');
	background-repeat:repeat-x;
}


#s4-titlerow {
    padding-bottom: 25px;
    background: #1e423f url('../../../images/tlo_serwis.png') repeat-x scroll center top;
}

.welcome #s4-titlerow {
 padding-bottom: 0px;
}

.main-page #s4-titlerow {
    background-color: transparent;
    background-image: none;
}

#s4-workspace {
/*    */
    padding-bottom: 15px;
}

#s4-workspace {
	background-color: #f5f9f5;
}

.welcome #s4-workspace {
	background-color: transparent;
}

.welcome .main-page #s4-workspace {
    background-color: #173734;
}

input {
	color: #000000;	
}

fieldset {
	padding: 0;
	border-width:0;
}

.mob-visible {
   display: none;
}

/* =header
************************************************************** */

.main-header {
    position: relative;
    max-width: 910px;
    padding-top: 16px;
    margin: 0 auto;
    background: url('images/header-building.png') no-repeat left top;
    height: 111px;
}

.main-page .main-header {
    background-image: none;
}


.main-title {
    max-width: 505px;
    height: 70px;
    margin: 0 auto;
    color: #fff;
    background: rgba(0, 0, 0, 0) url('../../../images/logo_sn_en.png') no-repeat center center;
    background-size: 100% auto;
    text-indent: -1000em;

}

.mobile-nav-icon {
    display: none;
    position: absolute;
    top: 10px;
    left: 10px;
    width: 34px;
    height: 34px;
    cursor: pointer;
}

.contrast-controls {
    position: absolute;
    top: 46px;
    right: 0px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.contrast-controls--element a {
    padding: 4px 9px 6px;
    border-radius: 50%;
    font-size: 1em;
}

.contrast-controls--element.contrast-controls--yellow-black a {
    color: #fff000;
    background-color: #000;
}

/* =quick-links
************************************************************** */

.quick-links {
    position: absolute;
    top: 8px;
    right: 0;
    list-style: none;
    margin: 0;
    color: #fff;
}

.quick-links--element {
    display: inline-block;
    margin-left: 10px;
    font-size: 0.846em;
    vertical-align: top;
}

.quick-links--element,
.quick-links--element a {
    color: #fff;
}

.quick-links--element:first-child {
    margin-left: 0;
}

.quick-links--element a img {
    vertical-align: top;
}

.mobile-navigation.mobile-navigation--quick-links {
    padding: 3px 10px;
    border-bottom-width: 0;
}

.mobile-navigation--quick-links .quick-links--element {
    display: block;
    margin-left: 0;
    margin-top: 5px
}

.mobile-navigation--quick-links .quick-links--element:first-child {
    margin-top: 0;
}

/* =main-navigation
************************************************************** */

.main-nav {
    text-align: center;    
    margin-top: 20px;
    color: #fff;
}

.main-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.main-nav li {
    display: inline;
}

.main-nav li a {
    padding: 5px 21px 9px;
    font-family: Georgia, serif;
    font-size: 1.385em;
    letter-spacing: 0.05em;
    color: #fff;
}

.main-nav li.selected a {
    background: url('../../../images/podswietlenie_menu.png') repeat-x top;
}


/* =main-container
************************************************************** */

.main-container {
    max-width: 910px;
    margin: 0 auto;
	min-height: 450px;
}

.main-page .main-container {
    max-width: 1035px;
}


/* =secondary-navigation
************************************************************** */

.secondary-navigation {
    float: left;
    width: 204px;
    padding-left: 16px;
}

.secondary-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.secondary-navigation li {
    border-top: 1px #c0c0c0 solid;
    padding: 1px 0;
}

.secondary-navigation li:first-child {
    border-top-width: 0;
    padding-top: 0;
}

.secondary-navigation li a {
    display: block;
    padding: 10px 15px;
    text-align: right;
}

.secondary-navigation li.selected a {
    background: url('../../../images/menuV_ActiveHover.gif') repeat-y right;
}

.skipnav {
    text-align: left; 
}
.skipnav a { 
    position : absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; 
}
.skipnav a:focus, 
.skipnav a:active { 
	position: static; left: 0; width: auto; height: auto; overflow: visible; text-decoration: underline; 
} 


/* =page-container
************************************************************** */

.page-container {
    /*
    margin-left: 284px;
    */
    margin-left: 260px;
}

.page-footer {
	min-height: 50px;
    padding: 15px 0 15px 66px;
    margin-top: 15px;
    /*color: #828482; WCAG 2.0*/
    color: #6f716f;
    font-size: 0.923em;

    background: url('../../../images/Waga.png') no-repeat left;
    /*clear:both; SN_PR_ powoduje zle wyswietlanie metryki*/
	position:relative;
}

.information-list {
    margin: 0;
	bottom: 0; 
	padding-bottom: 13px; 
	position: absolute;
}

.information-list--element {
    float: left;
    width: 230px;
}

/*.information-list--element:after {
    content: ':';
}*/

.information-list--value {
    margin-left: 235px;
}

.information-list--element,
.information-list--value {
    line-height: 1.5em;
}

.promemoria
{
	font-family: Tahoma, Helvetica, Verdana;
	font-size: 18px;
	font-style:italic;
	letter-spacing: 0.128em;	
    color:#000000;
    position:relative;
}
.promemoria a:link, .promemoria a:active, .promemoria a:visited
{
	font-family: "Times New Roman", Georgia, Times, serif;
	font-weight:bold;
	color:#000000;
	text-decoration:none;	
	outline:none;
	top: -45px;
	right: 100px;
	position:absolute;
}
.promemoria a:hover
{
	text-decoration:underline;
}

/* =mobile-panel
************************************************************** */

#mobile-panel {
    width: 275px;
    background-color: #3F6360;
    top: 0;
    left: 0;
}

#mobile-panel.loading {
    position: absolute;
    left: -1000em;
    top: 0;
}

.mobile-panel--content {
    padding: 10px 0;
}

.mobile-navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px #0C2A27 solid;
}

.mobile-navigation--element {
    font-size: 1.154em;
    border-top: 1px #0C2A27 solid;
    text-transform: uppercase;
}

.mobile-navigation--element a,
.mobile-navigation--element a:hover,
.mobile-navigation--element a:active {
    color: #fff;
    display: block;
    padding: 10px;
    text-decoration: none;
}

.mobile-navigation--element a:hover,
.mobile-navigation--element a:active {
    background-color: #27403D;
}

.mobile-navigation--parent-element > a {
    position: relative;
    padding-right: 20px;
}

.mobile-navigation--parent-element > a:before {
    content: '';
    display: block;
    position: absolute;
    right: 5px;
    top: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5.5px 0;
    border-color: #fff transparent transparent transparent;
    transition: transform 0.5s;
    -webkit-transition: -webkit-transform 0.5s;
    -moz-transition: -moz-transform 0.5s;
    -o-transition: -o-transform 0.5s;
    -ms-transition: -ms-transform 0.5s;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
}

.mobile-navigation--parent-element.selected-element > a:before {
    transform: translate(0, -52%) rotate(180deg) ;
    -webkit-transform: translate(0, -52%) rotate(180deg) ;
    -moz-transform: translate(0, -52%) rotate(180deg) ;
    -o-transform: translate(0, -52%) rotate(180deg) ;
    -ms-transform: translate(0, -52%) rotate(180deg) ;
}

.mobile-navigation--secondary,
.mobile-navigation--3rd-level {
    display: none;
    border-bottom-width: 0;
}

.mobile-navigation--secondary .mobile-navigation--element,
.mobile-navigation--3rd-level .mobile-navigation--element {
    font-size: 1em;
    text-transform: none;
}

.mobile-navigation--secondary .mobile-navigation--element:first-child,
.mobile-navigation--3rd-level .mobile-navigation--element:first-child {
    border-top-width: 1px;
}

.mobile-navigation--secondary .mobile-navigation--element a {
    padding-left: 20px;
}

.mobile-navigation--3rd-level .mobile-navigation--element a {
    padding-left: 30px;
}

/* =main-page master
************************************************************** */

.main-page .main-container {
    padding-top: 419px;
    padding-bottom: 50px;
    background: url('../../../images/logo_budynek.png') no-repeat 0 0;
}

.main--information-row {
    padding: 0 110px;
}

.main--information-block {
    float: left;
    width: 270px;
    font-size: 0.846em;
}

.main--information-block:first-child {

}

.main--information-block address {
    display: block;
    font-style: normal;
}

.main--information-block-title {
    font-weight: bold;
    margin: 0 0 8px 0;
    font-size: 1em;
}

.main--information-block--info-section {
    margin-bottom: 8px;
}

.contact-information .main--information-block--info-section {
    padding-left: 10px;
}

.contact-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.contact-list--element {
    margin-top: 6px;
    padding-left: 21px;
    background-position: left top;
    background-repeat: no-repeat;
}

.contact-list--element:first-child {
    margin-top: 0;
}

.contact-list--element.contact-type--phone {
    background-image: url('../../../images/phone.png');
}

.contact-list--element.contact-type--email {
    background-image: url('../../../images/mail.png');
}

.contact-list--element a {
    color: #fff;
}


/* =container--header-bar
************************************************************** */

.container--header-bar {   
    border-bottom: 1px #d5d7d5 solid;
    margin: 0 0 15px;
    overflow: hidden;
}

.container--header-bar .print-icon {
    display: block;
    float: right;
    width: 20px;
    height: 20px;
    background: url('../../../images/ico_print.gif') no-repeat center center;
}


/* =breadcrumbs
************************************************************** */

.breadcrumbs {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
	font-family:Tahoma, Helvetica, Verdana;
	font-size:8pt;
	color:#666666;
}

.breadcrumbs a{
	color:#666666;
}

.breadcrumbs--element {
    float: left;   
}

.breadcrumbs--separator {	
	content: '';
    display: block;
    width: 0;
    height: 0;
    float: left;
	margin: 4px 5px 0;
    border-style: solid;
    border-width: 3.5px 0 3.5px 4px;
    border-color: transparent transparent transparent #394b62;
}

/* =page-form
************************************************************** */

.page-form {
    border: none;
    border-top: 1px #A5B8B1 solid;
    margin: 0;
    padding: 0;
}

.page-form--cell {
    border-bottom: 1px #A5B8B1 solid;
    padding-top: 1px;
}

.page-form--label {
    display: block;
    float: left;
    padding: 9px 0 10px 15px;
}

.page-form--label--description {
    display: block;
    padding-left: 30px;
    margin-top: 10px;
    font-style: italic;
}

.page-form--fields {
    margin-left: 300px;
    background-color: #A5B8B1;
    padding: 10px 0 10px 15px;
}

.page-form--field {
    margin-top: 5px;
}

.page-form--field:first-child {
    margin-top: 0;
}

.page-form--field--descr {
    display: inline-block;
    font-style: italic;
    margin-right: 5px;
    min-width: 55px;
}

.page-form--field input[type="text"],
.page-form--field input[type="date"],
.page-form--field input[type="email"],
.page-form--field input[type="password"] {
    width: 250px;
    height: 12px;
    font-size: 0.815em;
}

.page-form--field input[type="text"].page-form--field--short,
.page-form--field input[type="date"].page-form--field--short,
.page-form--field input[type="email"].page-form--field--short,
.page-form--field input[type="password"].page-form--field--short {
    width: 123px;
}

.page-form--field select {
    width: 254px;
    height: 20px;
    font-size: 0.815em;
}

.page-form--button {
    margin-top: 10px;
    text-align: center;
}

.page-form--button input {
    background-color: #A5B8B1;
    color: #173733;
    padding: 5px 15px;
    border: 1px solid #5A7A6E;
    font-size: 0.815em;
    margin: 0 15px;
}


/* =data-table
************************************************************** */

.data-table {
    width: 100%;
    margin-bottom: 10px;
}

.data-table thead {
    background-color: #c9d6ce;
    border: 1px solid #4f4f4f;
}

.data-table thead th {
    font-weight: bold;
}

.data-table thead th,
.data-table tbody td {
    padding: 5px 10px;
    vertical-align: top;
    text-align: center;
}

.data-table tbody td {
    border-bottom: 1px solid #4f4f4f;
}

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

.goto-top {
    padding: 10px 0;
    text-align: center;
    font-size: 0.815em;
    background-color: #f5f9f5;
}

.goto-top a {
    display: inline-block;
}

.goto-top a:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 3.5px 6px 3.5px;
    border-color: transparent transparent #394b62 transparent;
    margin-left: 5px;
}

.main-footer--shadow {	
    background-repeat: repeat-x;    
    background-image: url("../../../images/footer_shadow5.png");
    margin-left:auto;
    margin-right:auto;
    height:2px;
}

.main-footer {	
    padding: 20px 0 24px;
    background: #597A6F url("../../../images/tlo_kolejne.png") repeat;
   /* 
    border-color: #3f6558;
    border-width: 1px 0;
    border-style: solid;
   */
}

.main-footer--inner {
    max-width: 910px;
    margin: 0 auto;
}

.footer-links {
    list-style: none;
    margin: 0;
    padding: 0;
    color: #fff;
    text-align: center;
}

.footer-links--element {
    display: inline;
    margin-left: 13px;
    font-size: 0.923em;
    line-height: 2em;
    white-space: nowrap;
}

.footer-links--element:first-child {
    margin-left: 0;
}

.footer-links--element a {
    color: #fff;
}


/* =contrast settings
************************************************************** */

body.contrast--yb,
body.main-page.contrast--yb {
    color: #9B9200;
    background: #000;
}

.contrast #s4-workspace,
.contrast #s4-bodyContainer {
    background-image: none;
    background-color: transparent;
}

.contrast--yb .www .mGrid .Label_date,
.contrast--yb table,
.contrast--yb .www,
.contrast--yb .page-footer,
.contrast--yb .www .mGrid .Aktualnosci_Item .Label_body .Label_dataWplywu {
    color: #9B9200;
}

.contrast--yb .www h1,
.contrast--yb .www h2,
.contrast--yb .www h3 {
    color: #FFF339;
}

.contrast--yb .www a:link, .contrast--yb .www a:visited, .contrast--yb .www a:active,
.contrast--yb .www .mGrid .Aktualnosci_Item .Label_details a {
    color: #fff000 !important;
}

.contrast--yb a,
.contrast--yb .main-nav li a,
.contrast--yb .page-form--button input  {
    color: #fff000;
}

.contrast .secondary-navigation li.selected a {
    background-image: none;
}

.contrast .main-nav li.selected a,
.contrast .secondary-navigation li.selected a {
    background-image: none;
    text-decoration: underline;
}

.contrast .main-footer,
.contrast .Menu_back_new,
.contrast .page-form--fields,
.contrast .page-form--button input {
    background-color: #171717;
    background-image: none;
}

.contrast .page-footer {
    padding-left: 0;
    background-image: none;
}

.contrast input,
.contrast select {
    color: #000;
}




/* =rwd
************************************************************** */

/*
 * Page max-width reached:
 */
@media screen and (max-width: 920px) {

    /** Remove body background **/
    body,
    body.main-page {
        background-image: none;
    }



    /** Add margin/padding to containers  **/
    .main-header {
        padding: 5px 3% 5px 60px;
        height:inherit;
    }
    .main-container {
        margin: 0 3%;
        padding: 20px 0 0 0;
		min-height:inherit;
    }
    .main-footer {
        padding: 0 3%;
    }



    /** Header  **/
    .main-header {
        /*background-color: #173734;*/
        background-image: none;
    }
    .quick-links {
        right: 3%;
    }


    /** Change nav to hamburger menu  **/
    .mobile-nav-icon {
        display: block;
    }
    .main-nav {
        display: none;
    }



    /** Remove page 2 column layout  **/
    .secondary-navigation {
        display: none;
    }
    .page-container {
        margin-left: 0;
    }



    /** Remove page 2 column layout  **/
    .quick-links {
        display: none;
    }



    /** Main page modifications  **/
    .main-page .main-container {
        background-image: none;
        padding-top: 20px;
    }
    .main--information-row {
        padding: 0;
    }
    .main--information-block {
        /*width: 48%;*/
        padding: 0 1%;
        margin: 0 0 30px 0;
    }    

    /** General helpers  **/
    .mob-hidden {
        display: none;
    }
    .mob-visible {
        display: block;
    }
    .promemoria {
        display: none;
    }



    /** Changes to SP elements **/
    #aspnetForm {
        background-color: #597A6F;
        height: 100%;
    }
    .main-page #aspnetForm {
        background-color: #173734;
    }



    /** Changes to footer **/
    .footer-links {
        text-align: center;
    }
}

/*
 * Main page single column layout:
 */
@media screen and (max-width: 450px) {

    /** Main page modifications  **/
    .main--information-block {
        float: none;
        width: auto;
        padding: 0;
    }
	.main--information-block:first-child {
		margin-left:0;
	}
	.main-title {
		background-image: url('../../../images/logo_sn_en.png');
    }

	
}

/*
 * Page footer single column
 * Table boken into rows
 */
 @media screen and (max-width: 580px) {

    .page-footer {
    	min-height: inherit;
        background-image: none;
        padding-left: 0;
		position:inherit
    }
	.information-list {
	bottom: auto; 
	padding-bottom: inherit; 
	position:inherit;	
	}

    .information-list--element {
        float: none;
        width: auto;
    }
    .information-list--value {
        margin-left: 0;
        font-weight: bold;
    }
    .data-table thead {
        display: none;
    }
    .data-table tbody tr {
        display: block;
        padding: 5px;
        margin-top: 10px;
    }
    .data-table tbody tr:first-child {
        margin-top: 0;
    }
    .data-table tbody tr:nth-child(even) {
        background-color: #c9d6ce;
    }
    .data-table tbody td:after {
        content: "";
        display: block;
        height: 0;
        overflow: hidden;
        clear: both;
    }
    .data-table tbody td {
        display: block;
        text-align: left;
        border: none;
        padding: 5px 0 0 0;
        margin-top: 5px;
        border-top: 1px #a8a8a8 solid;
    }
    .data-table tbody td:first-child {
        margin-top: 0;
        border-top-width: 0;
        padding-top: 0;
    }
    .data-table tbody td:before {
        display: block;
        float: left;
        width: 50%;
        content: attr(data-th)": ";
        font-weight: bold;
    }

    .data-table--cell-content {
        margin-left: 60%;
    }

}

/*
 * Form
 */
 @media screen and (max-width: 650px) {

    .page-form--cell {
        margin-top: 10px;
    }
    .page-form--cell:first-child {
        margin-top: 0;
    }
    .page-form--label {
        float: none;
        padding: 5px;
    }
    .page-form--fields {
        margin-left: 0;
        padding: 5px;
    }

}


/* =wcag helpers
************************************************************** */

.wcag-hidden {
    width: 1px;
    height: 1px;
    position: absolute;
    left: -10000em;
    top: 0;
    overflow: hidden;
}

/* =slideout
************************************************************** */

.slideout-menu {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
    width: 275px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    display: none;
}

.slideout-panel {
    position:relative;
    z-index: 1;
}

.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
    overflow: hidden;
}

.slideout-open .slideout-menu {
    display: block;
}


/* =important-info block
************************************************************** */

.important-info {
    margin-bottom: 10px;
}

strong.attention {
    font-weight: normal;
    color: #f00;
    text-transform: uppercase;
}

/* =general
************************************************************** */

* {
    -webkit-text-size-adjust: none;
}

a {
    color: #3f3f3f;
    text-decoration: none;
}
/*
a:focus {
    background-color: #6a0000;
}
*/

.main-page a {
    color: #fff;
}

a:hover {
    text-decoration: underline;
}


ul {
    margin: 0 0 0 25px;
    padding: 0;
}

.underlined-em {
    font-style: normal;
    text-decoration: underline;
}

/* =helpers
************************************************************** */

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


/* =sp stuff
************************************************************** */

.ms-hidden {
    display: none;
}


/* =old styles trumps
************************************************************** */

.www .mGrid,
.www .Menu_Choose,
.www .Menu_Choose .Selected_Value {
    clear: none;
}

.www .Menu_back .Level,
.Menu_back_new .Level, .Menu_back .Level,
.www .listElement_budzet .budzet {
    clear: none;
    overflow: hidden;
}

.Menu_back {
    margin-bottom: 0;
}

.search_textField_wp {
    float: left;
    height: 19px;
}
.search_text_wp h2 {
	font-weight: bold;
    margin: 0 0 8px 0;
    font-size: 1em;
}

.search_textField_wp input {
    background-image: url("/images/wyszukiwanie_filed.jpg");
    background-repeat: no-repeat;
    border: 0 none;
    height: 18px !important;
	max-width:127px;
}

.search_button_wp {
    float: left;
}

.welcome .Calendar{border:0 none !important;color: white;}
.welcome .Calendar .Day_header{color:white;font-weight:bold;}
.welcome .Calendar .Day{background-color:#E0EDE8 ;border:1px #173733 solid;color:#688e8e !important;margin:6px;}
.welcome .Calendar .Day a:active, .Calendar .Day a:link, .Calendar .Day a:hover{color:#173733 !important;}
.welcome .Calendar .Day_other{background-color:transparent;}
.welcome .Calendar .Day_other a:active, 
.welcome .Calendar .Day_other a:link,
.welcome .Calendar .Day_other a:hover{color:gray !important;}
.welcome .Calendar .Day_selected{}
.welcome .Calendar .NextPrev{color:#dfede7;font-weight:normal;}
.welcome .Calendar .NextPrev a:active,
.welcome .Calendar .NextPrev a:link,
.welcome .Calendar .NextPrev a:hover{color:white !important;}
.welcome .Calendar .Selector{}
.welcome .Calendar .Title{background-color:transparent;color:white;border-bottom:1px #bad8cd solid;font-weight:bold;}
.welcome .Calendar .Day_today{background-color:#bfbfbf ;border:1px #173733 solid;}
.welcome .Calendar .Weekend{background-color:#E0EDE8 ;border:1px #173733 solid;color:#173733 ;}
.welcome .Calendar .Weekend a:active,
.welcome .Calendar .Weekend a:link,
.welcome .Calendar .Weekend a:hover{color:#173733 !important;}

.welcome .linkKalendarium{
	padding: 8px 0 8px 0;
}