/** Obrázky s odkazem bez rámečku */

a img {

    border: none;

}

/** Pozadí stránky a text */

html {

    background: #42afdc;

    color:black;

}

/** Bezpatkové písmo */

body {

    font-family: sans-serif;

    font-size: 12px;

}

/** České uvozovky: „ */

q:before {

    content: "\201E";

}

/** České uvozovky: “ */

q:after {

    content: "\201C";

}

/** Prostor pro logo a název programu */

#zahlavi {

    height: 48px;

    background-image: url('grafika/logo.png');

    background-repeat: no-repeat;

    margin-left: 5px;

}

#zahlavi h1 {

    display: none;

}

/** Obal kolem bloků */

#bloky {

    width: 1040px;

    text-align: justify;

}

.blok {

    margin: 10px;

}

/** Vstup, výstup nebo nápověda */

.vnitrekBloku {

    background-image: url('grafika/blok-pozadi.gif');

    margin: 0px;

    padding: 10px;

}

#vstup .vnitrekBloku {

    height: 150px;

    text-align: right;

}

#stavovePole {

    width: 300px;

    border: none;

    background-color: transparent;

    color: gray;

    font-size: 11px;

}

#vstup textarea {

    width: 640px;

    height: 108px;

    padding: 8px;

    border: 1px solid silver;

}

fieldset {

    display: inline;

    border: none;

    padding: 0px;

    margin: 0px;

}

#vstup button {

    height: 20px;

    border: none;

    margin-right: 0px;

    margin-top: 5px;

    padding: 0px;

    cursor: pointer;

    background-repeat: no-repeat;

}

#vstup button.zobrazitHistorii {

    background-image: url('grafika/tlacitko-historie.png');

    background-color: transparent;

    background-position: center;

    width: 20px;

}

#vstup button.vykonatSQL {

    background-image: url('grafika/tlacitko-sql.png');

    width: 146px;

}

#vystup .vnitrekBloku {

    overflow: auto;

    height: 280px;

}

#napoveda .vnitrekBloku {

    height: 484px;

}

#napovedniPole {

    overflow: auto;

    margin: 0px;

    padding: 0px;

    height: 460px;

}

#napoveda h1 {

    font-size: 18px;

    font-weight: bold;

}

/** Nadpisy bloků */

.blok h2 {

    font-size: 12px;

    padding: 2px;

    padding-top: 4px;

    padding-left: 32px;

    margin: 0px;

    color: gray;

    height: 20px;

}

#napoveda h2 {

    background-image: url('grafika/blok-nadpis-320.png');

}

#napoveda #napovedniPole h2 {

    background-image: none;

    font-size: 14px;

    padding: 0px;

    margin: 0px;

    color: black;

    height: auto;

}

#napoveda pre {

    color: gray;

    cursor: pointer;

}

#napoveda a {

    text-decoration: none;

}

#napoveda a:hover {

    text-decoration: underline;

}

#navigace {

    background-image: url('grafika/navigace-pozadi.png');

    height: 21px;

    width: 300px;

    position: relative;

    bottom: 32px;

    left: 10px;

    text-align: center;

}

#navigace button {

    height: 20px;

    border: none;

    margin-right: 0px;

    margin-top: 5px;

    padding: 0px;

    cursor: pointer;

    background-repeat: no-repeat;

    background-color: transparent;

    background-position: center;

    width: 20px;

    position: relative;

    top: -4px;

}

#navigace button.zpet {

    background-image: url('grafika/navigace-zpet.png');

    margin-right: 32px;

}

#navigace button.vpred {

    background-image: url('grafika/navigace-vpred.png');

    margin-left: 32px;

}

#navigace button.nasledujici {

    background-image: url('grafika/navigace-nasledujici.png');

    margin-left: 42px;

}

#navigace button.predchozi {

    background-image: url('grafika/navigace-predchozi.png');

    margin-right: 42px;

}

#navigace button.model {

    background-image: url('grafika/navigace-model.png');

}

#navigace button.pruvodce {

    background-image: url('grafika/navigace-pruvodce.png');

}

/** Vstupně-výstupní část */

#io {

    float: left;

}

#io h2 {

    background-image: url('grafika/blok-nadpis-680.png');

}

/** Blok vstupu */

#vstup {

    width: 680px;

}

/** Blok výstupu */

#vystup {

    width: 680px;

}

/** Blok nápovědy */

#napoveda {

    float: right;

    width: 320px;

}

/** Formátování (výstupní) tabulky */

table {

    border: 1px solid green;

    border-collapse:collapse;

    background-color: white;

    margin: 3px;

}

td {

    border: 1px solid black;

    padding: 4px;

    padding-left: 8px;

    padding-right: 8px;

    vertical-align: top;

    text-align: left;

}

td.cislo {

    text-align: right;

}

thead {

    background: gray;

    font-weight:bold;

    background-image: url('grafika/tabulka-zahlavi.png');

    background-repeat: repeat-x;

    height: 28px;

}

thead td a {

    color: black;

    text-decoration: none;

}

thead td {

    vertical-align: middle;

}

/** Ikonky pro zprávu k výsledku */

#vystupniPole p {

    background-repeat: no-repeat;

    padding-left: 22px;

}

#vystupniPole p.vysledekOK {

    background-image: url('grafika/vysledek-ok.png');

}

#vystupniPole p.vysledekVarovani {

    background-image: url('grafika/vysledek-varovani.png');

}

#vystupniPole p.vysledekChyba {

    background-image: url('grafika/vysledek-chyba.png');

}

#vystupniPole p.vysledekTip {

    background-image: url('grafika/vysledek-tip.png');

    color: gray;

    font-style: italic;

}

/** Skrytý formulář sloužící pro lokalizaci JavaScriptu */

#lokalizace {

    display: none;

}

/** Skrytý formulář sloužící pro uchování ID průvodce z databáze */

#pruvodceData {

    display: none;

}