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

body
{font-family: "Trebuchet MS", "DejaVu Sans", Helvetica, Arial, sans-serif;
font-size: 12px; 
font-weight: normal;
text-align: justify;
background-color: #696969;
color: #4682b4;
margin: auto;
margin-top: 0px;
padding-top: 1px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 30px;
width: 1024px;}

div.main
{background-color: #f0f8ff;  /* jasny cytryna: #ffffe0; brudna cytryna: #f5f5dc;, żywy jasnożółty #fff8dc; floral white: #fffaf0;, jasny sepio-żólty: #fdf5e6; */
border-style: solid;
border-top-width: 3px;
border-left-width: 3px;
border-right-width: 5px;
border-bottom-width: 5px;
border-top-color: #dcdcdc;
border-left-color: #dcdcdc;
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: 20px;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 50px;
background-color: #ffffff;}

div.dokument-bialy
{text-align: justify;
padding-top: 20px;
padding-left: 60px;
padding-right: 60px;
padding-bottom: 80px;
background-color: #ffffff;}

/* ============== NAGŁÓWKI ============== */
h1
{font-weight: bold; 
font-size: large; 
color: #6495ed;
text-align: center;} 

h2
{text-align: left;
background-color: transparent;  /* Alternatywny jasnoszary: #f5f5f5; lub gołębi: #b0c4de;, stonowana zieleń: #8fbc8f; salmon: #e9967a; */
font-weight: bold; 
font-size: small; 
color: #fa8072;
margin-top: 55px;
text-indent: 1.0cm;
padding-top: 1px;
padding-bottom: 2px;} 

h3
{font-weight: bold;
font-size: small;
color: #708090; /* #4682b4; */
text-indent: 1.5cm;
margin-top: 0.5cm;} 

/* ============== HIPERLINKI ============== */
a, a:link
{font-weight: bold;
text-decoration: none;
color: #708090;}  /* #4682b4; #800080;  #778899; */ 
 
a:active, a:hover
{color: #e9967a;}
 
a:visited
{font-weight: lighter; 
color: #c0c0c0;}

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

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

/* ============== TABELE ============== */
th
{text-align: center;}

td.photo
{padding: 10px;
vertical-align: bottom;
text-align: center;}

/* ============== 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: left;
font-size: 12px;}

.active
{background-color: #fff0f5;}

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

p
{text-align: justify;
font-size: 12px;}

p.pytanie
{font-style: italic;
font-weight: bold;}

q
{font-style: italic;}

p.date
{font-family: courier, fixed, monospace;
font-size: xx-small;
text-align: right;
color: #dcdcdc;}

.zaliczenie
{color: #ffffff;
background-color: #708090;
font-weight: bold;
padding-left: 3px;
padding-right: 3px;
padding-top: 1px;
padding-bottom: 1px;}

p.obrazy
{text-align: center;
font-size: small;
margin-top: 2cm;}

span.obrazy
{font-weight: bold;
font-style: italic;}

span.order
{background-color: #000000;
font-size: small;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 20px;
padding-right: 20px;
border-style: solid;
border-width: 2px;
border-color: #dcdcdc;}

span.order:hover, span.order:active
{background-color: #bfb495;
color: #ffffff;
font-weight: bold;}

span.order:visited
{background-color: #8fbc8f;
color: #d0d0d0;
font-weight: bold;}

span.osiedle
{color: #fa8072;}

.underline
{text-decoration: underline;}

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

img.ramka
{border-style: solid;
border-width: 1px;
margin: 3px;}

img.ksiazka
{border-style: solid;
border-width: 2px;
margin-right: 10px;
margin-bottom: 10px;
float: left;}

p.ksiazka
{text-align: justify;
font-size: 11px;}

.code
{background-color: #dcdcdc;
margin-top: 0.5cm;
margin-bottom: 1cm;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 10px;
padding-right: 10px;
font-size: 10pt;
font-family: courier, fixed, monospace;
text-align: left;}

div.zip
{text-align: right;}

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

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

.podpis
{text-align: right;
font-weight: bold;
font-style: italic;
margin-top: 5px;
margin-bottom: 30px;}

sup 
{color: #bfb495;
font-size: 60%;} 

.noborder
{border-style: none;}

.center
{text-align: center;}

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