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

body	{
	background-color: #902221;
	background-image: url("../obrazky/pozadi-telo-vzor.jpg"); background-position: top left; background-repeat: repeat;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: center;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #000000;
}

body a	{color: #898989; text-decoration: none;}
body a:hover {color: #898989; text-decoration: underline;}
a img {border-width: 0px;}

.tbold {font-weight: bold; padding-botom: 0px;}

h1 {font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 14pt; font-weight: bold; font-style: italic; color: black; text-align: center; margin: 0px;}
h2 {font-size: 10pt; font-weight: bold; color: white;}
h3 {font-size: 12pt; font-weight: bold; color: black; text-align: center; margin-top: 30px; margin-bottom: 0px;}

#obsah-fotogalerie {position: relative; top: 10px; left: 0px; z-index: 6; text-align: left; padding-top: 0px;}
#obr-mezera {margin: 8px;}
.text-vlevo {margin-bottom: 15px; float: left;}
.text-cenik {margin-left: 40px;}


/* ----------- pozadi pres celou sirku stranek ----------- */
#hlavicka-pozadi-cele {position: absolute; top: 0px; left: 0px; width: 100%; height: 138px; z-index: 0; background-image: url("../obrazky/pozadi-bubliny.jpg"); background-position: top left; background-repeat: repeat-x;}
#menu-pozadi-cele {position: absolute; top: 138px; left: 0px; width: 100%; height: 39px; z-index: 0; background-image: url("../obrazky/pozadi-menu.gif"); background-position: top left; background-repeat: repeat-x;}
/* ------------------------------------------------------- */



/* ----------- zarovnani obsahu stranky ----------- */
/* ----------- pomoci body je vse zarovnano na stred a vnitrni div ma nastavenou sirku a relativni pozici ----------- */
#stredstranky-hlavicka	{
	position: relative; z-index: 4; background-color: #902221;
	width: 965px; 
	text-align: left; 
	margin: auto;
	border: 0px;
}

#stredstranky-telo	{
	position: relative; z-index: 3; background-color: #902221;
	width: 802px; 
	text-align: left; 
	margin: auto;
	border: 0px;
}
/* ------------------------------------------------------------------------------------------------------------------ */





/* ----------- definice hlavicky ----------- */
#hlavicka {position: relative; top: 0px; left: 0px; width: 965px; height: 177px; z-index: 3;}

#hlavicka-pozadi-stred {position: absolute; top: 0px; left: 0px; width: 965px; height: 138px; z-index: 4; background-image: url("../obrazky/pozadi-bubliny-chmel.jpg");}
#menu-pozadi-stred {position: absolute; top: 138px; left: 0px; width: 965px; height: 39px; z-index: 4; background-image: url("../obrazky/pozadi-menu-chmel.gif");}

#hlavicka-menu1 {position: absolute; top: 155px; left: 100px; width: 265px; height: 20px; z-index: 6; text-align: right;}
#hlavicka-menu1 a {font-size: 10pt; font-weight: bold; color: #FFB400; text-decoration: none; margin-left: 20px;}
#hlavicka-menu1 a:hover {font-size: 10pt; font-weight: bold; color: #FFB400; text-decoration: underline;}

#hlavicka-menu2 {position: absolute; top: 155px; left: 600px; width: 265px; height: 20px; z-index: 5; text-align: left;}
#hlavicka-menu2 a {font-size: 10pt; font-weight: bold; color: #FFB400; text-decoration: none; margin-right: 20px;}
#hlavicka-menu2 a:hover {font-size: 10pt; font-weight: bold; color: #FFB400; text-decoration: underline;}

#hlavicka-pivo {position: absolute; top: 6px; left: 325px; width: 316px; height: 36px; z-index: 8; background-image: url("../obrazky/pivo-z-krkonos.gif");}
#hlavicka-logo {position: absolute; top: 33px; left: 377px; width: 210px; height: 200px; z-index: 8; background-image: url("../obrazky/logo-krakonos.jpg");}
/* ----------------------------------------- */





/* ----------- definice tela ----------- */
#telo {position: relative; top: 0px; left: 0px; width: 802px; z-index: 3;}

#pozadi-nadpis {
	position: relative; top: 0px; left: 0px; width: 802px; height: 120px; z-index: 4; background-image: url("../obrazky/pozadi-nadpis.jpg");
	text-align: center;
}

