/* 
    tu przechowywane będą kolory, i inne atrybuty, które nie są wymiarami. Wymiary w plikach rozdzielczościowych
*/

root { 
    display: block;
}
@font-face {
    font-family: fontA1;
    src: url('/komponenty/font/Lato-Light.eot');
    src: 
        url('/komponenty/font/Lato-Light.otf') format('opentype'),
        url('/komponenty/font/Lato-Light.ttf') format('truetype'),
        url('/komponenty/font/Lato-Light.woff') format('woff'),
        url('/komponenty/font/Lato-Light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*
*/
@font-face {
    font-family: fontB1;
    src: url('/komponenty/font/Loew-Medium.eot');
    src: 
        url('/komponenty/font/Loew-Medium.otf') format('opentype'),
        url('/komponenty/font/Loew-Medium.ttf') format('truetype'),
        url('/komponenty/font/Loew-Medium.woff') format('woff'),
        url('/komponenty/font/Loew-Medium.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: fontB2;
    src: url('/komponenty/font/Loew-Bold.eot');
    src: 
        url('/komponenty/font/Loew-Bold.otf') format('opentype'),
        url('/komponenty/font/Loew-Bold.ttf') format('truetype'),
        url('/komponenty/font/Loew-Bold.woff') format('woff'),
        url('/komponenty/font/Loew-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: fontC1;
    src: url('/komponenty/font/OrgonSlabLight.eot');
    src: 
        url('/komponenty/font/OrgonSlabLight.otf') format('opentype'),
        url('/komponenty/font/OrgonSlabLight.ttf') format('truetype'),
        url('/komponenty/font/OrgonSlabLight.woff') format('woff'),
        url('/komponenty/font/OrgonSlabLight.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: fontC2;
    src: url('/komponenty/font/OrgonSlabMedium.eot');
    src: 
        url('/komponenty/font/OrgonSlabMedium.otf') format('opentype'),
        url('/komponenty/font/OrgonSlabMedium.ttf') format('truetype'),
        url('/komponenty/font/OrgonSlabMedium.woff') format('woff'),
        url('/komponenty/font/OrgonSlabMedium.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

*                   {margin: 0;padding: 0;}
body                {overflow-x: auto; margin: auto;font-family: fontA1, tahoma, verdana, sans-serif;color: #3a4a5c;} 
body,p              {font-size: 18px;}
#quazi-body         {width: 100%;margin: auto;display: table;}
.w100proc           {width: 100%;}
.wPodstawowe        {width: 1580px;margin:auto;}
.w1200              {width: 1200px; margin: auto;}
.left               {float: left;}
.right              {float: right;} 
.of-x               {overflow-x:hidden;}
.display-none       {display: none;}
.img                {}
.alt-img            {display: none;}
a                   {color: inherit; text-decoration: none;}
a:hover             {color: inherit;}
a:visited           {color: inherit;}
.astable            {display: table;}
.marg-auto          {margin: auto;}
h1, h2, h3          {}
button              {}
h1                  {font-size: 30px;}
h2                  {font-size: 20px;}
h3                  {font-size: 18px;}
p                   {margin: 15px 0px;}
hr                  {border: none;border-bottom: 1px solid #e3000f;}

#sama-gora          {height: 78px;}
.sama-gora          {margin: 20px auto;}
.sama-gora.left     {margin-left: 75px; margin-top: 32px;}
.sama-gora.right    {margin-right: 75px;}
.sama-gora table    {text-align: left; font-family: fontA1,verdana,sans-serif;font-weight: lighter;font-size: 14px;}
.sama-gora td       {padding:0 7px; color: #3a4a5c;}
.sama-gora td *     {vertical-align: middle;}
.sama-gora td img   {margin: -20px auto;}
#stala-gora-strony  {}
#zadzwon-mobilne    {display: none;}
#menues             {}
#menues > div > ul  {list-style-type: none; }
.przel-menu         {display: table;}
.przel-menu.aktywne, .przel-menu:hover
                    {padding-top: 5px;}
#menu-glowne        {height: 65px;}
#menu-pc li         {float: left;}
.menus              {width: 155px; text-align: center;white-space: nowrap; padding: 19px 34px 0px;font-size: 21px; font-weight: 100; font-family: fontC1,tahoma,sans-serif; text-transform: lowercase; color: #504e4f;
                    transition-property: color;transition-timing-function: ease-in-out;transition-duration: 0.5s;}
.menus:after        {content: ""; display: block; background-image: url(/komponenty/img/aktywny.png); background-size: contain; background-position: center;background-repeat: no-repeat; height: 0px;
                    transition-property: height;transition-timing-function: ease-in-out;transition-duration: 0.5s;}
#menu-pc li:first-child .menus {padding-left: 0px;}
#menu-pc li:last-child .menus {padding-right: 0px;}
#menu-pc li:nth-child(4) .menus {width: 0px;margin: 0px 115px;}
.menus img {position: absolute; margin-left: -172px; margin-top: -88px; z-index: 2000;}
#menu-glowne li:last-child .menus
                    {padding-right: 0; border-right: none}
.menus.aktywne, .menus:hover
                    { color: #327952;}
.menus.aktywne:after, .menus:hover:after
                    { height: 7px; color: #327952;}
#na-logo            {margin-left: 80px;}
#na-logo img        {}
#przelacznik-menu   {}
#na-logo .img       {}
#glowna             {display: table;margin-bottom: 40px; padding: 0;height: 600px;}
#glowna > section   {}
section#slider      {margin-top: 0px;}
#oferta-tekst
                    {width: 1500px; margin: 15px auto;}
#oferta-tekst .tresc-artykulu
                    {-moz-column-count: 2; 
                     -webkit-column-count: 2;
                     column-count: 2;
                     -moz-column-gap: 50px;
                     -webkit-column-gap: 50px;
                     column-gap: 50px;
                    }
#oferta-tekst .tresc-artykulu p
                    {margin-top: 0; text-align: justify; }
.tytul-sekcji-na-glownej > h2
                    {color: #3a4a5c;font-size: 36px;font-family: fontB1,tahoma,sans-serif;display: table;margin: -30px auto 30px;text-transform: uppercase;padding: 3px 54px;background-color: white;}
.tytul-sekcji-na-glownej > h1{text-transform: uppercase;}
.drzewo-menu        {list-style-type: none;margin: auto;display: table;}
.drzewo-menu > li   {float: left;}
.drzewo-menu   li   {text-transform: lowercase;font-family: fontC1,tahoma,sans-serif; font-size: 21px;}
.drzewo-menu ul     {list-style-type: none; background-color: white;}
.drzewo-menu ul.poziom_1 {position: absolute;z-index: 2;}
.drzewo-menu li.poziom_1 header {padding: 5px 28px;}
.drzewo-menu li.poziom_1:first-child header {padding-left: 0;}
.drzewo-menu li.poziom_1:last-child header {padding-right: 0;}

.rozwijany > header:after    {content:"";  background-image: url(/komponenty/img/aktywny.png); width: 13px; height: 7px; display: inline-block; transform: rotate(180deg);margin: 4px 5px;}
.tytul-podstrony    {margin-top: -67px;background-image: url(/komponenty/img/dalsza_kreska.png);height: 68px; background-repeat: repeat-x; }
.tytul-podstrony table{margin: auto;}
.tytul-podstrony td.srodek {text-transform: uppercase;color: #3a4a5c;font-size: 36px;font-family: fontB1,tahoma,sans-serif; height: 48px; display: table;margin: auto; padding: 10px 0px;background-image: url(/komponenty/img/srodek.png);background-repeat: repeat-x;}
.tytul-podstrony td.lewy-bok{height: 68px;width: 64px; background-image:url(/komponenty/img/lewy_bok.png);background-repeat: no-repeat;}
.tytul-podstrony td.prawy-bok {height: 68px;width: 64px; background-image: url(/komponenty/img/prawy_bok.png); background-repeat: no-repeat; }
.drzewo-menu ul     {display: none;}

table.tab-colspan   {width: 1200px;}
table.tab-colspan tbody tr:first-child img {position: absolute;margin-top: -45px;margin-left: -200px;height: 110px;}
table.tab-colspan tbody tr:first-child td {height: 150px; vertical-align: bottom;border-bottom: 1px solid #3a4a5c;}
table.tab-colspan tbody tr:first-child td:first-child {border-bottom: 0px solid #3a4a5c;}
table.tab-colspan tbody tr:first-child td:nth-child(2){padding-left: 200px;font-family: fontB2,sans-serif;font-size: 36px; color: #3a4a5c; text-transform: uppercase;}
table.tab-colspan tbody tr:nth-child(2n+1) {height: 40px; font-family: fontB2;font-size: 18px; vertical-align: bottom;border-bottom: 1px solid #bc2f2c;}
table.tab-colspan tbody tr:nth-child(2n+2) td:nth-child(2) {padding-right: 240px;}
table.tab-colspan tbody tr:first-child {border-bottom: none;}
table.tab-colspan tbody tr:nth-child(2n+1) td:nth-child(1n+3),
table.tab-colspan tbody tr:nth-child(1) td:nth-child(1n+3)
                    {text-align: center}
table.tab-colspan tbody tr:nth-child(1) td:nth-child(1n+3) strong {font-family: fontB2,sans-serif; font-size: 30px; text-transform: uppercase;}
table.tab-colspan tbody tr:nth-child(1) td:nth-child(1n+3) {font-family: fontA1,sans-serif; font-size: 12px; text-transform: lowercase;}
table.tab-colspan tbody tr:nth-child(2n+1) td:nth-child(3),
table.tab-colspan tbody tr:nth-child(1) td:nth-child(3) strong
                    {color: #bc2f2c;}
table.tab-colspan tbody tr:nth-child(2n+1) td:nth-child(4),
table.tab-colspan tbody tr:nth-child(1) td:nth-child(4) strong
                    {color: #9c1d20;}
table.tab-colspan tbody tr:nth-child(2n+1) td:nth-child(5),
table.tab-colspan tbody tr:nth-child(1) td:nth-child(5) strong
                    {color: #631114;}
table.tab-colspan tbody tr:nth-child(2) td:nth-child(2) {height: 20px; padding-left: 200px;}
                    
.artykul-wrapper table.tab-prosta   {width: 1200px;}
.artykul-wrapper table.tab-prosta tbody tr:first-child img {position: absolute;margin-top: -45px;margin-left: -200px;height: 110px;}
.artykul-wrapper table.tab-prosta tbody tr:first-child td {height: 150px; vertical-align: bottom;border-bottom: 1px solid #3a4a5c;}
.artykul-wrapper table.tab-prosta tbody tr:first-child td:first-child {border-bottom: 0px solid #3a4a5c;}
.artykul-wrapper table.tab-prosta tbody tr:first-child td:nth-child(2){padding-left: 200px;font-family: fontB2,sans-serif;font-size: 36px; color: #3a4a5c; text-transform: uppercase;}
.artykul-wrapper table.tab-prosta tbody tr:nth-child(1n+3) {height: 40px; font-family: fontB2;font-size: 18px; vertical-align: bottom;border-bottom: 1px solid #bc2f2c;}
.artykul-wrapper table.tab-prosta tbody tr:first-child {border-bottom: none;}
.artykul-wrapper table.tab-prosta tbody tr:nth-child(1n+3) td:nth-child(1n+3),
.artykul-wrapper table.tab-prosta tbody tr:nth-child(1) td:nth-child(1n+3)
                    {text-align: center}
.artykul-wrapper table.tab-prosta tbody tr:nth-child(1n+3) td:nth-child(2)
                    {font-family: fontA1; text-transform: lowercase;}
.artykul-wrapper table.tab-prosta tbody tr:nth-child(1) td:nth-child(1n+3) strong {font-family: fontB2,sans-serif; font-size: 30px; text-transform: uppercase;}
.artykul-wrapper table.tab-prosta tbody tr:nth-child(1) td:nth-child(1n+3) {font-family: fontA1,sans-serif; font-size: 12px; text-transform: lowercase;}
.artykul-wrapper table.tab-prosta tbody tr:nth-child(1n+2) td:nth-child(3),
.artykul-wrapper table.tab-prosta tbody tr:nth-child(1) td:nth-child(3) strong
                    {color: #bc2f2c;}
.artykul-wrapper table.tab-prosta tbody tr:nth-child(1n+2) td:nth-child(4),
.artykul-wrapper table.tab-prosta tbody tr:nth-child(1) td:nth-child(4) strong
                    {color: #9c1d20;}
.artykul-wrapper table.tab-prosta tbody tr:nth-child(1n+2) td:nth-child(5),
.artykul-wrapper table.tab-prosta tbody tr:nth-child(1) td:nth-child(5) strong
                    {color: #631114;}
                    
.zbior-ikon-art-i-dzial h3 {}
.zbior-ikon-art-i-dzial ul {list-style-type: none; font-family: fontB2; font-size: 18px;}

#oferta #tresc-artykulu div {width: 1200px; margin: 30px auto;}
#oferta #tresc-artykulu table img {width: 284px; margin: 20px 40px;}
#na_komorce         {margin-top: 50px;}
#na_komorce .tytul-sekcji-na-glownej > h2
                    {margin-left: 225px;}
#na_komorce > .left {margin-top: 50px; width: 52%; background-image: url(/komponenty/img/monitory.png); background-repeat: no-repeat; background-position: 100px 60px; }
#na_komorce > .left > div {padding: 0px 50px 37px 200px; height: 300px; display: table; text-align: center;}
#na_komorce > .left > div button {background-color: #e3000f;color: white;border-radius: 12px;border-style: solid;border-color: #e3000f;width: 210px;height: 50px; margin: 10px auto; font-family: fontC1; font-weight: 100;}
#na-komorce-buttony {width: 240px;margin-left: 382px;}
#na_komorce > .right{width: 46%; overflow: hidden;}
/*#na_komorce > .right > img {margin-left: -25px; margin-top: -50px;}*/
#artykuly           {margin-top: 50px;}
#artykuly > nav     {height: 45px;}
#artykuly >section  {}
.baner-stat-z-artykulu{}
.baner-stat-bg      {box-shadow: 0px 10px 33px -20px #000 inset; height: 200px; background-size: cover; background-position: center;}
#kontakt            {}
#kontakt #canvas1   {margin: 40px 0px}
#kontakt #canvas1 > hr       {margin: 3px 0px 5px;}
#grafika-kontakt    {height: 330px; background-image: url(/komponenty/img/grafika_kontakt.jpg); background-position: center;background-size: cover;}
.jedna_z_dwoch_kontaktu  strong  {font-family: fontB2;font-size: 18px;}
.jedna_z_dwoch_kontaktu{font-family: fontA1;font-size: 16px;}
.jedna_z_dwoch_kontaktu table {width: 585px; vertical-align: top;}
.jedna_z_dwoch_kontaktu table table {width: auto;}
.jedna_z_dwoch_kontaktu table td {padding: 5px 10px;}
.jedna_z_dwoch_kontaktu table table td {padding: 2px 5px;}
.jedna_z_dwoch_kontaktu table td strong img {margin: 3px 4px;}
#tekst-zacheta-do-kontaktu {font-family: fontA1;font-size: 18px; margin-top: 50px; margin-bottom: 50px; }

.lista_artykulow    {}
.tresci_artykulow   {}
.lista_artykulow ul {}
.lista_artykulow li {}
.lista_artykulow li.wybrany 
                    {}
.RRRR               {}
.MM, .DD            {}
.DD                 {}
#wszystkie-artykuly 
                    {display: table; width: 100%;margin-top: 50px;}
.news               {}
.box-aktualnosc:nth-child(3n) .news /* co któryś element gdy ostatni w rzędzie*/
                    {}
.news h2            {font-family: fontA1,tahoma,sans-serif; font-size: 21px; text-transform: uppercase;}
.news p             {font-family: fontA2,tahoma,sans-serif; font-size: 16px; font-weight: 100;}
.news .na_pierwszy_akapit 
                    {height: 150px;}
.news-ikona         {width: 265px; height: 200px;border-radius: 10px;background-size: cover;background-position: center;}
.artykul-wrapper    {max-width: 1240px;}
.tresc-artykulu h2,h3 
                    {}
.tresc-artykulu p,ul,ol,dl 
                    {}
/*.jedna_z_trzech_kontaktu:first-child{margin-left: 100px;}
.jedna_z_trzech_kontaktu:last-child{margin-right: 100px;}*/
footer  {background-image: url(/komponenty/img/stopka.jpg);padding: 84px 0 40px; font-size: 12px; font-family: fontA1;}
#stopka-copyright {height: 53px; background-color: white;}
#stopka-copyright > div {padding: 5px 0 0; }
#stopka-copyright > div > div {margin: 0 30px; }
#stopka-copyright > img {position: absolute; margin-left: 160px; margin-top: 12px;} 
#stopka-copyright hr    {margin-top: 7px;border-bottom-width: 2px;}
#stopka-copyright .left div {display: inline-block; text-align: right; margin: 0 30px;}
#stopka-copyright .left img {position: relative; top: 10px;}
#stopka-copyright .right div {display: inline;position: relative;top: -5px;margin-left: 20px;}
#stopka-copyright .right img {position: relative; top: 6px;}
/*-------- ważne do panelu przesuwnego ---------*/
    .box-przesuwnych-komor  {height: 385px;overflow: hidden;margin: auto;}
    .scroll-nadmiaru-komor  {position: relative;right: 0px;}
    .strzalka               {font-size: 50px; position: absolute; z-index: 150; background-repeat: no-repeat;margin-top: 155px;cursor: pointer;opacity: 0.5; filter: alfa(opacity = 40); background-size: contain;}
    .strzalka:hover         {opacity: 1; filter: alfa(opacity = 100);}
    .strzalka-lewo          {}
    .strzalka-prawo         {}
    .nieaktywna             {display: none;}
    .komora                 {width: 340px; height: 230px; margin: 50px 30px; float: left; text-align: center; color: #666; padding: 0px; border-width: 0px;}
    .komora .ikona-tlip, .komora .news-img     
                            {width: 100%; height: 100%; margin: 27px 0px;background-repeat: no-repeat;background-position: center;background-size: cover; box-shadow: 0px 0px 3px black;}
/*-----------------*/

/*-------- ważne do formularza kontaktowego ---------*/
        .scrolloff {pointer-events: none;}
        /*kontakt*/
        #kontakt-h1 {height: 75px; background-color: #f7f7f7;}
        #kontakt-h1 h1 {margin-top: 25px;}
        #dane_kontaktowe_form{}
/*        #dane_kontaktowe_form .tresc-artykulu {float: right; width: 500px;}*/
        #dane-teleadres {}
        #dane-teleadres td {}
        .na_input_kontaktu {float: left}
        .na_input_kontaktu, #dane_kontaktowe_form textarea{font-family: fontA1,tahoma,sans-serif; border-style: solid; border-color: #3a4a5c; color: #3a4a5c;}
        #dane_kontaktowe_form textarea        {}
        #dane_kontaktowe_form input {border: none;}
        #dane_kontaktowe_form textarea  {}
        #dane_kontaktowe_form button {color: #e3000f; font-family: fontA1,tahoma,sans-serif;border-style: none;}
        #form_kontakt   {float: left;}
        #kontakt-godziny-otwarcia   {font-family: bold;}
        /* ^^kontakt^^ */
        /*kontakt - wymiary*/ 
        #kontakt-h1 {margin: 13px auto; }
        #dane_kontaktowe_form{display: table;margin:auto;}
        #dane_kontaktowe_form .tresc-artykulu {display: table; }
        #dane-teleadres {display: table; float: right; font-size: 14px; margin-top: 25px;}
        #dane-teleadres p {margin-left: 50px;}
        #dane-teleadres td {padding: 3px 7px; vertical-align: top;}
        #dane-teleadres td p {margin: 0px 0px;}
        #dane-teleadres td img {margin: 5px 0px;}
        #dane-teleadres table {width: 496px; }
        /*#dane_kontaktowe_form h2 {margin-bottom: 19px; }*/
        #dane_kontaktowe_form td {border-spacing: 7px 13px;}
        #dane_kontaktowe_form input, .na_input_kontaktu {width: 398px; height: 50px; border-radius: 7px;}
        .na_input_kontaktu {margin-bottom: 10px; }
        .na_input_kontaktu:nth-child(2n){margin-left: 10px; }
        .na_input_kontaktu, #dane_kontaktowe_form textarea{padding-left: 20px;margin-bottom: 10px; border-width: 2px; border-radius: 7px; font-size: 14px;}
        #dane_kontaktowe_form textarea        {height: 127px; width: 833px; padding-top: 13px; }
        #dane_kontaktowe_form input,#dane_kontaktowe_form textarea  {}
        #dane_kontaktowe_form button          {border-width: 0px;float: right;height: 50px; border-radius: 0px; background-color: transparent; text-align: right;  font-size: 14px;}
        #form_kontakt                         {width: 855px; }
        #kontakt-godziny-otwarcia   {margin-bottom: 20px; font-size: 20px; }
        /* ^^kontakt - wymiary ^^*/ 
        @media screen and (max-width:960px){
        }
 /*-------------------------------------------------- */
 
/*---------------- do banera prostego ------------------*/ 
        .obrazek_zmienny_banera         {width: 100%;background-position: center; background-size: cover;background-repeat: no-repeat;}
        .linkowanie_w_banerze           {width: 100%;height: 100%;}
        .ramka_w_banerze                {background-color: rgba(0,0,0,0.6);display: table-cell;color: white;position: absolute;bottom: 0px;right: 0px;}
        .ramka_w_banerze h3             {color: white;}
        #centrowanie_punktow            {margin: auto;display: table; float: left; }
        .przewin_baner                  {margin-top: -2px; background-repeat: no-repeat; background-position: center;} /* kolor transparent ukrywa strzałki kodowane które sa nad strzałkami z tła. */
/*        #banner-next                    {float: right;}*/
        /*#banner-prev                    {float: left;}*/
        #baner_ctrl                     {z-index: 0;width: 100%;}
        /*#banner-next                    {right: 0px;}*/
        /*#banner-prev                    {left: 0px;}*/
        .przewin_baner                  {z-index: 1110;cursor: pointer;}
        #punkty_banerow                 {position: absolute; z-index: 1001;}
        .ctrl                           {background-color: white; float: left;border-style: solid;border-color: white;}
        .aktywna_ctrl                   {border-style: solid;background-color: #474747;}
        /* ^do baneraa ^*/ 
        /*do banera - wymiary */ 
        #logiczny-wrapper-sekcji-bannera-lacznie, #sekcja_banera
        {height: 660px; margin:1px 0 70px; width: 100%;}
        #baner_box {}
        .obrazek_zmienny_banera         {height: 660px; }
        .ramka_w_banerze {margin-right: 100px; padding: 35px; margin-top: 40px; border-radius: 16px 16px 0 0; }
        .przewin_baner {font-size: 14px; }
        /*#banner-next {margin-left: 40px;}*/
        /*#banner-prev {margin-left: 5px;}*/
        #punkty_banerow {margin: 600px auto 0; width: 100%;}
        #centrowanie_punktow            {margin-left: 10px;}
        .ctrl {width: 8px;height: 8px;border-radius: 50%;border-width: 2px; margin: 4px;}
        .aktywna_ctrl {}
/* ---------------------------- ^do banerow^ ---------------------- */