@import url("nawigacja.css");
@import url("stopka.css");

body
{font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
font-size: 12px; 
font-weight: normal;
text-align: justify;
background-color: #696969;
background-image: url("../grafika/tlo-zima.png"); 
background-position: top left;
background-repeat: repeat;
color: #4682b4;  /* zima: #4682b4; jesien: #8b4513; wiosna: #008000; lato: #4682b4; */
margin: auto;
margin-top: 0px;
padding-top: 1px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 30px;
width: 1000px;} 

div.main
{background-color: #ffffff;  /* jasny cytryna: #ffffe0; brudna cytryna: #f5f5dc;, żywy jasnożółty #fff8dc; floral white: #fffaf0;, jasny sepio-żólty: #fdf5e6; */
background-image: url("../grafika/tlo-main-zima.png"); 
background-position: top left;
background-repeat: no-repeat;
border-style: solid;
border-top-width: 3px;
border-left-width: 3px;
border-right-width: 5px;
border-bottom-width: 5px;
border-top-color: #696969;
border-left-color: #696969;
border-right-color: #000000;
border-bottom-color: #000000;
/* border-radius: 7px; Będzie dopiero działać w CSS3 */
}

div.dokument
{text-align: justify;
padding-top: 10px;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 20px;}

/* ============== NAGŁÓWKI ============== */
h1
{font-weight: bold; 
font-size: x-large; 
color: #000000;
text-align: center;
margin-top: 0.2cm;} 

h2
{text-align: left;
background-color: transparent;  /* Wiosna: #8fbc8f; Alternatywny jasnoszary: #f5f5f5; lub gołębi: #b0c4de;, stonowana zieleń: #8fbc8f; salmon: #e9967a; */
background-position: left top;
background-repeat: repeat-y; /* repeat-y */
background-image: url("../grafika/belka-zima.jpg");
font-weight: bold; 
font-size: small; 
color: #000000;
margin-top: 25px;
text-indent: 0.5cm;
padding-top: 1px;
padding-bottom: 2px;}

h2:before
{content: url("../grafika/kwadracik-niebieski.png") " ";}  /* lato: czerwony; jesien, wiosna: zolty; zima: niebieski; */

h3
{background-color: transparent; /* #bc8f8f; */
/* background-position: left top;
background-repeat: repeat-y;
background-image: url("../grafika/belka.jpg"); */
font-size: 12px;
color: #000000; /* #bc8f8f; */
font-weight: bold;
text-indent: 0.5cm;
text-align: left;
margin-top: 20px;
margin-bottom: 5px;}

/* ============== HIPERLINKI ============== */
a 
{font-weight: bold;
text-decoration: none;} 
 
a:link
{color: #bc8f8f;} /* zima: #bc8f8f; wiosna: #cccc00; lato: #ffa500; jesien: #daa520; */

a:active, a:hover
{color: #bfb495;} /* zima: #bfb495; wiosna: #ffff00; lato: #ff4500; jesien: #ffd700; */
 
a:visited
{color: #c0c0c0;}

a.button
{color: #ffffff;
background-color: #000000;
padding-left: 6px;
padding-right: 6px;
padding-top: 4px;
padding-bottom: 4px;}

a.button:active, a.button:hover, a.button:focus
{background: #bfb495;
color: white;} 

/* ============== TABELE ============== */
caption
{font-weight: bold;
font-style: italic;}

th
{text-align: center;
font-size: 11px; }

td
{font-size: 11px; }

table.dwiekolumny
{width: 97%;
border-style: none;
border-width: 1px;
border-color: #c0c0c0; /* Alternatywny kolor: lightsteelblue #b0c4de; */
border-collapse: collapse; /* Opcje: separate, collapse */
border-spacing: 0px;  /*Odstępy pomiędzy ramkami */
empty-cells: show; /* Inna opcja: hide */
vertical-align: top;
margin-top: 0px;
margin-left: 1%;
margin-right: 1%;
margin-bottom: 10px;}

colgroup.dwiekolumny
{width: 50%;
text-align: center;}

td.dwiekolumny
{border-style: none;
border-width: 1px;
border-color: #c0c0c0; /* Alternatywny kolor: lightsteelblue #b0c4de; */
font-size: 12px;
color: #4682b4; /* zima: #4682b4; jesien: #8b4513; wiosna: #008000; lato: #4682b4; */
background-color: #ffffff;
vertical-align: top;
text-align: justify;
padding-top: 0px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;}


/* ============== WYKAZY ============== */
ul.none
{list-style: none outside;
margin-top: 40px;
margin-bottom: 0px;}

ul.wciete
{list-style: square inside;}

li
{margin-top: 8px;
text-align: justify;
font-size: 11px;}

ol.head2
{list-style-type: lower-alpha;}

/* ============== RÓŻNE ============== */
hr
{color: #0099cc;} 

sup 
{color: #bc8f8f;
font-size: 70%;}

q
{font-style: italic;}

p
{text-align: justify;}

p:first-letter
{font-size: 115%;}

p.faq
{font-size: 16px;
color: #a0522d;
margin-top: 0.5cm;
font-style: italic;
font-weight: bold;}

p.faq:before
{content: url("../grafika/kwadracik-niebieski.png") " ";}

.wciety
{padding-left: 40px;}

div.validate
{text-align: center;
margin-bottom: 3px;}

div.przycisk
{text-align: center;
margin-top: 1cm;
margin-bottom: 2cm;}

div.emailGraf,div.banner
{text-align: center;
margin-top: 3cm;
margin-bottom: 0cm;}

.noborder
{border-style: none;}

.ramka
{border-style: solid;
border-width: 1px;
margin-bottom: 1cm;}

.aforyzm
{border-style: solid;
border-width: 1px;
margin-bottom: 1cm;
padding: 3px;
background-color: #f5f5dc;}

.underline
{text-decoration: underline;}

.podpis
{text-align: right;
font-style: italic;}

.center
{text-align: center;}

.right, .zip
{text-align: right;}

img
{border-style: none;
border-width: 0px;
background-color: transparent;}

.s-center
{text-align: center;
font-size: xx-small;}

div.imgFloatRight
{float: right;
padding-top: 0px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 0px;}

div.right-above
{padding-top: 1cm;
padding-left: 1cm;
position: absolute;
top: 160px;
right: 130px;
background-color: transparent;
z-index: 0;}

/* =========== LOGO GÓRNE =========== */
div.logoMale
{float: right;
background-color: transparent;
padding-top: 5px;
padding-left: 0px;
padding-right: 20px;
padding-bottom: 2px;
position: fixed; /* absolute, fixed */
top: 40px;
right: 130px;
z-index: 2;}

img.logoMale
{border-style: none;}