/* ------------ OGÓLNE ---------------------------- */

/* dla wszystkich elementów */
* {
    background-color: transparent;
    text-decoration: none;
    text-align: left;
    vertical-align: top;
}

/* tło strony */
BODY {
    background-color: #ffffff;
}

TABLE {
    color: #000000;
    font-family: "arial";
    font-size: 8pt;
}

BR {
    letter-spacing: 0px;
}

/* HR-y (ale raczej używać obrazków: hr-s i hr-l) */
HR {
    width: 100%;
    height: 1px;
    color: #999999;
    border-color: #999999;
    border-width: 1px;
    border-top-style: dashed;
    border-left-style: none;
    border-right-style: none;
    border-bottom-style: none;
    text-align: center;
}

/* formularze bez odstępu na dole (nie działa w NetScapie!!!) */
.form-pasek {
    display: inline;
}

/* pola tekstowe (input) - krótkie i długie */
INPUT, SELECT, TEXTAREA {
    color: #000000;
    font-family: "arial";
    font-size: 8pt;
    letter-spacing: 0px;
}
.input-s {
    width: 131px;
    height: 19px;
    padding-left: 5px;
/*    border-style: none;*/
    background-color: #f0f0f0;
    border-top-width: 2px;
    border-left-width: 2px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-color: #c0c0c0;
    border-top-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
/*    background-image: url("http://podatki.pl/layout/input-s.gif");*/
}
.input-l {
    width: 210px;
    height: 19px;
    padding-left: 5px;    
/*    border-style: none;*/
    background-color: #f0f0f0;
    border-top-width: 2px;
    border-left-width: 2px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-color: #c0c0c0;
    border-top-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
/*    background-image: url("http://podatki.pl/layout/input-l.gif");*/
}

/* wyrównanie do środka - poziom */
.wyr-s {
    text-align: center;
}
/* wyrównanie do środka - pion */
.wyr-m {
    vertical-align: middle;
}
/* ------------------------------------------------ */


/* ------------ OBRAZKI --------------------------- */

/* podstawowe parametry dla wszystkich obrazków */
IMG {
    text-align: center;
    vertical-align: middle;
    border-style: none;
}

/* obrazek z kropeczek używany zamiast HR (mały i duży) */
.img-hr-s {
    display: block;
/*    position: relative;    
    top: 4pt;*/
}
.img-hr-l {
    display: block;
    position: relative;    
    top: 1px;
}

/* obrazek w cieniowanym nagłówku z lewej (np. pod@tki.pl) */
.img-lnagl {
    position: relative;
    float: left;
    left: 7px;
    top: 4px;
}
/* kwadracik w menu w lewej ramce */
.img-lmenu {
    position: relative;
    top: 1px;
    float: left;
}

/* strzałka w nagłówku w prawej ramce */
.img-pnagl {
    position: relative;
    top: 3px;
    float: right;
}
/* strzałka w prawej ramce poza nagłówkami */
.img-pmenu {
    position: relative;
    top: -11px;
    float: right;
}

/* strzałka przy wytłuszczonych linkach w tekście */
.img-lnk {
    position: relative;
    top: 1px;
}
/* koszyk przy linkach w sklepie */
.img-koszyk {
    position: relative;
    top: -1px;
}
/* ------------------------------------------------ */


/* ------------ TEKSTY ---------------------------- */

/* tekst "podświetlony" (kolorem) - np. niektóre linki w tekście, prawej ramce - ważniejszy i mniej ważny */
.txt-podsw-a {
    color: #cc0000;
    font-family: "arial";
    font-size: 8pt;
    font-weight: bold;
    letter-spacing: 0px;
}
.txt-podsw-b {
    color: #cc0000;
    font-family: "arial";
    font-size: 7pt;
    letter-spacing: 1px;
}
.txt-podsw-c {
    color: #900000;
    font-family: "arial";
    font-size: 8pt;
    letter-spacing: 1px;
}

