/* globalne opcje dla galerii ilustracji */

caption {margin-top: 1em; text-align: left; font-size: small; font-weight: normal}
tr.caption, tr.caption th, tr.caption td {vertical-align: baseline}
.caption, .caption th, .caption td {font-size: small; font-weight: normal} 
tr.gallery, tr.gallery td {vertical-align: top; text-align: center}
tr.gallery td pre.opis-pliku {text-align: left}
tr.text    {vertical-align: top; text-align: left}

a img,
img[usemap] {border: 0px}

/* pola informacyjne */
.softlogo   {}
.softvendor {}
.softdesc   {}
.softver    {}
.softshots  {}
.softlicence {}

/* zależnie od warunków licencji */
.closed  {}
.noncomm {}
.floss   {}
.free    {}

/* tabele w galeriach ilustracji */

*.unit-info {
    width: 100%; 
    background-color: #d0d0a0; 
    margin-top: 1ex; 
    padding: 1ex; 
    margin-bottom: 1ex;
}

table.unit-info caption,
div.unit-info > div.caption,
table.expo caption, 
table.header-info caption {
    width: 100%; 
    /* font-weight: bold */ 
}

tr.caption td.logo {vertical-align: top}

table.expo { }
table.expo > tbody > tr.gallery > td,
table.expo > tbody > tr.caption > td {width: 300px }
table.expo > tbody > tr.caption > td[colspan] {width: 300px}
table.expo > tbody > tr.caption > td[colspan="2"] {width: 300px}
table.expo > tbody + tbody > tr.caption > td {padding-top: 1em}

tr.caption th {text-align: left; font-weight: bold}
tr.caption > td.logo {width: 80px; text-align: left;}
table.header-info tr > th {width: 140px}
table.header-info tr > td {width: 80% }


/* infografika w tekscie  */
body.inforamka, .inforamka *  {font-size: 8pt; background-color: #e0e0e0}
.inforamka h1, .inforamka h2 {text-align: center; margin-top: 1ex; margin-bottom: 1ex}
.inforamka h1 {font-size: 11pt}
.inforamka h2 {font-size: 10pt}
.inforamka address {font-size: smaller}

pre.przyklad {
    background-image: none;
    padding-left: 2em; 
    margin-left: 2em;
    border-left: 2px solid #a0a0a0;
}

/* ilustracje wektorowe towarzyszÄ…ce tekstowi */
.xxxx { 
    border: 1px solid black; 
}