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

body	{
	background-color: #D7D1A9;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: center;
	font-family: Arial, Verdana, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #48432d;
}

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

h1 {
	font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 16pt; font-weight: bold; color: #E1DCBE; text-align: left;
	margin-top: 0px; margin-bottom: 15px; padding-bottom: 0px;
}

h2 {font-size: 12pt; font-weight: bold; color: #48432d; text-decoration: none; margin: 20px 0px 10px 0px;}

p {margin-top: 5px; margin-bottom: 15px;}

.tbold {font-weight: bold; padding-bottom: 0px;  color: #504B32;}

.text-nadpis {font-weight: bold; color: #000000; margin-top: 15px; margin-bottom: 0px;}
.text {color: #000000; margin-top: 0px; margin-bottom: 5px;}
.text-tucny {font-weight: bold;}




/* ----------- zarovnani obsahu stranky ----------- */
/* ----------- pomoci body je vse zarovnano na stred a vnitrni div ma nastavenou sirku a relativni pozici ----------- */
#stredstranky-hlavicka	{
	position: relative; top: 27px; z-index: 4;
	width: 980px; height: 230px;
	text-align: left;
	margin: auto;
	border: 0px;
}
#stredstranky-hlavicka-sanssouci { position: relative; top: 28px; z-index: 4; width: 980px; height: 230px; text-align: left; margin: auto; border: 0px; }

#stredstranky-telo	{
	background-color: #D7D1A9;
	position: relative; top: 26px; z-index: 4;
	width: 980px; 
	text-align: left; 
	margin: auto;
	border: 0px;
}
#stredstranky-telo-sanssouci { background-color: #D7D1A9; position: relative; top: 28px; z-index: 4; width: 980px; text-align: left; margin: auto; border: 0px; }
/* ------------------------------------------------------------------------------------------------------------------ */





/* ----------- definice hlavicky ----------- */
#hlavicka {position: absolute; top: 0px; left: 90px; width: 800px; height: 230px; z-index: 4; background-color: #D7D1A9; background-image: url("../obrazky/pozadi-hlavicka.jpg");}
#hlavicka-pozadi-cele {position: absolute; top: 0px; left: 0px; width: 100%; height: 258px; z-index: 1; background-image: url("../obrazky/pozadi-vzor.gif"); background-position: top left; background-repeat: repeat-x;}

#hlavicka-sanssouci {position: absolute; top: 0px; left: 90px; width: 800px; height: 230px; z-index: 4; background-color: #D7D1A9; background-image: url("../obrazky/pozadi-hlavicka-sanssouci.jpg");}

#hlavicka-logo {position: absolute; top: 9px; left: 18px; width: 240px; height: 175px; z-index: 6; background-image: url("../obrazky/hlavicka-logo.gif");}
#hlavicka-text {
	position: absolute; top: 190px; left: 18px; width: 240px; height: 35px; z-index: 6;
	font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 8pt; font-weight: normal; color: #48432d; text-align: center;
}

#hlavicka-foto {
	position: absolute; top: 10px; left: 270px; width: 510px; height: 200px; z-index: 6; background-image: url("../obrazky/hlavicka-foto.jpg");
	border:5px solid #FFFFFF;
}

#hlavicka a {font-weight: bold; color: #48432d; text-decoration: none;}
#hlavicka a:hover {font-weight: bold; color: #48432d; text-decoration: underline;}

#hlavicka-jazyk {position: absolute; top: -20px; left: 670px; width: 215px; height: 20px; z-index: 11; font-weight: bold; color: #787147;}
#hlavicka-jazyk a {font-weight: bold; color: #787147; text-decoration: underline;}
#hlavicka-jazyk a:hover {font-weight: bold; color: #787147; text-decoration: none;}
/* ----------------------------------------- */




/* ----------- definice horniho menu ----------- */
#menu-old {position: absolute; top: 2px; left: 75px; width: 830px; height: 47px; z-index: 10; padding-left: 80px;}
#menu {position: absolute; top: 2px; left: 63px; width: 850px; height: 47px; z-index: 10; text-align: center; }
#menu-cz { width: 690px; height: 47px; margin: auto; }
#menu-de { width: 725px; height: 47px; margin: auto; }
#menu-en { width: 725px; height: 47px; margin: auto; }
#menu-pl { width: 750px; height: 47px; margin: auto; }

#menu-pozadi {position: absolute; top: 0px; left: 0px; width: 980px; height: 53px; z-index: 9; background-image: url("../obrazky/pozadi-menu.gif");}

