/* CSS soubor s definicí stylů */
/* ----------------------------*/

body	{
	background-color: #FFFFFF;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	text-align: left;
	font-family: "Arial CE", Arial, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #424627;
}

body a {font-weight: bold; color: #777763; text-decoration: none;}
body a:hover {font-weight: bold; color: #777763; text-decoration: underline;}
a img {border-width: 0px;}

.tucny-text { font-weight: bold; }

#hvezdy {position: absolute; top: 100px; left: 135px; z-index: 0; width: 45px; height: 17px; background: url("../obrazky/hvezda.gif");}
#nadpis {position: absolute; top: 120px; left: 20px; z-index: 0; width: 160px; height: 80px; background: url("../obrazky/nadpis.gif");}

#jazyky-menu {
	position: absolute; top: 200px; left: 490px; z-index: 0; width: 250px; height: 16px;
	font-size: 8pt; font-weight: bold; color: #D6D6C1; text-align: right;
}

#jazyky-menu a {font-weight: bold; color: #C0C0AC; text-decoration: none;}
#jazyky-menu a:hover {font-weight: bold; color: #C0C0AC; text-decoration: underline;}


#pozadi-telo {position: absolute; top: 220px; left: 0px; z-index: 0; width: 735px; height: 354px; background-color: #E1E6BE;}
#pravy-lem {position: absolute; top: 220px; left: 735px; z-index: 1; width: 19px; height: 354px; background: url("../obrazky/pravy-lem.jpg");}
#pozadi-spodni-uvod {position: absolute; top: 550px; left: 495px; z-index: 1; width: 240px; height: 24px; background: url("../obrazky/pozadi-spodni.jpg");}
#pozadi-spodni-stranky {position: absolute; top: 550px; left: 0px; z-index: 1; width: 735px; height: 24px; background: url("../obrazky/pozadi-spodni.jpg");}

#logo-krakonos {position: absolute; top: 405px; left: 580px; z-index: 1; width: 145px; height: 135px; background: url("../obrazky/logo-krakonos.gif");}
#prave-foto {position: absolute; top: 435px; left: 545px; z-index: 1; width: 180px; height: 105px;}


/* ----------- definice menu ----------- */
#menu {position: absolute; top: 260px; left: 495px; z-index: 2; width: 150px; height: 200px; text-align: left;}
#cara-svisla {position: absolute; top: 16px; left: 0px; z-index: 3; width: 2px; height: 175px; background: url("../obrazky/cara-svisla.gif");}

#tlacitko1 {position: absolute; top: 0px; left: 2px; z-index: 3; width: 140px; height: 20px;}
#tlacitko2 {position: absolute; top: 25px; left: 2px; z-index: 3; width: 140px; height: 20px;}
#tlacitko3 {position: absolute; top: 50px; left: 2px; z-index: 3; width: 140px; height: 20px;}
#tlacitko4 {position: absolute; top: 75px; left: 2px; z-index: 3; width: 140px; height: 20px;}
#tlacitko5 {position: absolute; top: 100px; left: 2px; z-index: 3; width: 140px; height: 20px;}
#tlacitko6 {position: absolute; top: 125px; left: 2px; z-index: 3; width: 140px; height: 20px;}

#tlacitko-menu {position: absolute; top: 75px; left: 150px; z-index: 3; width: 140px; height: 20px;}
/* ------------------------------------- */


#nazev-stranky {
	position: absolute; top: 510px; left: 20px; z-index: 1; width: 400px; height: 35px;
	font-family: "Tahoma CE", Tahoma, Arial, sans-serif; font-size: 20pt; font-weight: normal; color: #BCBCA1; text-align: left;
}


/* ----------- definice obsahu ----------- */
#uvodni-foto {position: absolute; top: 220px; left: 0px; z-index: 1; width: 495px; height: 354px; background: url("../obrazky/uvodni-foto.jpg");}

#obsah {
	position: absolute; top: 235px; left: 20px; z-index: 1; width: 430px; height: 265px;
	scrollbar-face-color: #777763; scrollbar-shadow-color: #C8C8AC;
	scrollbar-highlight-color: #C8C8AC;	scrollbar-3dlight-color: #C8C8AC;
	scrollbar-darkshadow-color: #C8C8AC; scrollbar-track-color: #D2D7B1; scrollbar-arrow-color: #C8C8AC;
}

#obsah-text {position: absolute; top: 0px; left: 0px; z-index: 2; width: 420px; height: 190px; text-align: left;}

.obsah-stranky-display {position: absolute; top: 250px; left: 360px; z-index: 2; width: 60px; height: 15px;	font-size: 8pt; font-weight: normal; text-align: right;}

.obsah-stranky-obrazky {position: absolute; top: 265px; left: 360px; z-index: 2; width: 60px; height: 15px;	font-size: 8pt; font-weight: normal; text-align: right;}

