body {
	margin: 8px;
	background: #000033 url('../imgs/pozadi-modre.gif');
	font-size: 16pt;
	font-family: Times, "Times New Roman", serif;
	color: #FFFF00;
}
body.home { background-image: url('../imgs/obloha-modra-pozadihome.jpg'); }

a:link    { color: #dada00; }
a:visited { color: #cccc00; }
a:hover   { text-decoration: underline; }

b, th { font-weight: bold; }
small { font-size: 13pt; }
big   { font-size: 24pt; }
th { text-align: left; }

h1 { font-size: 24pt; font-weight: bold; color: #ffdd00; }
h2 { font-size: 24pt; font-weight: normal; color: #ffdd00; }
h3 { font-size: 18pt; font-weight: bold; }

img { border: 0; max-width: 100%; height: auto; }

/* hlavička */
.hlavicka { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 0 4px; }
.hlavicka .nazev { margin: 3px 0 0 0; }
.menu-hlavni { margin: 0; padding-left: 1.2em; }
.menu-hlavni li { padding-left: 0.3em; }
.cara { height: 25px; margin: 8px 0 16px 0; background: url('../imgs/hh-line.gif') repeat-x; }

/* úvodní stránka */
.uvod { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 16px 24px; }
.uvod h1 { margin-top: 0; }
.uvod .kontakt { margin-top: 3em; }

/* galerie */
.galerie { width: 100%; border-spacing: 3px; }
.galerie td { padding: 4px; text-align: center; vertical-align: middle; }
.galerie.ramecek td { border: 1px solid #808080; }
.galerie .tmave { background: #000000; }
.galerie .vinove { background: #800000; }
.galerie p { margin: 0.5em 0; }

/* stránka Kdo jsem */
.na-stred { text-align: center; }
.jmeno { margin: 1em 0; text-align: center; letter-spacing: 0.4em; }

/* dotazník */
.dotaznik { background: #000000; border-spacing: 2px; }
.dotaznik td { padding: 2px 4px; vertical-align: top; }
.dotaznik input[type="text"], .dotaznik textarea { font-size: 13pt; }

hr.zluta { border: 0; border-top: 2px solid #ffdd00; }

.upozorneni { color: red; font-weight: bold; }
.potvrzeni { color: blue; font-weight: bold; }

@media (max-width: 600px) {
	body { font-size: 14pt; }
	big, h1, h2 { font-size: 20pt; }
	.galerie, .galerie tbody, .galerie tr, .galerie td { display: block; width: auto; }
}