/* tekst zaznaczony (wytłuszczony i/lub podkreślony) - kolejne stopnie ważności */
.txt-zazn-a {
    color: #000000;
    font-family: "arial";
    font-size: 8pt;
    font-weight: bold;
    text-decoration: underline;
    letter-spacing: 0px;
}
.txt-zazn-b {
    color: #000000;
    font-family: "arial";
    font-size: 8pt;
    font-weight: bold;
    letter-spacing: 1px;
}
.txt-zazn-c {
    color: #000000;
    font-family: "arial";
    font-size: 8pt;
    text-decoration: underline;
    letter-spacing: 0px;
}

/* dynamiczne menu - lewe */
A.menu-l:LINK, A.menu-l:VISITED {
    color: #606060;
    font-family: "times new roman";
    font-size: 7.5pt;
    font-weight: bold;
    letter-spacing: 1px;
}
A.menu-l:HOVER {
    color: #000000;
    font-family: "times new roman";
    font-size: 7.5pt;
    font-weight: bold;
    letter-spacing: 1px;
}
A.menu-l-spec:LINK, A.menu-l-spec:VISITED {
    color: #cc6060;
    font-family: "times new roman";
    font-size: 7.5pt;
    font-weight: bold;
    letter-spacing: 1px;
}
A.menu-l-spec:HOVER {
    color: #cc0000;
    font-family: "times new roman";
    font-size: 7.5pt;
    font-weight: bold;
    letter-spacing: 1px;
}

A.link-txt:LINK, A.link-txt:VISITED {
    color: #303030;
    font-family: "arial";
    font-size: 8pt;
    letter-spacing: 1px;
}
A.link-txt:HOVER {
    color: #900000;
    font-family: "arial";
    font-size: 8pt;
    letter-spacing: 1px;
}

/* dynamiczne menu (podświetlane po najechaniu myszy) - ważniejsze i mniej ważne */
.menu-a-on {
    color: #000000;
    font-family: "times new roman";
    font-size: 7.5pt;
    font-weight: bold;
    letter-spacing: 1px;
}
.menu-a-off {
    color: #000000;
    font-family: "times new roman";    
    font-size: 7.5pt;
    letter-spacing: 1px;
}
.menu-b-on {
    color: #000000;
    font-family: "arial";
    font-size: 8pt;
    font-weight: bold;
    letter-spacing: 0px;
}
.menu-b-off {
    color: #000000;
    font-family: "arial";
    font-size: 8pt;
    letter-spacing: 0px;
}
/* dynamiczne menu z lewej - specjalnie wyszczególnione pozycje */
.menu-spec-on {
    color: #cc0000;
    font-family: "times new roman";
    font-size: 7.5pt;
    font-weight: bold;
    letter-spacing: 1px;
}
.menu-spec-off {
    color: #cc0000;
    font-family: "times new roman";    
    font-size: 7.5pt;
    letter-spacing: 1px;
}

/* tekst specjalny (np. w wypunktowaniach "KSIĘGA I", "Tytuł I", podtytuł itp.) - ważniejszy i mniej ważny */
.txt-spec-a {
    color: #cc0000;
    font-family: "bookman old style";
    font-size: 9pt;
    letter-spacing: 0px;
    text-transform: uppercase;
}
.txt-spec-b {
    color: #000000;
    font-family: "bookman old style";
    font-size: 9pt;
    letter-spacing: 0px;
}

/* np. dane kontaktowe TaxNet */
.txt-maly-a {
    color: #000000;
    font-family: "arial";
    font-size: 7pt;
    letter-spacing: 1px;
}
/* np. serwis utrzymywany jest na serwerze home.pl, teksty login i hasło w formularzu w prawej ramce */
.txt-maly-b {
    color: #000000;
    font-family: "arial";
    font-size: 7pt;
    letter-spacing: 0px;
}

/* tekst z uwagami, wyjaśnieniami (informacyjny) - kursywa */
.txt-info {
    color: #000000;
    font-family: "arial";
    font-size: 8pt;
    font-style: italic;
    letter-spacing: 0px;
}

/* linki w nagłówku (strona główna, staruj z...) */
.txt-naglowek {
    color: #000000;
    font-family: "arial";
    font-size: 7.5pt;
    letter-spacing: 0px;
}

/* linki w stopce (informacje, notka prawna...) */
.txt-stopka {
    color: #ffffff;
    font-family: "arial";
    font-size: 7pt;
    letter-spacing: 1px;
}