#kytka-leva {position: absolute; top: 2px; left: 0px; width: 40px; height: 45px; z-index: 10; background-image: url("../obrazky/kytka-leva.gif");}
.tl {width: 130px; height: 47px; z-index: 10; float: left; line-height: 2px; }

.tlx { height: 47px; z-index: 10; float: left; text-align: center; line-height: 47px; }
.tlx a { 
  font-family: Tahoma, Arial, Verdana, sans-serif;	font-size: 15px; font-weight: bold; color: #FFF; text-decoration: none; 
  background-image: url("../obrazky/tl1.gif"); display: block; padding: 0px 15px 0px 15px; 
}
.tlx a:hover { 
  font-weight: bold; color: #FFF; text-decoration: none; 
  background-image: url("../obrazky/tl2.gif"); display: block; padding: 0px 15px 0px 15px; 
}


#tl2-en {width: 180px; height: 47px; z-index: 10; float: left;}
#tl2-pl {width: 180px; height: 47px; z-index: 10; float: left;}
#kytka-prava {position: absolute; top: 2px; left: 813px; width: 40px; height: 45px; z-index: 10; background-image: url("../obrazky/kytka-prava.gif");}

#tl-delitko1 {width: 2px; height: 49px; z-index: 10; background-image: url("../obrazky/tl-delitko.gif"); float: left;}
.tl-delitko {width: 2px; height: 49px; z-index: 10; background-image: url("../obrazky/tl-delitko.gif"); float: left;}

/* ------------------------------------- */




/* ----------- definice tela ----------- */
#telo {
	position: relative; top: 53px; left: 91px; width: 798px; height: auto; background-image: url("../obrazky/pozadi-telo.gif"); background-repeat: repeat-x;
	border-top: 0px; border-left: 1px; border-bottom: 1px; border-right: 1px; border-style: solid; border-color: #CAC28E;
}
#telo-sanssouci {
	position: relative; top: 0px; left: 91px; width: 798px; height: auto; z-index: 4; background-image: url("../obrazky/pozadi-telo.gif");
	border-top: 0px; border-left: 1px; border-bottom: 1px; border-right: 1px; border-style: solid; border-color: #CAC28E;
}

#telo-cara {position: absolute; top: 39px; left: 91px; width: 800px; height: 20px; z-index: 6; background-image: url("../obrazky/telo-cara.gif");}
#telo-cara-sanssouci {position: absolute; top: 0px; left: 91px; width: 800px; height: 20px; z-index: 6; background-image: url("../obrazky/telo-cara.gif");}

#telo-table { position: relative; top: 0px; left: 0px; width: 100%; border-width: 0px; padding: 20px 0px 0px 0px; }
#telo-leve { position: relative; top: 0px; left: 0px; width: 275px; vertical-align: top; padding: 0px 0px 30px 18px; }
#telo-prave { position: relative; top: 0px; left: 0px; width: 460px; text-align: left; vertical-align: top; margin: 0px 0px 0px 0px; padding: 0px 30px 110px 0px; }


#telo-submenu { position: relative; top: 0px; left: 0px; width: 230px; min-height: 162px; height: auto; padding: 0px 0px 10px 0px; background-color: #E1DCBE; }
#telo-submenu-nadpis { position: relative; top: 0px; left: 0px; width: 230px; height: 40px; background-image: url("../obrazky/pozadi-submenu.gif"); }
#telo-submenu-nadpis-en {position: relative; top: 0px; left: 0px; width: 230px; height: 40px; background-image: url("../obrazky/pozadi-submenu-en.gif");}
#telo-submenu-nadpis-de {position: relative; top: 0px; left: 0px; width: 230px; height: 40px; background-image: url("../obrazky/pozadi-submenu-de.gif");}
#telo-submenu-nadpis-pl {position: relative; top: 0px; left: 0px; width: 230px; height: 40px; background-image: url("../obrazky/pozadi-submenu-pl.gif");}
#telo-submenu-text {
	position: relative; top: 0px; left: 20px; width: 200px; min-height: 122px; height: auto;
	font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 8pt; font-weight: bold; color: #81794E;
}


#telo-subfoto { position: relative; top: 0px; left: 0px; width: 230px; min-height: 220px; height: auto; margin: 10px 0px 0px 0px; padding: 0px 0px 10px 0px; background-color: #E1DCBE; }
#telo-subfoto-restaurace {position: absolute; top: 197px; left: 18px; width: 230px; height: 290px; background-color: #E1DCBE;}
#telo-subfoto-sanssouci { position: relative; top: 0px; left: 0px; width: 230px; min-height: 365px; height: auto; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; background-color: #E1DCBE; }

