body {font-family: Verdana, sans-serif; background-color: #FFFFFF; font-size: 13px; color: #000000; margin: 0; padding: 0}
div, p, td, li {text-align: justify}
div, form {margin: 0; padding: 0}
p {margin: 5px}
h1 {font-size: 18px; color: #CC6600; font-weight: bold;   text-align: center;  margin: 3px; padding: 2px; background-color: #FDECC6; border: 1px solid #000000;}
h2 {font-size: 15px; color: #CC9900; font-weight: bold;   text-align: left;    margin: 8px}
h3 {font-size: 13px; color: #663300; font-weight: bold;   text-align: justify; margin: 8px}
h4 {font-size: 13px; color: #000000; font-weight: normal; text-align: justify; margin: 5px; text-decoration: underline}
ul {list-style-type: square}
ul li {margin: 1px 10px}
ol li {margin: 5px 10px}
table {border-collapse: collapse; margin: 10px auto; border: 0; border-spacing: 2px}
img  {border: 0; margin: 0}
small {font-size: 9px}
input[type="submit"] {display:block; background-color: #F5F5DC; border: 1px solid #000000; margin: 1px auto}
hr {width: 1024px; height: 3px; background-color: #E8E8E8; color: #E8E8E8; border: 1px solid #A0A0A0; margin: 32px auto; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px}
input, textarea, select {background-color: #F0FFF8; border: 1px solid #008000; margin: 1px}
figure {margin: 20px auto; padding: 0, border: 0; text-align: center}
figcaption {font-style: italic}

/* DIV-y na stronie głównej */
#naglowek         {position: relative;                      overflow: hidden; width:  420px; height: 100px; margin:   0 auto; padding:   0}
#gora             {position: relative;                      overflow: hidden; width: 1200px; height:  88px; margin:   0 auto; padding:   0}
#stopka           {position: relative;                      overflow: hidden; width: 1198px; height:  21px; margin: 6px auto; padding:   0;                                     background-color: #F4FAFE; border: 1px solid #606060}
#tresc            {position: relative;                                        width: 1188px;                margin:   0 auto; padding: 5px;                                     background-color: #FAFAFA; border: 1px solid #B1B1B1}
#obrazek_naglowka {                                                           width:   auto}
#logowanie        {position: absolute; top: 10px; left:  0; overflow: hidden; width:  220px; height:  60px; margin:        0; padding: 5px; text-align: right; font-size: 11px; background-color: #CFE6AE; border: 1px solid #669900; vertical-align: top; line-height: 20px}
#spis             {position: absolute; top: 10px; right: 0; overflow: hidden; width:  950px; height:  60px; margin:        0; padding: 5px; text-align:  left; font-size: 11px; background-color: #FCF9E4; border: 1px solid #957755; vertical-align: top; line-height: 20px}
#stopka_1         {position: absolute; top:    0; left:  0;                   width:  260px;                margin:        0; padding: 3px; text-align:  left; font-size: 11px}
#stopka_2         {position: absolute; top:    0; right: 0;                   width:  700px;                margin:        0; padding: 3px; text-align: right; font-size: 11px}

/* Elementy logowania */
#logowanie input {background-color: #F5F5DC; width: 160px; font-size: 12px}

/* Elementy spisu */
#spis strong {color: #A0522D}

/* Elementy tresci */
#tresc img {margin: 1px}
#tresc .rozrzut img {margin: 10px}

/* Obrazki */
#lightbox     {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url(/grafika/tlo_zdjecia.png) repeat; text-align: center}
#lightbox img {max-width: 1200px; max-height: 768px}
#lightbox p   {font-size: 11px; color: #F0F0F0; margin: 0 auto; background: #080808; display: none}

/* Akapity */
.pole                                 {text-align: right; font-weight: bold}
.pole_cz                              {font-weight: bold; color: #CC3300}
td.pole_cz                            {text-align: right}
.pole_wyp                             {text-align: left;  font-weight: bold}
.stopka_netykiety                     {text-align: center; margin: 20px 0; font-size: 11px}
.bledy                                {color: #FF0000; font-weight: bold}
.cytat                                {font-size: 11px; background-color: #F4F4FA; border: 1px solid #6080E0; margin: 20px 40px; padding: 3px}
.tresc_wiadomosci                     {margin: 8px}
.naglowek_wiadomosci                  {line-height: 160%}
.sygnatura                            {margin: 8px; color: #404040; font-style: italic}
.maly                                 {font-size: 9px; margin-bottom: 20px}
.przycisk                             {background-color: #E7F0D9; font-size: 15px; padding: 10px; border: 1px solid #008000; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px}
.przycisk:hover                       {background-color: #FFFFFF}
p.przyciski                           {text-align: center; margin-top: 20px; margin-bottom: 20px}
ul.przyciski                          {width: 100%; display: flex; margin: 30px 0; padding: 0; list-style: none}
ul.przyciski > li                     {flex-grow: 1; text-align: center}
td ul.przyciski                       {margin: 8px 0}
.przyciski input[type="submit"]       {display:inline; background-color: #F5F5DC; font-size: 15px; font-weight: bold; padding: 8px; border: 1px solid #000000; cursor: pointer}
.przyciski input[type="submit"]:hover {background-color: #FFFFFF}
.lewy                                 {text-align: left}
.srodek                               {text-align: center}
.prawy                                {text-align: right}
.komunikat_maly                       {background-color: #F0F0F0; border: 1px solid #C0C0C0; margin:    0 auto; padding:  3px; width:  800px}
.podglad_wiadomosci                   {background-color: #F4FAF4; border: 1px solid #40A040; margin: 10px auto; padding:  3px; width: 1080px}
.tytul                                {font-size: 15px; color: #DC8C00; font-weight: bold; text-align: center;  margin:   3px; padding: 1px; background-color: #FEFAEC; border: 1px solid #808080;}
.podglad_wiadomosci .podglad_h1       {font-size: 18px; color: #B05000; font-weight: bold; text-align: center;  margin:   3px; padding: 2px; background-color: #F8E6C0; border: 1px solid #000000}
.podglad_wiadomosci .podglad_h2       {font-size: 15px; color: #C08000; font-weight: bold; text-align: left;    margin:   8px}
.podglad_wiadomosci .podglad_h3       {font-size: 13px; color: #663300; font-weight: bold; text-align: justify; margin: 0 8px}

/* Tabele */
.tabela                  {border-spacing: 0}
.tabela td, .tabela th   {background-color: #E7F0D9; border: 1px solid #008000; padding: 5px}
.tabela thead th         {background-color: #99CC99; font-weight: bold; text-align: center}
.ostatnie                {border-spacing: 0; width: 95%}
.ostatnie td             {padding: 4px; border-width: 0 0 1px 0; border-style: dotted; border-color: #A0A0A0}
.ostatnie td.prawy       {width: 420px}
.ostatnie thead th       {background-color: #4080A0; color: #FFFFFF; padding: 4px}
.ostatnie tbody tr:hover {background-color: #E4F0FC}
.watki                   {border-spacing: 0; width: 95%; background-color: #F0F6FA}
.watki td, .watki th     {font-size: 12px; border-width: 1px; border: 1px solid #C0D0C0}
.watki td                {text-align: left; padding: 1px}
.watki .ost td           {padding: 4px}
.watki td.srodek         {text-align: center}
.watki td.prawy          {text-align: right}
.watki thead th          {background-color: #4080A0; color: #FFFFFF; padding: 4px}
.watki tbody tr:hover    {background-color: #E4F0FC}
.stopka_tematyki         {width: 95%; margin: 0 auto 20px auto; border-width: 1px 0; border-style: dotted; border-color: #A0A0A0}
.stopka_tematyki td      {font-size: 9px; padding: 5px}
.stopka_wiadomosci       {width: 95%; margin: 20px auto; border-width: 1px 0; border-style: dotted; border-color: #A0A0A0}
.stopka_wiadomosci td    {font-size: 9px; padding: 5px}
.ludzie                  {width: 95%}
.ludzie td, .ludzie th   {padding: 0; border-width: 0 0 1px 0; border-style: dotted; border-color: #A0A0A0}
.ludzie thead th         {background-color: #99CC99; font-weight: bold; text-align: center}
.ludzie tr:hover         {background-color: #F2F2FF}

/* Inne */
hr.slupek {float: left; height: 10px; background-color: #F08040; border-color: #000000; margin: 0}

/* Obiekty */
#regionalizacja {margin: 0 auto}
#regionalizacja:after {content: ''; display: block; clear: both}
.region {float: left; width: 50%; margin: 0; padding: 0; border: 0}
#mapnik {margin: 0 auto; width: 840px; height: 480px; padding: 0; border: 0}
#mapnik:after {content: ''; display: block; clear: both}
#mapa        {float: left; width: 640px; height: 480px; margin: 0; padding: 0; border: 0}
#mapa_obiekt {float: left; width: 480px; height: 320px; margin: 0; padding: 0; border: 0}
#legenda     {float: left; width: 200px;                margin: 0; padding: 0; border: 0}

/* Wymiarowanie */
.d1  {width:  100px}
.d2  {width:  200px}
.d4  {width:  400px}
.d6  {width:  600px}
.d7  {width:  700px}
.d8  {width:  800px}
.d9  {width:  900px}
.d10 {width: 1000px}
.d11 {width: 1100px}
textarea.d4 {width: 400px; height: 200px}
textarea.d6 {width: 600px; height: 300px}
textarea.d9 {width: 900px; height: 400px}

/* Linki */
a:link                {color: #008000; font-weight: bold; text-decoration: none}
a:visited             {color: #008000; font-weight: bold; text-decoration: none}
a:hover               {color: #FFA500; font-weight: bold; text-decoration: none}
.szkielet a:visited   {color: #808080}
.watki a:link         {color: #006080; font-weight: bold; text-decoration: none}
.watki a:visited      {color: #006080; font-weight: bold; text-decoration: none}
.watki a:hover        {color: #C80060; font-weight: bold; text-decoration: none}
.watki .ost a:visited {color: #808080}
.ostatnie a:link      {color: #006080}
.ostatnie a:visited   {color: #808080}
.ostatnie a:hover     {color: #C80060}
#stopka a:link        {color: #01517C}
#stopka a:visited     {color: #01517C}
#stopka a:hover       {color: #E44000}
#spis a:link          {font-weight: 600}
#spis a:visited       {font-weight: 600}
#spis a:hover         {font-weight: 600}

/* Mobilność */
@media only screen and (max-width : 1200px)
   {
   #naglowek           {width:  95%; height:  auto;                                                                                              text-align: center}
   #obrazek_naglowka   {width: 100%;                                                                                                                                max-width: 420px}
   #gora               {width: auto; height:  auto; overflow: visible}
   #logowanie          {             height:  auto; overflow: visible; margin: 6px auto; position: relative; top: auto; left: auto; right: auto}
   #spis               {width:  95%; height:  auto; overflow: visible; margin: 6px auto; position: relative; top: auto; left: auto; right: auto}
   #tresc              {width:  95%;                                   margin: 6px auto}
   #stopka             {width:  95%; height:  auto; overflow: visible;                                                                                                                padding: 5px}
   #stopka_1           {width: 100%; height:  auto; overflow: visible; margin: 6px auto; position: relative; top: auto; left: auto; right: auto; text-align: center;                  padding:   0}
   #stopka_2           {width: 100%; height:  auto; overflow: visible; margin: 6px auto; position: relative; top: auto; left: auto; right: auto; text-align: center;                  padding:   0}
   .d6                 {width:  90%}
   .d7                 {width:  90%}
   .d8                 {width:  90%}
   .d9                 {width:  90%}
   .d10                {width:  96%}
   .d11                {width:  96%}
   textarea.d6         {width:  90%}
   textarea.d9         {width:  90%}
   .tabela             {width:  90%;                                                                                                                                min-width: 90%}
   .komunikat_maly     {width:  90%}
   .podglad_wiadomosci {width:  96%}
   hr                  {width:  90%}
   }

/*
h1.tytul_wiadomosci {text-align: left; color: #CC9900; border: none; background: none}
.jak_tytul        {font-size: 18px; color: #CC6600; font-weight: bold; text-align: center; margin: 3px; padding: 2px; background-color: #FDECC6; border-width: 1px; border-style: solid; border-color: #000000}
#mail img {float: left; margin-right: 20px} Rysunek koperty na stronie użytkownika.

.komunikat           {color: #F00000; background-color: #FAF4F4; border: 1px solid #C00000; margin: 20px 20px; padding: 3px}
.komunikat a:link    {color: #FF0000}
.komunikat a:visited {color: #FF0000}
.komunikat a:hover   {color: #FF0000; text-decoration: underline}
*/