/* tekst w nagłówku (cieniowanym) w większej (łączonej) środkowej ramce */
.txt-spnagl {  
    color: #cc0000;
    font-family: "times new roman";
    font-size: 9pt;
    letter-spacing: 2px;
    text-align: center;
    vertical-align: middle;    
}

/* tekst standardowy */
.txt-def {
    color: #000000;
    font-family: "arial";
    font-size: 8pt;
    letter-spacing: 0px;
}
/* tekst do dłuższych tekstów */
.txt-tekst {
    color: #303030;
    font-family: "arial";
    font-size: 8pt;
    letter-spacing: 1px;
}
/* ------------------------------------------------ */


/* ------------ TABELE ---------------------------- */

/* małe ramki informacyjne w prawej i lewej ramce (np. "w sklepie akceptujemy...") */
.ramka-info {
    width: 90%;
    padding-left: 5px;
    padding-right: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #999999;
}
/* dolne (cieniowane) zakończenie prawej i lewej ramki */
.ramka-kon {    
    width: 146px;
    height: 170px;
    padding-bottom: 3px;
    background-image: url("http://podatki.pl/layout/lp-dol-ramki-2.gif");
    background-repeat: repeat-x;
    background-position: bottom center;
    text-align: center;
    vertical-align: bottom;
}
/* komórka do rozciągnięcia ramki w pionie, żeby wszystkie były tej samej wysokości */
.tab-pion {
    height: 100%;
}

/* komórka tabeli z ikonką nawigacyjną (na górze) */
.tab-ikonka {
    padding-bottom: 3px;
    width: 10%;
    text-align: center;
    vertical-align: bottom;
}

/* komórka zawierająca graficzny separator (np. kwadracik w stopce) */
.tab-separator {
    width: 24px;
    text-align: center;
    vertical-align: middle;    
}

/* nagłówki w lewej ramce */
.tab-lnagl {
    width: 147px;
    height: 21px;
    padding-right: 4px;    
/*    background-image: url("http://podatki.pl/layout/lp-menu-naglowek.gif");    */
    background-color: #e0e0e0;
    border-color: #a0a0a0;
    border-width: 1px;
    border-left-style: none;
    border-right-style: none;
    border-top-style: solid;
    border-bottom-style: solid;    
    color: #cc0000;
    font-family: "arial";
    font-size: 8pt;
    font-weight: bold;
    letter-spacing: 0px;
    text-align: right;
    vertical-align: middle;
}
/* menu w lewej ramce */
.tab-lmenu {
    padding-left: 1px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: right;
}

/* nagłówki w prawej ramce */
.tab-pnagl {  
    padding-left: 9px;
    padding-right: 3px;
    width: 147px;
    height: 21px;
/*    background-image: url("http://podatki.pl/layout/lp-menu-naglowek.gif");*/
    background-color: #e0e0e0;
    border-color: #a0a0a0;
    border-width: 1px;
    border-left-style: none;
    border-right-style: none;
    border-top-style: solid;
    border-bottom-style: solid;    
    vertical-align: middle;
}
/* menu w prawej ramce */
.tab-pmenu {
    padding-left: 9px;
    padding-right: 3px;
    padding-top: 5px;
    padding-bottom: 3px;
    vertical-align: top;
}

/* nagłówki (cieniowane) w środkowej ramce (zwykłej i łączonej) */
.tab-snagl {  
    height: 21px;
/*    background-image: url("http://podatki.pl/layout/s-menu-naglowek.gif");
    background-repeat: repeat-y;
    background-position: center center;*/
    background-color: #ededed;
    color: #cc0000;
    font-family: "times new roman";
    letter-spacing: 2px;
    font-size: 9pt;
    text-align: center;
    vertical-align: middle;
}
.tab-spnagl {  
    height: 21px;
/*    background-image: url("http://podatki.pl/layout/s-menu-naglowek-l.gif");
    background-repeat: repeat-y;
    background-position: center center;*/
    background-color: #ededed;
    color: #cc0000;
    font-family: "times new roman";
    font-size: 9pt;
    letter-spacing: 2px;
    text-align: center;
    vertical-align: middle;
}

