/* ----------------------------------------------- */
/* ----- Obecné definice pro všechny stránky ----- */
/* ----------------------------------------------- */

/* ----- Definice hlavních oddílů stránky ----- */
body {margin: 50px 0px 50px 0px; background: #0D2219}
.stranka {position: relative; width: 610px}

.zahlavi {position: relative; width: 760px; height: 125px;
	background: #E6EDF2; border-bottom: 3px solid #FFFFFF}

.zahlavi .prihlodhl {position: absolute; top: 0px; left: 0px; width: 179px;	
	height: 130px; border-right: 1px solid #406480}

.zahlavi .prihlodhl div {position: absolute; top: 30px; left: 17px;
	width: 140px; height: 84px; text-align: center; background: #FFFFFF;
	border: 2px solid #596158}

.zahlavi .prihlodhl div div.infouzivatel {position: absolute; top: 2px; left: 68px;
	width: 70px; height: 80px; text-align: center; border: none}

.obsah {position: relative; width: 580px; padding: 15px; border: 2px solid #FFFFFF}

.hlmenu {f position: relative; width: 610px}

.zalevi {float: left; width: 220px}

.hlokno {float: right; position: relative; width: 345px; min-height: 400px;
	_height: 400px; padding: 0px; border: 0px solid #FFFFFF; z-index: 5}

.pfotogalerie {float: right; width: 150px; margin: 0px 20px 20px 20px; padding: 0px 10px 10px 10px;
	background-color: #E6EDF2; border: 1px dashed #406480}

.pfotogalerie div {width: 140px; height: 140px; background-color: #507EA1; margin-top: 10px;
	padding: 5px}

.chybovehlaseni {width: 490px; _height: 300px; min-height: 300px;
	text-align: left; margin-top: 40px; margin-bottom: 40px;
	background-color: #FFFFFF; border: 5px solid #FF0000}


/* ----- Definice zarovnání oddílů stránky -----*/
body {text-align: center}
div {margin: 0px auto} /* zarovnání blokových prvků na střed v Mozille */
table {margin: 0px auto} /* zarovnání blokových prvků na střed v Mozille */

.hlokno {text-align: left}
.hlokno div {margin: 0px}
.hlokno table {margin: 0px}


/* ----- Definice tabulek ----- */
table tr.pozadi {background-color: #003E25}


/* ----- Definice písma ----- */
body, table, div, p, li, input, button, textarea, select {
	font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #FFFFFF}


/* ----- Definice odstavců ----- */
h1 {font-weight: normal; font-size: 1.6em; text-align: left;
	margin: 30px 0px 20px 0px; padding-bottom: 7px;
	border-bottom: 3px solid #003E25}

h2 {font-weight: normal; font-size: 1.3em; color: #FFFFFF; text-align: left;
	margin: 20px 0px 5px 0px}

h3 {font-weight: bold; font-size: 1.1em; text-align: left;
	margin: 20px 0px 2px 0px}

p, li {font-size: 1em; text-align: justify}
p {margin: 10px 0px 10px 0px}
ol, ul {margin: 20px 0px 20px 0px; padding: 0px}
li {margin: 5px 30px 5px 30px; padding: 0px}


.hlmenu p {font-size: 11px; text-align: center}
.hlmenu h1 {font-weight: bold; font-size: 13px; line-height: 20px; color: #E6EDF2;
	text-align: center;	text-transform: uppercase; margin: 0px; padding: 0px;
	background: #507EA1; border: none; border-left: 10px solid #7AA9CC}

.hlmenu ul {margin: 0px 0px 15px 0px; padding: 0px}
.hlmenu li {font-size: 11px; margin: 5px 5px 5px 15px; padding: 0px;
	list-style: none}

p.zapati {font-size: 10px; text-align: center; margin: 0px; padding: 0px}

.chybovehlaseni h1 {color: #FF0000; margin: 20px; border-color: #FF0000}
.chybovehlaseni p {color: #333333; margin: 20px}


/* ----- Definice změn ----- */
h1 span {font-size: 0.6em}
.vpravo {text-align: right}
.tucne {font-weight: bold}
.kurziva {font-style: italic; _width: 432px; padding: 5px;
	background-color: #f0ecde; border: 1px solid #CDBF90}  /* width je pro IE, nějaká divná vykreslovací chyba, natahuje to o několik px text s kurzivou */

.podtrzene {text-decoration: underline}
.roztazene {letter-spacing: 3px}
.horniindex {font-size: 80%; vertical-align: top}
.cervene {color: #CD0000}
.zelene {color: #009220}


/* ----- Definice odkazů ----- */
a {color: #FFFF00}
a:hover {color: #FF8800}
.hlmenu a {color: #FFFFFF; text-decoration: none; border-top: 2px solid #0D2219}
.hlmenu a.zobrazeno {border-top: 2px solid #003E25}
.hlmenu a:hover {color: #FFFF00; border-top: 2px solid #FFFF00}
.zahlavi a {color: #5B5028; text-decoration: none}
.zahlavi a:hover {color: #FFFFFF}
.chybovehlaseni a {color: #0000FF}
.chybovehlaseni a:hover {color: #FF0000}


/* ----- Definice formulářů a jeho prvků ----- */
form {margin: 0px}
input, button, textarea, select {font-weight: normal; color: #333333; background-color: #FFFFFF;
	border: 2px inset #003E25}

input.tlacitko, button.tlacitko {color: #FFFFFF; background-color: #003E25;
	border: 2px outset #003E25; cursor: pointer; cursor: hand}

input.male, button.male, textarea.male, select.male {width: 130px}
input.velke, button.velke, textarea.velke, select.velke {width: 290px}
textarea {height: 60px}

fieldset {margin: 20px 0px 0px 0px; padding: 10px; border: 1px solid #C0C0C0}
legend {font-size: 12px; margin: 0px 10px 0px 10px}

.zahlavi .prihlodhl input, .zahlavi .prihlodhl button {font-size: 10px}
.zahlavi .prihlodhl input.login {width: 70px; margin: 1px 1px 1px 22px; _margin: 0px 1px 0px 22px}
.zahlavi .prihlodhl input.heslo {width: 70px; margin: 1px 1px 1px 21px; _margin: -1px 1px 0px 21px}
.zahlavi .prihlodhl button {height: 20px; margin: 1px 0px 0px 0px}
.zahlavi .prihlodhl label {font-weight: bold; font-size: 10px;
	margin: 1px 0px 1px 3px}


/* ----- Definice obrázků ----- */
img {border: none; _display: block}
.zahlavi .prihlodhl img {position: absolute; top: 2px; left: 2px}
img.vlajka {display: inline; width: 30px; height: 20px; margin: 30px 10px 0px 10px}
.zahlavi div img.vlajka {margin: 0px 0px 0px 5px}


/* ----- Jiné definice ----- */
.skryt {display: none}



/* ------------------------------------------------------------- */
/* ----- Speciální definice pro jednotlivé stránky stránky ----- */
/* ------------------------------------------------------------- */

.jlmnozstvi {width: 50px}
.jlnabidka {width: 250px}
.jlcena {width: 50px}

/* ----- Návštěvní kniha ----- */
table.nak {margin-bottom: 15px}
table.nak input.tlacitko {width: 70px}
.nak tr {height: 20px}
.nak td {vertical-align: top}
td.nakdot {width: 85px; text-align: right}
td.nakfrmp {width: 260px}
.nakdiv {position: relative; width: 345px; text-align: left;
	border-top: 1px solid #003E25}

.nakjmeno {font-weight: bold; margin: 5px 190px 5px 0px;
	color: #FFFFFF}

.nakdatum {position: absolute; right: 0px; top: 0px; width: 190px;
	font-size: 11px; text-align: right; color: #FFFFFF; margin: 5px 0px 5px 0px}

.nakmoz {text-decoration: none}
.nakzapis {margin: 0px 0px 10px 0px}
table.naknavigace {font-size: 10px; text-align: center;
	border: 2px solid #003E25; color: #FFFFFF; margin-top: 10px;
	margin-bottom: 10px}

td.naknavigace a {text-decoration: none}
table.naknavigace tr {height: 20px}
td.naknavigace {width: 85px}
td.naknavigaceinf {width: 175px}
.naknapoveda {position: absolute; left: 0px; top: 300px; width: 341px;
	margin: 0px 5px 0px 5px; background-color: #FFFFFF;
	border: 2px solid #003E25; visibility: hidden; z-index: 10}

.naknapoveda p {font-size: 11px; color: #000000; margin: 10px 10px 10px 10px; text-align: justify}


/* ----- Administrace ----- */
div.administrace p {text-align: center; padding-top: 10px; border-top: 1px solid #FFFFFF}
table.adm td {text-align: left; vertical-align: top}
table.adm td.labelPole {width: 100px; text-align: right; padding: 3px 2px 0px 0px}
table.adm td.labelPole span {text-decoration: underline}

table.adm td.napoveda {width: 100px; text-align: left; padding: 0px 0px 0px 2px}
table.adm td.napoveda div.napovedaObal {position: relative; width: 20px;
	height: 20px; margin: 0px; behavior: url ('styly_skripty/zobraz_skryj.htc')}

table.adm td.napoveda div.napovedaObal img.napoveda {width: 20px; height: 20px;
	cursor: help}

table.adm td.napoveda div.napovedaObal div.napoveda {position: absolute;
	top: 0px; left: 25px; width: 200px; background-color: #FFFFFF;
	border: 2px solid #003E25; visibility: hidden; z-index: 8}

table.adm td.napoveda div.napovedaObal:hover div.napoveda,
table.adm td.napoveda div.napovedaObalHover div.napoveda {visibility: visible}

table.adm td.napoveda div.napovedaObal div.napoveda p {font-size: 0.9em;
	color: #333333; margin: 5px; text-align: justify}

table.adm td.submit, table.admVypis td.submit {height: 30px;
	text-align: center; vertical-align: bottom;	border-top: 1px solid #C0C0C0}

table.admVypis {text-align: center; margin-top: 30px}
table.admVypis th {border-bottom: 5px outset #C0C0C0}
table.admVypis td {height: 22px}

table.admGalerie th.galerie {width: 125px}
table.admGalerie th.tlacitka {width: 220px}

table.admFoto th.razeni {width: 50px}
table.admFoto th.foto {width: 175px}
table.admFoto th.tlacitka {width: 120px}

div.znacky {position: absolute; top: -45px; left: -235px; width: 210px; font-size: 8px; padding: 5px; background: #A0A0A0}
div.znacky h1, div.znacky h2, div.znacky ul {margin: 0px; padding: 0px}
div.znacky h3 {color: #0D2219}
