@import url("licznik.css");

body
{font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
font-size: 12px; 
font-weight: normal;
text-align: justify;
background-color: #ffffff;
color: #000000;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;} 

div.main
{background-color: #ffffff;
border-style: solid;
border-top-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-top-color: #000000;
border-left-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;}

div.dokument
{padding-top: 200px;
padding-left: 160px;
padding-right: 160px;
padding-bottom: 100px;}


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

h2
{text-align: left;
background-color: #ffffff; /* #bc8f8f; */
background-position: left top;
background-repeat: repeat-y; /* repeat-y */
background-image: url("../grafika/belka-srebrna.jpg");
font-weight: bold; 
font-size: small; 
color: #000000;
margin-top: 50px;
text-indent: 1.0cm;
padding-top: 1px;
padding-bottom: 2px;} 

h3
{background-color: #ffffff; /* #bc8f8f; */
font-size: 12px;
font-stretch: extra-condensed; 
color: #000000; /* #bc8f8f; */
font-weight: bold;
text-indent: 0.5cm;
text-align: left;
margin-top: 20px;
margin-bottom: 5px;}

h4
{font-size: 11px;
font-stretch: extra-condensed; 
color: #000000; /* #bc8f8f; */
font-weight: bold;
font-style: italic;
text-indent: 1cm;
text-align: left;
margin-top: 20px;
margin-bottom: 0px;}

/* ============== HIPERLINKI ============== */
a 
{font-weight: bold;
text-decoration: none;} 
 
a:link
{color: #bc8f8f;}

a:active, a:hover
{color: #bfb495;}
 
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.cennik
{border-style: solid;
border-color: #000000;
border-width: 2px;
width: 100%;
border-collapse: collapse;
table-layout: auto;
empty-cells: show;
margin-top: 1cm;}

col.cennik1
{width: 11%;}

col.cennik2
{width: 22%;}

th.cennik
{color: black;
border-style: solid;
border-color: #000000;
background-color: #d3d3d3;
border-width: 2px;}

td.cennik
{border-width: 1px;
border-style: solid;
border-color: #dcdcdc;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 5px;
padding-right: 5px;
text-align: center;}

td.cennik2
{border-width: 1px;
border-right-width: 2px;
border-style: solid;
border-color: #dcdcdc;
border-right-color: #000000;
background-color: #f0f8ff;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 5px;
padding-right: 5px;
text-align: right;}

table.ximagine
{width: 100%;
border-style: none;}

td.ximagine
{text-align: left;
vertical-align: top;
padding: 20px;
font-size: xx-small;}

table.domeny
{width: 100%;
border-style: solid;
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: 10px;
margin-bottom: 20px;}

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

th.domeny
{color: #000000;
background-color: #f5f5f5; /* Alternatywny kolor: lightsteelblue #b0c4de;*/
border-style: solid;
border-width: 1px;
border-color: #c0c0c0; } /* Alternatywny kolor: lightsteelblue: #b0c4de; */

td.domeny
{border-style: solid;
border-width: 1px;
border-color: #c0c0c0; /* Alternatywny kolor: lightsteelblue #b0c4de; */
font-size: 11px;
color: #000000;
background-color: #ffffff;
vertical-align: top;
padding-top: 1px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 1px;}

/* ============== SKLEP =============== */
table.sklep
{width: 100%;
border-color: #bc8f8f;
border-style: solid;
border-width: 1px;
border-collapse: collapse;
table-layout: auto;
empty-cells: show;}

col.sklep1
{width: 26%;}
col.sklep3
{width: 10%;}
col.sklep4
{width: 16%;}

th.sklep
{text-align: center;
background-color: #bc8f8f;
color: #ffffff;
font-weight: bold;}

td.sklep1
{background-color: #fffafa; /* #fff0f5; */
border-style: solid;
border-width: 1px;
border-color: #bc8f8f;
padding: 5px;
font-weight: bold;
text-align: left;
vertical-align: top;}

td.sklep2
{text-align: justify;
vertical-align: top;
padding: 5px;
border-style: solid;
border-width: 1px;
border-color: #bc8f8f;}

td.sklep3
{text-align: center;
vertical-align: top;
padding: 5px;
border-style: solid;
border-width: 1px;
border-color: #bc8f8f;}

td.sklep4
{text-align: justify;
vertical-align: top;
padding: 5px;
padding-top: 0px;
border-style: solid;
border-width: 1px;
border-color: #bc8f8f;}

/* ============== 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
{color: #bc8f8f;
margin-top: 0.5cm;
font-style: italic;
font-weight: bold;}

.wciety
{padding-left: 40px;}

code
{color: #bc8f8f;
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.validate
{text-align: center;
margin-top: 1.5cm;
margin-bottom: 3px;}

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

.stopka
{text-align: center;
font-size: xx-small;
margin-bottom: 0px;
padding: 0px;
margin-top: 0px;}

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

.noborder
{border-style: none;}

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

.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;}


/* ============== NAWIGACJA MENU ============== */
div.menu
{text-align: center;
color: #ffffff;
background-color: transparent; /* #bc8f8f; */
border-style: solid;
border-color: #000000;
border-top-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-bottom-color: #000000;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 10px;
position: absolute; /* fixed */
top: 0px;
left: 0px;
right: 0px;}

table.menu
{width: 70%;
margin-left: 15%;
margin-right: 15%;
border-style: none;
border-collapse: separate; /* Inna opcja: collapse */
border-spacing: 6px;  /*Odstępy pomiędzy ramkami */
empty-cells: show; /* Inna opcja: hide */
vertical-align: top;}

colgroup.menu
{width: 20%;
text-align: center;}

td.menu
{border-style: none;
font-weight: bold;
font-size: x-small;
color: #000000;
background-color: #ffffff;
padding-top: 3px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 3px;
margin-left: 1cm;}