/* pasek wyszukiwarki (np. na górze strony, albo w formularzach BD) */
.tab-wyszuk {
    height: 21px;
/*    background-image: url("http://podatki.pl/layout/s-pasek-wyszuk.gif");
    background-repeat: repeat;    */
    background-color: #e0e0e0;
    vertical-align: middle;
}

/* nagłówek reklamowy w sklepie (podświetlone tło) */
.tab-sklep {
    height: 21px;    
    background-color: #f5cfcf;    
    text-align: center;
    vertical-align: middle;
}

/* tekst główny (zwykły) */
.tab-tekst {
    padding-left: 15px;
    padding-right: 15px;
    color: #303030;
    font-family: "arial";
    font-size: 8pt;
    text-align: justify;       
    vertical-align: top;
    letter-spacing: 1px;
}    
.tab-tekst-a {
    padding-left: 5px;
    padding-right: 5px;
    color: #303030;
    font-family: "arial";
    font-size: 8pt;
    text-align: justify;       
    vertical-align: top;
    letter-spacing: 1px;
}
.tab-tekst-b {
    padding-left: 5px;
    padding-right: 5px;
    color: #303030;
    font-family: "arial";
    font-size: 8pt;
    text-align: left;       
    vertical-align: top;
    letter-spacing: 1px;
}    

/* ------------------------------------------------ */


/* ------------ ELEMENTY SPECYFICZNE -------------- */

/* nagłówek */
#naglowek {  
    width: 770px;
    height: 19px;
    background-image: url("http://podatki.pl/layout/g-menu.gif");
    background-repeat: no-repeat;
    background-position: center center;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #000000;
    text-align: center;
}

/* tło na górze, pod nagłówkiem (na nim logo, ikonki i tekst "portal dla...") */
#tab-tytul {
    width: 770px;
    height: 101px;
    background-image: url("http://podatki.pl/layout/g-tytul.gif");
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #000000;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #000000;
    text-align: center;
}
/* komórka z logo "pod@tki.pl" */
#tab-logo {
    padding-top: 6px;
    text-align: center;
    vertical-align: middle;
}
/* tytuł: portal dla... */
#txt-tytul {
    color: #000000;
    font-family: "arial black";
    font-size: 7.5pt;
    text-align: center;
    vertical-align: middle;
    letter-spacing: 1px;
}

/* ramki główne - lewa, prawa, środkowa, łączona: lewa + prawa */
/* zewnętrzna - komórka zawierająca ramkę; wewnętrzna - sama ramka (tabela) */
#ramka-l-z {
    width: 149px;
    height: 100%;
    padding-top: 2px;
    padding-bottom: 2px;    
    text-align: right;
}
#ramka-l {
    width: 149px;
    height: 100%;
    border-style: solid;
    border-width: 1px;
    border-color: #999999;
}
#ramka-s-z {
    width: 470px;
    height: 100%;
    padding-top: 2px;
    padding-bottom: 2px;    
    text-align: center;
}
#ramka-s {
    width: 466px;
    height: 100%;
    border-style: solid;
    border-width: 1px;
    border-color: #999999;
}
#ramka-p-z {
    width: 151px;
    height: 100%;
    padding-top: 2px;
    padding-bottom: 2px;    
    text-align: left;
}
#ramka-p {
    width: 149px;
    height: 100%;
    border-style: solid;
    border-width: 1px;
    border-color: #999999;
}
#ramka-sp-z {
    width: 621px;
    height: 100%;
    padding-top: 2px;
    padding-bottom: 2px;    
    text-align: right;
}
#ramka-sp {
    width: 619px;
    height: 100%;
    border-style: solid;
    border-width: 1px;
    border-color: #999999;
}

/* ramka wokół formularza wyszukiwarek baz danych */
#ramka-bd {
    width: 96%;
    padding: 5px 0px 10px 25px;
    border-style: solid;
    border-width: 1px;
    border-color: #999999;    
}

/* stopka */
#stopka {
    width: 770px;
    background-color: #cc0000;
    text-align: center;    
}
/* ------------------------------------------------ */