#telo-subfoto-nadpis {position: relative; top: 0px; left: 0px; width: 230px; height: 40px; background-image: url("../obrazky/pozadi-fotogalerie.gif");}
#telo-subfoto-nadpis-en {position: relative; top: 0px; left: 0px; width: 230px; height: 40px; background-image: url("../obrazky/pozadi-fotogalerie-en.gif");}
#telo-subfoto-nadpis-de {position: relative; top: 0px; left: 0px; width: 230px; height: 40px; background-image: url("../obrazky/pozadi-fotogalerie-de.gif");}
#telo-subfoto-nadpis-pl {position: relative; top: 0px; left: 0px; width: 230px; height: 40px; background-image: url("../obrazky/pozadi-fotogalerie-pl.gif");}
#telo-subfoto-text {position: relative; top: 0px; left: 13px; width: 210px; min-height: 170px; height: auto; }
#telo-subfoto-text-restaurace {position: absolute; top: 40px; left: 13px; width: 210px; height: 240px; }

.telo-subfoto-obr {border:2px solid #FFFFFF; margin-right: 4px; margin-bottom: 4px;}
.telo-obr {border:2px solid #CAC28E; margin-right: 20px; margin-bottom: 4px;}

#telo-banners { position: relative; top: 0px; left: 0px; width: 230px; min-height: 250px; height: auto; text-align: center; margin: 20px 0px 0px 0px; }

#kytka-dole {position: absolute; right: 10px; bottom: 5px; width: 135px; height: 110px; z-index: 4; background-image: url("../obrazky/kytka-dole.gif");}

#telo a {font-weight: bold; color: #48432d; text-decoration: underline;}
#telo a:hover {font-weight: bold; color: #48432d; text-decoration: none;}

#mapa-google { width: 450px; height: 600px; border: 0px; margin: 0px 0px 0px 0px; overflow: none; }

/* ------------------------------------- */




/* ----------- definice spodniho menu ----------- */
#menu-spodni {
	position: absolute; left: 130px; bottom: 5px; width: 520px; height: 20px; z-index: 10; font-weight: normal; color: #787147;
	font-family: Tahoma, Arial, Verdana, sans-serif; text-align: center;
}

#menu-spodni a {font-weight: normal; color: #787147; text-decoration: underline;}
#menu-spodni a:hover {font-weight: normal; color: #787147; text-decoration: none;}
/* ------------------------------------- */




/* ----------- definice paticky ----------- */
#pata {
	position: relative; top: 53px; left: 90px; width: 800px; z-index: 8;
	padding-top: 7px;
	clear: both;
}
#pata-sanssouci { position: relative; top: 0px; left: 90px; width: 800px; z-index: 8; padding-top: 7px; clear: both; }

#copyright {
	position: absolute; top: 3px; left: 230px; width: 320px; height: 30px; z-index: 8;
	font-size: 8pt; color: #787147; text-align: center;
}

#copyright a {font-weight: normal; color: #787147; text-decoration: underline;}
#copyright a:hover {font-weight: normal; color: #787147; text-decoration: none;}
/* ---------------------------------------- */




/* ----------- definice seznamu  ----------- */
.list1 {list-style-type: square; margin-top: 5px; margin-left: 15px; margin-right: 10px; padding-left: 0px;}

.list2 {list-style-type: none; margin-top: 5px; margin-bottom: 5px; margin-left: 10px;}
/* ----------------------------------------- */




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




/* ----------- definice obrazku ----------- */
.obr-vpravo {border-width: 0px; padding-left: 10px; float: right;}
.obr-vlevo {border-width: 0px; padding-right: 10px; float: left;}
.obr-n-okno {border: 0px; margin-left: 3px;}
/* ---------------------------------------- */


#cvicne-oramovani {border-top: 1px; border-left: 1px; border-bottom: 1px; border-right: 1px; border-style: dashed; border-color: white;}
#cvicne-oramovani2 {border-top: 1px; border-left: 1px; border-bottom: 1px; border-right: 1px; border-style: dashed; border-color: green;}
#cvicne-oramovani3 {border-top: 1px; border-left: 1px; border-bottom: 1px; border-right: 1px; border-style: dashed; border-color: blue;}

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