body {background-color: #F0F0F4; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; margin: 0px; padding: 0px}
body, div, p, h1, h2, h3, a, td, li, input, textarea, select {font-family: Verdana, Arial, Helvetica, sans-serif}
body, div, p, pre, td, li, input, textarea, select {font-size: 13px; color: #000020}
div, p, td, li {text-align: justify}
div {margin: 0px; padding: 0px}
p {margin: 4px 10px}
pre {font-family: 'Courier New', Courier, monospace; margin: 10px auto; overflow: auto; padding: 5px}
h1 {font-size: 24px; color: #0060E0; font-weight: bold; margin: 8px 10px 8px 10px; text-align: center}
h2 {font-size: 18px; color: #0080D0; font-weight: bold; margin: 24px 10px 6px 10px; text-align: left}
h3 {font-size: 15px; color: #00A0C0; font-weight: bold; margin: 24px 10px 4px 10px; text-align: left}
li {margin: 8px 10px 0px 0px}
hr {width: 900px; height: 5px; margin: 20px auto; border: 1px solid #0000FF; background-color: #00C0C0}
table {border-collapse: collapse}

/* Elementy liniowe */
b, strong   {color: #000060}
i, em       {color: #108080}
strike, del {color: #80A0A0}
u, ins      {color: #FFFF60}
small       {font-size: 9px}
input, textarea, select {background-color: #E0E0F0; color: #000060; border: 1px solid #000000; margin: 1px}
/* pre.kod {width: 600px; color: #000000; border: 1px solid #FFFFFF; background-color: #D0D0D0} */

/* Doprecyzowanie elementow */
input[type="submit"]                   {display: block; margin: 3px auto 3px auto}
#tresc img                             {margin: 0px; border-style: none}
#banery img                            {display: block; margin: 20px auto; border-style: none}
ul.spis                                {margin: 0px; padding: 0px; list-style-type: none}
.spis li                               {text-align: center; color: #FFFF00; margin: 10px 0px}
.spis a:link, .spis a:visited          {font-weight: bold}
.spis a:hover                          {font-weight: bold; text-decoration: none}
ol                                     {margin-top: 0px}
li                                     {margin-top: 5px}
table strong                           {color: #6020FF}
del strong                             {color: #80B0B8}
del a:link, del a:hover, del a:visited {color: #80B0F0}
li strong                              {color: #0060C0}
li del strong                          {color: #80B0B8}
li.nieaktywny                          {color: #A0A0A0}
li.nieaktywny strong                   {color: #A0A0A0}
li.nieaktywny a                        {color: #A0A0A0}
td h3                                  {text-align: center}

/* Linki */
a:link    {color: #003060}
a:visited {color: #003060}
a:hover   {color: #0000C0; text-decoration: none}
a.pogrubiony {font-weight: bold}

/* DIV-y na stronach */
#naglowek             {position: relative; width: 100%; height: 40px; text-align: center; vertical-align: top; background-color: #4080C0; font-size: 30px}
#dane                 {position: absolute; top: 0; right: 0; width: 200px; height: 40px; vertical-align: top; background-color: #80A0F0}
#menu                 {position: relative; width: 1200px; margin: 0 auto}
#tresc                {position: relative; width: 1200px; margin-left: auto; margin-right: auto; background-color: #E0E0F0; border: 1px solid #0000C0}
#test                 {position: relative; width: 1200px; margin: 10px auto; background-color: #FFFFFF; border: 1px solid #000000; color: #000000; white-space: pre; font-family: monospace}
div.srodek            {text-align: center}

/* Elementy w DIV-ach */
#naglowek a        {color: #FFFFFF; font-weight: bold; text-decoration: none}
#menu ul           {margin: 16px 0px; padding: 0px; list-style-type: none; text-align: center}
#menu li           {display: inline; margin: 0px 40px}
#menu li a         {padding: 2px 6px; border: 1px solid #0000A0; font-weight: bold; text-decoration: none}
#menu li a:link    {background-color: #4080C0; color: #FFFFFF}
#menu li a:visited {background-color: #4080C0; color: #FFFFFF}
#menu li a:hover   {background-color: #80C0FF; color: #000000}
#dane p            {font-size: 11px; margin: 2px 10px}
#dane li a:link    {font-weight: bold}
#dane li a:visited {font-weight: bold}
#dane li a:hover   {font-weight: bold; text-decoration: none}

/*
#kontakt ul           {margin: 10px; padding: 0px; list-style-type: none}
#kontakt li           {font-size: 11px; margin: 0px 0px}
#kontakt img          {height: 16px; vertical-align: middle}
*/

/* DIV-y wewnetrzne */
.zastrzezenie   {width: 600px; margin: 20px auto; background-color: #400000; border-style: solid; border-width: 2px; border-color: #FF0000; border-spacing: 0px; padding: 10px; font-size: 9px; color: #FFFF00}
.galeria_naglow {width: 600px; margin: 20px auto}
.opis           {width: 900px; margin: 20px auto; background-color: #F0F0F0; border-style: solid; border-width: 1px; border-color: #00A0A0; border-spacing: 0px; padding: 10px; font-size: 11px; color: #004080}
.tip            {width: 900px; margin: 20px auto; background-color: #F8F2F0; border-style: solid; border-width: 1px; border-color: #A04000; border-spacing: 0px; padding: 10px; font-size: 12px; color: #004080}
.tip .naglowek  {color: #000000; font-weight: bold; margin-bottom: 6px; text-align: center}

/* Akapity */
.pole            {text-align: right; margin: 0px; font-weight: bold; color: #000060}
.pole_wyp        {text-align: left;  margin: 0px; font-weight: bold; color: #0000A0}
.bledy           {font-weight: bold; color: #FF0000}
.podpis_blokowy  {width: 400px; margin-left: auto; text-align: center; color: #00C0FF}
.cytat_akapitowy {color: #A0FFF0; margin-left: 150px; font-style: italic}

/* Kawalki tekstu */
.data             {color: #00C000; font-weight: bold}
.mniejszy         {font-size: 11px}
.rezerwacja       {display: inline-block; margin-left: 6px; padding: 1px 6px; font-size: 9px; line-height: 1.4; text-decoration: none; color: #003060; background: #f0f0f4; border: 1px solid #003060; border-radius: 3px; vertical-align: baseline;}
.rezerwacja:hover {background: #f8f8fC;
}

/* Tabele */
.tabela                {background-color: #6080A0; margin: 20px auto 20px auto}
.tabela td             {border: 1px solid #000020; padding: 5px; color: #000000}
.niezalogowani         {width: 95%; margin: 20px auto}
.niezalogowani td      {border-width: 0; padding: 0; text-align: center}
.kontakty              {width: 95%; margin: 5px auto}
.kontakty tr           {vertical-align: top}
.kontakty td           {border-width: 0; padding: 0; text-align: center}
.wyniki                {width: 95%; margin: 20px auto}
.wyniki thead td       {border-style: solid;  border-width: 0 0 1px 0; border-color: #008080; font-weight: bold}
.wyniki tbody td       {border-style: dotted; border-width: 0 0 1px 0; border-color: #006000}
.wyniki tbody tr:hover {background-color: #C0C0C8}
.opis_pola             {width: 600px; font-size: 11px; vertical-align: top}
.opis_pola strong      {color: #C0B800}

/* Formularze */
.d1 {width: 100px}
.d2 {width: 200px}
.d3 {width: 300px}
.d4 {width: 400px}
.d5 {width: 500px}
.d6 {width: 600px}
.d7 {width: 700px}
.d8 {width: 800px}
textarea.d2 {width: 200px; height: 100px}
textarea.d4 {width: 400px; height: 200px}
.wyszukiwarka {margin: 20px auto; padding: 10px; width:600px; background-color: #6080A0; border: #0000C0 solid 1px; text-align: center}

/* DIV-y stopki */
#dol   {position: relative; width: 1200px; height: 40px; margin-left: auto; margin-right: auto; margin-bottom: 20px}
#dol_1 {position: absolute; bottom: 0px; left: 0px;   width: 400px; text-align: left}
#dol_2 {position: absolute; bottom: 0px; left: 400px; width: 400px; text-align: center}
#dol_3 {position: absolute; bottom: 0px; right: 0px;  width: 400px; text-align: right}

/* Elementy stopki */
/*
#dol_1 img       {border: none; margin: 0px 5px}
#dol_2 a:link    {font-weight: bold}
#dol_2 a:visited {font-weight: bold}
#dol_2 a:hover   {font-weight: bold; text-decoration: none}
*/

/* Szybka poprawka dla smartfonów */
@media screen and (max-width: 768px)
	{
    body {font-size: 15px}
    #menu, #tresc, #test, #dol, hr, .zastrzezenie, .galeria_naglow, .opis, .tip, .wyszukiwarka, .opis_pola {width: auto; max-width: 100%; margin-left: 10px; margin-right: 10px;box-sizing: border-box}
    img {max-width: 100%; height: auto}
    pre {overflow-x: auto}
    #menu li {display: block; margin: 8px 0}
    #menu li a {display: block;padding: 8px}
    #naglowek {height: auto; padding: 8px 0; font-size: 22px}
    #dane {position: static; width: auto; height: auto}
    #dol {height: auto}
    #dol_1, #dol_2,  #dol_3 {position: static; width: auto; text-align: center; margin: 8px 0}
    input, textarea, select {max-width: 100%; box-sizing: border-box}
	}