body {margin: 0px 0px 10px 0px}
.stranka {position: relative; width: 946px; background: url('../grafika/poz_stranka.gif')}
.zahlavi {position: relative; top: 0px; left: 0px; width: 946px;
	height: 280px}

.zahlavi .horniOblouk {position: relative;
	width: 946px; height: 41px; background: url('../grafika/horni_oblouk.gif')}

.hlmenu {position: relative; width: 895px; height: 60px; z-index: 10}

.hlmenu div.prvniradek {position: relative; height: 25px; padding-left: 30px; border-bottom: 1px dotted #4a6d81; z-index: 15}
.hlmenu div.druhyradek {position: relative; height: 25px; padding-left: 50px}

.lmenu {_display: inline; float: left; width: 200px; height: 400px; margin: 0px 0px 0px 20px}

.obsah {_display: inline; float: right; position: relative; width: 690px; margin: 0px 35px 0px 0px; background: url('../grafika/poz_obsah.gif')}
.obsah .horniOblouk {position: relative; width: 690px; height: 16px; background: url('../grafika/obsah_horni_oblouk.gif')}
.obsah .dolniOblouk {clear: both; position: relative; width: 690px; height: 12px; background: url('../grafika/obsah_dolni_oblouk.gif') left bottom no-repeat}


.hlokno {float: left; position: relative; width: 450px; min-height: 850px;
	_height: 850px; padding: 0px 25px 0px 25px}

.reklamy {_display: inline; float: right; position: relative; width: 165px; height: 700px;
	margin: 49px 25px 0px 0px}

.reklamy div.novinky {width: 161px; border: 2px solid #ff6600}
.reklamy div {position: relative; width: 165px}

.dolniObloukVnitrni {clear: both; position: relative; width: 946px; height: 12px;
	background: url('../grafika/dolni_oblouk.gif')}

.zapati {clear: both; position: relative; width: 908px;
	height: 75px; padding: 10px 15px 10px 15px; background: #eea654}

.dolniObloukVnejsi {position: relative; width: 946px; height: 15px;
	background: url('../grafika/stranka_dolni_oblouk.gif') left bottom no-repeat}




.chybovehlaseni {width: 500px; height: 650px; margin-bottom: 5px;
	text-align: left; 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 */
.psloupec {text-align: left}


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


/* ----- Definice odstavců ----- */
h1 {font-size: 16px; color: #FF6600; text-align: left; margin: 0px 0px 15px 0px; padding-top: 15px}
h2 {font-size: 14px; color: #FF6600; text-align: left; margin: 20px 0px 10px 0px}

p {text-align: justify; margin: 10px 0px 10px 0px}
ol, ul {text-align: left; margin: 10px 0px 10px 20px; padding: 0px}
li {text-align: left; margin: 0px; padding: 0px}

.hlmenu p {line-height: 25px; font-size: 14px; color: #4a6d81; text-align: center; margin: 0px; padding: 0px}
.hlmenu p.prvni {border-bottom: 1px dotted #4a6d81}
.hlmenu p span {font-weight: bold; font-size: 14px}

.lmenu ul {margin: 20px 10px 20px 10px; padding: 0px 3px 0px 15px}
.lmenu li {list-style-image: url('../grafika/odrazka_menu.gif');
	margin: 5px 0px 5px 0px; padding: 10px 0px 10px 10px;
	border-bottom: 1px dotted #ff6600}

.reklamy h1 {font-size: 14px; color: #FFFFFF; margin: 0px 0px 5px 0px;
	padding: 2px 3px 2px 3px; background: #ff6600}

.reklamy ul {margin: 10px 0px 10px 10px; padding: 0px 3px 0px 15px}
.reklamy li {color: #ff6600; padding: 0px}

.zahlavi p {margin: 0px 15px 0px 15px}
.zapati p {font-size: 11px; color: #FFFFFF; margin: 0px}
.zapati p.kontakt {text-align: center}



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


/* ----- Definice změn ----- */
.tucne {font-weight: bold}
.center {text-align: center}


/* ----- Definice odkazů ----- */
a {color: #ff6600}
a:hover {color: #4a6d81}
.hlmenu a {color: #4a6d81; text-decoration: none}
.hlmenu a:hover {color: #ff6600}
.zapati a {color: #FFFFFF}
.zapati a:hover {color: #004d7d}


/* ----- Definice formulářů a jeho prvků ----- */
form {margin: 0px}
input, button, textarea, select {color: #000000; background-color: #FFFFFF;
	border: 2px inset #FF6600; margin: 0px; padding: 0px}
input.tlacitko, button.tlacitko {color: #FFFFFF; background-color: #FF6600;
	border: 2px outset #FF6600; cursor: pointer; cursor: hand}


/* ----- Definice obrázků ----- */
img {border: none}
img .smajl {width: 12px; height: 12px}
.lsloupec img {margin-bottom: 5px; _display: block}
.lsloupec div img {_display: inline}
.psloupec img {_display: block; margin-bottom: 3px}

#imageContainer img {
	display:none;
	position:absolute;
	top:0; left:0;
}





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

/* ----- Ceník pláže ----- */
table.cenikprnoc, table.cenikprsez {width: 100%; background: #eea654; border: 1px solid #eea654}
table.cenikprnoc tr.lichy, table.cenikprsez tr.lichy {background-color: #FFFFCC}
table.cenikprnoc tr.sudy, table.cenikprsez tr.sudy {background-color: #FFDD55}
table.cenikprnoc td.polozka, table.cenikprsez .polozka {width: 200px}
table.cenikprnoc td.cena {width: 100px; font-weight: bold; text-align: center}
table.cenikprsez td.cena {width: 205px; font-weight: bold; text-align: center}
table.cenikprnoc .nadpis, table.cenikprsez .nadpis {height: 35px;
	font-weight: bold; background-color: #FFFFFF}

/* ----- Ceník školy ----- */
table.cenikskoly {width: 100%; background: #eea654; border: 1px solid #eea654}
table.cenikskoly .nadpis {height: 35px; font-weight: bold; background-color: #FFFFFF}
table.cenikskoly tr.lichy {background-color: #FFFFCC}
table.cenikskoly tr.sudy {background-color: #FFDD55}
table.cenikskoly td.polozka {width: 100px}
table.cenikskoly td.cena {width: 100px; font-weight: bold; text-align: center}

/* ----- Fotogalerie ----- */
table.fotgal td {text-align: center; vertical-align: top;
	background-color: #FFFFFF; border: 1px solid #E6AA17}

table.fotgal td div.fotoDiv {padding: 2px}

table.fotgal td p {font-size: 10px; text-align: left; margin: 0px}

table.fotgal td[colspan=3] {width: none; height: none}


/* ----- Ceník na stráni ----- */
table.cenikns {width: 100%; background: #eea654; border: 1px solid #eea654}
table.cenikns {text-align: center}
table.cenikns tr.lichy {background-color: #FFFFCC}
table.cenikns tr.sudy {background-color: #FFDD55}
table.cenikns .nadpis {height: 35px; font-weight: bold; background-color: #FFFFFF}
table.ceniknsd td {vertical-align: top}


/* ----- Chatové osady ----- */
table.chatosad {width: 100%; background: #eea654; border: 1px solid #eea654}
table.chatosad td {width: 115px}
table.chatosad td span {width: 300px}
table.chatosad td.cena {text-align: center}
table.chatosad td.cenapodr {width: 200px; text-align: center}


/* ---- Tipy na výlet ----- */
xdiv.tipy {width: 430px; padding: 10px; background-color: #FFFFCC}
div.tipy h1 {font-size: 14px; margin: 15px 0px 10px 0px}
div.tipy a:hover {color: #FF0000}


/* ----- Piktogramy ----- */
div.piktogramy {height: 80px}
img.piktogramy {float: left; width: 80px; height: 80px}


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

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

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

.nakmoz {text-decoration: none}
.nakzapis {margin: 0px 0px 10px 0px; line-height: 18px}
table.naknavigace {font-size: 10px; text-align: center;
	border: 2px solid #990000; color: #000000; margin-top: 10px;
	margin-bottom: 10px}

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

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


/* ----- Připravované ----- */
ul.akce li {clear: both; padding-top: 10px; padding-bottom: 10px; border-top: 1px dotted #4a87c2}


/* ----- Administrace ----- */
table.adm td {text-align: center; vertical-align: top}
table.adm td.stsirka {width: 90px; text-align: left}
table.adm input.male, table.adm textarea.male {width: 120px}
table.adm input.velke, table.adm textarea.velke {width: 250px}