.foto a img {margin-top: 6px; margin-left: 8px; border:1px solid #777763; filter: alpha(opacity=70, style=0);-moz-opacity:0.7;}
.foto a:hover img {filter:alpha(opacity=100, style=0);-moz-opacity:1;}

.foto-velky {border:1px solid #777763;}

.p-text-normal {margin-bottom: 7px; margin-top: 0px;}
.p-text-nadpis {font-weight: bold; margin-bottom: 7px; margin-top: 12px;}

#krakonos {position: absolute; top: 10px; left: 250px; z-index: 2; width: 73px; height: 200px; border:1px solid #777763; background: url("../obrazky/krakonos_m.jpg");}
/* --------------------------------------- */



/* ----------- definice okna galerie s velkym obrazkem ----------- */
#stredstranky-galerie {position: relative; width: 450px; margin: auto;}
#galerie-velky-obrazek {position: relative; top: 20px; left: 0px; z-index: 1; width: 450px; height: 445px; text-align: center;}
#velky-obrazek {border:3px solid #7D7D7D;}
/* --------------------------------------------------------------- */



/* ----------- definice formulare rezervace ----------- */
#rezervace-pole1a {position: absolute; top: 4px; left: 0px; z-index: 2; width: 120px; height: 20px; text-align: right;}
#rezervace-pole2a {position: absolute; top: 24px; left: 0px; z-index: 2; width: 120px; height: 20px; text-align: right;}
#rezervace-pole3a {position: absolute; top: 44px; left: 0px; z-index: 2; width: 120px; height: 20px; text-align: right;}
#rezervace-pole4a {position: absolute; top: 64px; left: 0px; z-index: 2; width: 120px; height: 20px; text-align: right;}
#rezervace-pole5a {position: absolute; top: 84px; left: 0px; z-index: 2; width: 120px; height: 20px; text-align: right;}
#rezervace-pole6a {position: absolute; top: 104px; left: 0px; z-index: 2; width: 120px; height: 20px; text-align: right;}
#rezervace-pole7a {position: absolute; top: 124px; left: 0px; z-index: 2; width: 120px; height: 20px; text-align: right;}
#rezervace-pole8a {position: absolute; top: 144px; left: 0px; z-index: 2; width: 120px; height: 20px; text-align: right;}
#rezervace-pole9a {position: absolute; top: 164px; left: 0px; z-index: 2; width: 120px; height: 20px; text-align: right;}
#rezervace-pole10a {position: absolute; top: 184px; left: 0px; z-index: 2; width: 120px; height: 20px; text-align: right;}
#rezervace-pole11a {position: absolute; top: 204px; left: 0px; z-index: 2; width: 120px; height: 20px; text-align: right;}
#rezervace-pole12a {position: absolute; top: 224px; left: 0px; z-index: 2; width: 120px; height: 20px; text-align: right;}

#rezervace-pole1b {position: absolute; top: 0px; left: 130px; z-index: 2; width: 150px; height: 20px; text-align: left;}
#rezervace-pole2b {position: absolute; top: 20px; left: 130px; z-index: 2; width: 150px; height: 20px; text-align: left;}
#rezervace-pole3b {position: absolute; top: 40px; left: 130px; z-index: 2; width: 150px; height: 20px; text-align: left;}
#rezervace-pole4b {position: absolute; top: 60px; left: 130px; z-index: 2; width: 150px; height: 20px; text-align: left;}
#rezervace-pole5b {position: absolute; top: 80px; left: 130px; z-index: 2; width: 150px; height: 20px; text-align: left;}
#rezervace-pole6b {position: absolute; top: 100px; left: 130px; z-index: 2; width: 150px; height: 20px; text-align: left;}
#rezervace-pole7b {position: absolute; top: 120px; left: 130px; z-index: 2; width: 150px; height: 20px; text-align: left;}
#rezervace-pole8b {position: absolute; top: 140px; left: 130px; z-index: 2; width: 150px; height: 20px; text-align: left;}
#rezervace-pole9b {position: absolute; top: 160px; left: 130px; z-index: 2; width: 150px; height: 20px; text-align: left;}
#rezervace-pole10b {position: absolute; top: 180px; left: 130px; z-index: 2; width: 150px; height: 20px; text-align: left;}
#rezervace-pole11b {position: absolute; top: 200px; left: 130px; z-index: 2; width: 150px; height: 20px; text-align: left;}
#rezervace-pole12b {position: absolute; top: 220px; left: 130px; z-index: 2; width: 150px; height: 20px; text-align: left;}

#rezervace-pole3 {position: absolute; top: 0px; left: 290px; z-index: 2; width: 140px; height: 240px; text-align: left;}
#rezervace-pole4 {position: absolute; top: 242px; left: 260px; z-index: 2; width: 170px; height: 20px; text-align: left;}

.form-popis {font-size: 9pt; margin-top: 4px; margin-bottom: 5px;}

.input_text {
	font-family: "Arial CE", Arial, sans-serif; font-size: 9pt; font-style: normal; color: black; background-color: #D2D7B1;
	border-left: none; border-right: medium none; border-top: medium none; border-bottom: dotted; border-width: 1px; border-color: #777763;
}
	
.textBox {
	font-family: "Arial CE", Arial, sans-serif; font-size: 9pt; font-style: normal; color: black; background-color: #D2D7B1; 
	border-style: solid; border-width: 0px; border-color: #777763;
}
	
.button {
	font-family: "Arial CE", Arial, sans-serif; font-size: 9pt; font-style: normal; color: #424627; background-color: #D2D7B1; 
	border-style: none;	cursor: hand;
}
/* ---------------------------------------------------- */


#copyright2	{position: absolute; top: 578px; left: 580px; height: 20px; width: 170px; z-index: 0; text-align: right; font-size: 8pt;}
#copyright2 a {font-weight: bold; color: #C0C0AC; text-decoration: none;}
#copyright2 a:hover {font-weight: bold; color: #C0C0AC; text-decoration: underline;}

/* ----------- Kajikuv vymysl ----------- */