#nadpis {position: relative; top: 65px; height: 50px; z-index: 5;}

#telo-pozadi {position: relative; top: 0px; left: 0px; width: 802px; z-index: 5; background-image: url("../obrazky/pozadi-telo.jpg"); background-position: top center; background-repeat: repeat-y;}

#telo-text {position: relative; top: 20px; left: 111px; width: 580px; z-index: 6;
	text-align: left; font-size: 10pt; font-weight: normal; color: #352E2C;
}

#telo a {font-weight: bold; color: #FFB400; text-decoration: none;}
#telo a:hover {font-weight: bold; color: #FFB400; text-decoration: underline;}
/* ------------------------------------- */





/* ----------- definice paticky ----------- */
#pata {position: relative; top: 0px; left: 0px; width: 802px; height: 114px; z-index: 3; background-image: url("../obrazky/pozadi-pata.jpg");}

#pata-pullitr {position: absolute; top: -140px; left: 719px; width: 160px; height: 250px; z-index: 6; background-image: url("../obrazky/pullitr-dole.gif");}

#copyright {
	position: absolute; top: 80px; left: 40px; width: 731px; height: 25px; z-index: 6; padding-top: 1px;
	font-size: 7pt; color: #B69734; text-align: center;
}

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




/* ----------- 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: 580px; text-align: center;}
#velky-obrazek {border:2px solid #FFB400;}
/* --------------------------------------------------------------- */




/* ----------- definice tabulek ----------- */
.nazev-tabulky {font-weight: bold; font-size: 11pt; padding-left: 60px; padding-top: 10px; padding-bottom: 5px; margin-top: 0px; margin-bottom: 0px;}

.table-cenik {position: relative; left: 40px; width: 500px; border-style: solid; border-width: 2px; border-color: #FFB400; border-spacing: 0px; border-collapse: collapse;}
.table-cenik th {border-style: solid; border-top: 1px; border-left: 1px; border-right: 1px; border-bottom: 2px; border-color: #FFB400; padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom: 1px; text-align: center;}
.table-cenik td {border-style: solid; border-width: 1px; border-color: #FFB400; padding-left: 5px; padding-top: 1px; padding-bottom: 1px;}
.td-stred {text-align: center;}
.td-vpravo {text-align: right; padding-right: 30px;}
.tr-stin { background-color: #FFEFAF; }

.table-prodejna {width: 300px; float: left; border-style: solid; border-width: 2px; border-color: #FFB400; border-spacing: 0px; border-collapse: collapse; margin-bottom: 15px;}
.table-prodejna th {border-style: solid; border-top: 1px; border-left: 1px; border-right: 1px; border-bottom: 2px; border-color: #FFB400; padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom: 1px; text-align: center;}
.table-prodejna td {border-style: solid; border-width: 1px; border-color: #FFB400; padding-left: 5px; padding-top: 1px; padding-bottom: 1px;}

.table-prodejna2 {position: relative; left: 0px; width: 580px; border-style: solid; border-width: 2px; border-color: #FFB400; border-spacing: 0px; border-collapse: collapse;}
.table-prodejna2 th {border-style: solid; border-top: 1px; border-left: 1px; border-right: 1px; border-bottom: 2px; border-color: #FFB400; padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom: 1px; text-align: center;}
.table-prodejna2 td {border-style: solid; border-width: 1px; border-color: #FFB400; padding-left: 5px; padding-top: 1px; padding-bottom: 1px;}

.table-kontakty {position: relative; left: 40px; width: 100%; border: 0px;}
.table-kontakty td {border-width: 0px; vertical-align: top;}
/* ---------------------------------------- */




/* ----------- definice obrazku ----------- */
.obr-vpravo {margin-top: 5px; margin-left: 10px; margin-bottom: 5px; float: right; border-style: solid; border-width: 1px; border-color: #FFB400;}
.obr-vlevo {margin-top: 5px; margin-right: 10px; margin-bottom: 5px; float: left; border-style: solid; border-width: 1px; border-color: #FFB400;}
.obr-stred {margin-top: 30px; margin-left: 30px; margin-bottom: 5px; margin-right: 30px; border-style: solid; border-width: 1px; border-color: #FFB400;}
.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 ----------- */