/*1. reset stylow - begin*/

:not(font),
::after,
::before {
    position:static;
    display:block;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    box-sizing: border-box;
    box-shadow: none;
    /* overflow: hidden; */
    z-index: 0;
    clear: none;
    width:auto;
    text-decoration: none;    
    font: normal 400 14px/1.6 'open-sans', sans-serif;   
    color: rgba(89,89,101,1); 
    background: transparent;
}
/*reset stylow - end*/

/*2. ukryj elementy layoutu - begin*/
head,
script,
template,
dialog,
menu,
style {
    display: none;
}
/* ukryj elementy layoutu - end*/

/*3. ustawienia layout - begin*/


/*3.2. ustawienia bazowe czcionek, kolorow tla, kolorow tekstu, itp - begin*/
html {  
    position:relative;
    min-height: 100%;
    min-width: 100%;
    z-index:0;
    background: rgba(240,240,240,1); 
    overflow: auto;
}
/*ustawienia bazowe czcionek, kolorow tla, kolorow tekstu, itp - end*/

/*3.3. layout glowny - begin*/

body > header {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    height: 9rem;
    background: rgba(65,65,75,1);
    z-index:2;
}

body > nav {
    position:absolute;
    top:9rem;
    width: 12rem;
    z-index: 2;
}

body > main {  
    position: relative;
    padding:2rem;
    /*padding-left: 14rem;*/
    padding-top: 1rem;
    background: rgba(240,240,240,1);
    z-index: 1;
    min-height: 22rem;
}

body > aside {
    position: absolute;  
    bottom: 9rem;
    height: 3rem;
    background: rgba(240,240,240,1);     
    z-index: 1;
}

body > footer {  
    position: absolute;  
    width: 100%;
    left: 0;
    right: 0;     
    bottom: 0;
    height: 9rem;
    z-index: 1;
}

body > header *,
body > footer * {
    margin: 0 auto;
    width: 960px;
}

/*layout glowny - end*/


body > header > a > h1 {
    position:absolute;
    width:auto;
    bottom: 0;
    padding-left: 1rem;
    padding-right: 2rem;
    font-size: 24px;
    height: 3rem;
    line-height: 1.8;
    background: rgba(35,187,110,1);
    z-index: 1;
    white-space: nowrap;
}


body > header * {
        color:rgba(255,255,255,1);
}

body > header > div:nth-child(1) {
	width:960px;
	height: 9rem;
	background: rgba(65,65,75,1);
}

body > header > div:nth-child(1) > div:nth-child(1) {
	padding-top: 1.1rem;
	margin-left: 12rem;
	width: 500px;
    color: rgba(255,255,255,1);
    text-transform: uppercase;
    font-size: 1.2857rem;
    font-family: "open-sans-semi-bold";
    line-height: 1.6;  
}

body > header > div:nth-child(1) > div:nth-child(2) {
	margin-left: 12rem;
	width: 500px;
    font-size: 1rem;
    font-family: "open-sans-light";    
    line-height:1.2;
    height: 3rem;
    color: rgba(240,240,240,1);
}

body > header > nav {
    position: absolute;
    margin: 0 auto;
    width: 960px;
    top:0;
    bottom:0;
    right: 0;
    left: 0;
    
    list-style-type: none;  
    direction: rtl;
}

body > header > nav ul {
    direction: ltr;
}

body > header > nav ul * {
    display:inline;  
}

/*ustawienia dla elementu  a -begin*/
body > :not(nav) a:hover,
body > :not(nav) a:active {
    text-decoration:underline;  
}

body > header > nav > ul:last-of-type a::after {
    display: inline;
    content: " >";
    color:rgba(255,255,255,1);
}

/*ustawienia dla elementu  a -end*/



/*naglowek, menu kontrast -begin*/
body > header > nav ul:not(:last-of-type) {
    background: rgba(89,89,101,1);       
    position: absolute;
    top:6rem;
    height: 3rem;
    right: 0;
    text-align: right;
    padding-right: 1rem;
    padding-top: 0.2rem;
}


body > header > nav ul:nth-child(1) li:first-of-type::before {
    display: inline;
    content: "Kontrast:";
    color: rgba(255,255,255,1);
    margin-right: 0.4rem;
}

body > header > nav ul:nth-child(1) li:nth-child(4)::before {
    display: inline;
    content: "Czcionka:";
    color: rgba(255,255,255,1);
    margin-right: 0.4rem;
    margin-left: 2rem;
}

/*naglowek, menu kontrast - end*/


/*naglowek, menu logowania -begin*/
body > header > nav ul:last-of-type {
    position: absolute;
    top:0;
    right: 0;
    text-align: right;
}

body > header > nav ul:last-of-type > li {
    line-height: 3rem;
    padding: 1rem;
}

body > header > nav ul:last-of-type > li:last-of-type {
    background: rgba(90,138,174,1);
    text-transform: uppercase;
}


a[data-username]::before {
    position: relative;
    display: inline;
    content: attr(data-username);
    padding-right: 1rem;
    text-transform:none;
    color:rgba(255,255,255,0.5);
}
/*naglowek, menu logowania -end*/


/*lewe menu -begin*/

body > nav > ul {
    background: #23bb6e; 
    padding: 0 0 8rem 0;
}

body > nav > ul * {
    color: #ffffff;
    font-size: 1rem;
    line-height: 2;
    font-weight: 300;
    height: 2rem;
}

body > nav > ul > li a {
    padding-left: 1rem;
    font-family: "open-sans-light";
}

body > nav > ul > li:not(:first-of-type) {
    border-top:1px solid #7ae3a8;
}

body > nav > ul > li a[open] {
    background: rgba(240,240,240,1); 
    color: #23bb6e;
    border-left: 1px solid #23bb6e;
    font-family: "open-sans";
}

body > nav > ul li:hover,
body > nav > ul li:active,
body > nav > ul li:hover a[open],
body > nav > ul li:active a[open]
{
    background: #21a664;
    color: #ffffff;
}
/*lewe menu -end*/

body > footer > address {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0.4rem;
}

body > footer > address a {
    top: 0;
    display: inline;
    width: 50%;
}
body > footer > address > a:last-of-type {
    position: absolute;
    right: 0;
    top:0;
    text-align: right;
    width: auto;
}
/*ustawienia layout - end*/

body > main h1 {
    font-size: 2.5714rem;
    font-family: "open-sans-semi-bold";
}

body > main h2 {
    font-size:1.5rem;
    color:rgba(35,187,110,1);
    font-family: "open-sans-semi-bold";
}

body > main h3 {
    font-size:1.2857;
    color:rgba(35,187,110,1);
    font-family: "open-sans-semi-bold";
}

body > main h4 {
    font-size:1.1428;
    color:rgba(35,187,110,1);
    font-family: "open-sans-semi-bold";
}


/*main - pelny ekran bez nawigacji - begin*/

body > nav + main {
    padding-left: 14rem;
}

/*main - pelny ekran bez nawigacji - end*/