@import url("stopka.css");
@import url("formularze.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-niebieski.png"); 
background-position: top left;
background-repeat: repeat;
color: #a0522d;
margin: auto;
margin-top: 0px;
padding-top: 1px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 30px;
width: 1024px;} 

div.main
{background-color: #ffffff;  /* 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: #696969;
border-left-color: #696969;
border-right-color: #000000;
border-bottom-color: #000000;
/* border-radius: 7px; Będzie dopiero działać w CSS3 */
text-align: justify;
padding-top: 0px;
}

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

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

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

h2:before
{content: url("../grafika/kwadracik-czerwony.png") " ";}


/* ============== HIPERLINKI ============== */
a, a:link
{font-weight: bold;
text-decoration: none;
color: #000000;}  /*#4682b4; #800080; #778899;} */ 
 
a:active, a:hover
{color: #ff00ff;} /*#fa8072;} */
 
a:visited
{color: #000000;}

a.button
{color: #000000;
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;}

table.dwiekolumny
{width: 1000px;
background-color: transparent;
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: 0px;}

td.miniobrazy
{text-align: center;
vertical-align: bottom;
padding-top: 5px;
padding-bottom: 0px;}


/* ============== 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;}

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

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

q
{font-style: italic;}

.underline
{text-decoration: underline;}

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

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

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

div.zip
{text-align: right;}

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

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

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

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

.center
{text-align: center;}