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

body	{
	background-color: #F7E7B5;
	text-align: center;
	font-family: Arial, Verdana, sans-serif, Tahoma;
	font-size: 9pt;
	font-weight: normal;
	color: #000000;
}

a:link, a:visited	{
	text-decoration: none
}


/* ----------- zarovnani rezeb ----------- */
/* ----------- pomoci body je vse zarovnano na stred a vnitrni div ma nastavenou sirku a relativni pozici ----------- */
#stredrezeb	{
	position: relative; 
	width: 580px;
	height: 300px;
	text-align: center; 
	margin: auto;
}

#rezba1 {position: absolute; top: 0px; left: 0px; z-index: 0; width: 580px; height: 85px; background: url('Picture/deska1_m.jpg');}
#rezba11 {position: absolute; top: 0px; left: 0px; z-index: 1; width: 65px; height: 60px;}
#rezba12 {position: absolute; top: 0px; left: 87px; z-index: 1; width: 65px; height: 60px;}
#rezba13 {position: absolute; top: 0px; left: 170px; z-index: 1; width: 150px; height: 80px;}
#rezba14 {position: absolute; top: 0px; left: 335px; z-index: 1; width: 42px; height: 42px;}
#rezba15 {position: absolute; top: 43px; left: 348px; z-index: 1; width: 65px; height: 37px;}
#rezba16 {position: absolute; top: 0px; left: 390px; z-index: 1; width: 42px; height: 42px;}
#rezba17 {position: absolute; top: 0px; left: 450px; z-index: 1; width: 130px; height: 85px;}

#rezbatxt1 {position: absolute; top: 90px; left: 0px; z-index: 0; width: 580px; height: 50px;}
#rezbatxt11 {position: absolute; top: 0px; left: 0px; z-index: 1; width: 70px; height: 50px;}
#rezbatxt12 {position: absolute; top: 0px; left: 82px; z-index: 1; width: 75px; height: 50px;}
#rezbatxt13 {position: absolute; top: 0px; left: 170px; z-index: 1; width: 150px; height: 50px;}
#rezbatxt14 {position: absolute; top: 0px; left: 335px; z-index: 1; width: 98px; height: 50px;}
#rezbatxt15 {position: absolute; top: 0px; left: 450px; z-index: 1; width: 130px; height: 50px;}


#rezba2 {position: absolute; top: 145px; left: 0px; z-index: 0; width: 580px; height: 85px; background: url('Picture/deska2_m.jpg');}
#rezba21 {position: absolute; top: 0px; left: 0px; z-index: 1; width: 225px; height: 75px;}
#rezba22 {position: absolute; top: 0px; left: 260px; z-index: 1; width: 210px; height: 75px;}
#rezba23 {position: absolute; top: 15px; left: 485px; z-index: 1; width: 95px; height: 50px;}

#rezbatxt2 {position: absolute; top: 235px; left: 0px; z-index: 0; width: 580px; height: 50px;}
#rezbatxt21 {position: absolute; top: 0px; left: 0px; z-index: 1; width: 225px; height: 50px;}
#rezbatxt22 {position: absolute; top: 0px; left: 260px; z-index: 1; width: 210px; height: 50px;}
#rezbatxt23 {position: absolute; top: 0px; left: 485px; z-index: 1; width: 95px; height: 50px;}


#rezba3 {position: absolute; top: 290px; left: 0px; z-index: 0; width: 580px; height: 85px; background: url('Picture/deska3_m.jpg');}
#rezba31 {position: absolute; top: 0px; left: 0px; z-index: 1; width: 150px; height: 75px;}
#rezba32 {position: absolute; top: 0px; left: 180px; z-index: 1; width: 145px; height: 75px;}
#rezba33 {position: absolute; top: 0px; left: 360px; z-index: 1; width: 215px; height: 75px;}

#rezbatxt3 {position: absolute; top: 380px; left: 0px; z-index: 0; width: 580px; height: 50px;}
#rezbatxt31 {position: absolute; top: 0px; left: 0px; z-index: 1; width: 150px; height: 50px;}
#rezbatxt32 {position: absolute; top: 0px; left: 180px; z-index: 1; width: 145px; height: 50px;}
#rezbatxt33 {position: absolute; top: 0px; left: 360px; z-index: 1; width: 220px; height: 50px;}


#rezba4 {position: absolute; top: 435px; left: 0px; z-index: 0; width: 580px; height: 194px; background: url('Picture/deska4_m.jpg');}
#rezba41 {position: absolute; top: 0px; left: 0px; z-index: 1; width: 220px; height: 90px;}
#rezba41b {position: absolute; top: 90px; left: 0px; z-index: 1; width: 110px; height: 40px;}
#rezba42 {position: absolute; top: 130px; left: 0px; z-index: 1; width: 225px; height: 64px;}
#rezba42b {position: absolute; top: 90px; left: 110px; z-index: 1; width: 120px; height: 40px;}
#rezba43 {position: absolute; top: 0px; left: 240px; z-index: 1; width: 80px; height: 180px;}
#rezba44 {position: absolute; top: 20px; left: 350px; z-index: 1; width: 30px; height: 90px;}
#rezba45 {position: absolute; top: 0px; left: 385px; z-index: 1; width: 50px; height: 194px;}
#rezba46 {position: absolute; top: 20px; left: 450px; z-index: 1; width: 35px; height: 80px;}
#rezba47 {position: absolute; top: 127px; left: 470px; z-index: 1; width: 55px; height: 62px;}
#rezba48 {position: absolute; top: 10px; left: 505px; z-index: 1; width: 75px; height: 115px;}

#rezbatxt4 {position: absolute; top: 635px; left: 0px; z-index: 0; width: 580px; height: 110px;}
#rezbatxt41 {position: absolute; top: 0px; left: 0px; z-index: 1; width: 230px; height: 110px;}
#rezbatxt42 {position: absolute; top: 0px; left: 235px; z-index: 1; width: 85px; height: 110px;}
#rezbatxt43 {position: absolute; top: 0px; left: 350px; z-index: 1; width: 98px; height: 110px;}
#rezbatxt44 {position: absolute; top: 0px; left: 455px; z-index: 1; width: 125px; height: 110px;}


#zpet {position: absolute; top: 770px; left: 0px; z-index: 0; width: 580px; height: 60px;}

/* ----------- definice horniho menu ----------- */
#hornimenu	{
	position: absolute; top: 90px; left: 260px; height: 20px; width: 600px; z-index: 0;
	font-size: 12pt;
	font-weight: bold;
}
/* --------------------------------------------- */

/* ----------- texty a odrazky horniho menu ----------- */
#odrazka1  {position: absolute; top: 2px; left: 0px; z-index: 0; width: 17px; height: 17px; background: url("../obrazky/menu-odrazka.gif");}
#menutext1 {position: absolute; top: 0px; left: 25px; z-index: 0; width: 140px; height: 20px;}
#odrazka2  {position: absolute; top: 2px; left: 190px; z-index: 0; width: 17px; height: 17px; background: url("../obrazky/menu-odrazka.gif");}
#menutext2 {position: absolute; top: 0px; left: 215px; z-index: 0; width: 80px; height: 20px;}
#odrazka3  {position: absolute; top: 2px; left: 330px; z-index: 0; width: 17px; height: 17px; background: url("../obrazky/menu-odrazka.gif");}
#menutext3 {position: absolute; top: 0px; left: 355px; z-index: 0; width: 40px; height: 20px;}
#odrazka4  {position: absolute; top: 2px; left: 420px; z-index: 0; width: 17px; height: 17px; background: url("../obrazky/menu-odrazka.gif");}
#menutext4 {position: absolute; top: 0px; left: 445px; z-index: 0; width: 200px; height: 20px;}
/* ---------------------------------------------------- */

/* ----------- definice obsahoveho pole ----------- */
#obsah	{
	position: absolute; top: 140px; left: 180px; width: 650px; height: 350px; z-index: 0;
	background-color: #ECE0B0;
	background-image: url('../obrazky/svetlejsi-pozadi.gif');
	padding-top: 30px; padding-left: 35px; padding-bottom: 20px; padding-right: 35px;
	color: #000000;
}

#obsah a	{
	font-weight: bold;
	color: #754216;
	text-decoration: none;
}
#obsah a:hover	{
	font-weight: bold;
	color: #754216;
	text-decoration: underline;
}

#obsah-horni-stin	{
	position: absolute; top: 130px; left: 175px; width: 650px; height: 16px; z-index: 1;
	background-image: url('../obrazky/obsah-horni-stin.gif');
	padding-left: 35px; padding-right: 40px;
}

#obsah-dolni-stin	{
	position: absolute; top: 525px; left: 175px; width: 650px; height: 15px; z-index: 1;
	background-image: url('../obrazky/obsah-dolni-stin.gif');
	padding-left: 35px; padding-right: 40px;
}

#obsah-bok-stin	{
	position: absolute; top: 234px; left: 171px; width: 16px; height: 302px; z-index: 1;
	background-image: url('../obrazky/obsah-bok-stin.gif');
}

#foto-ram	{width: 325px; height: 260px; margin-left: 15px; margin-bottom: 5px; float: right; border-width: 0px; border-style: solid; border-color: #C6B178;}
#foto1	{position: absolute; top: 70px; left: 420px; width: 240px; height: 180px; margin-left: 15px; margin-bottom: 5px; border-width: 3px; border-style: solid; border-color: #C6B178;}
#foto2	{position: absolute; top: 30px; left: 345px; width: 120px; height: 90px; margin-left: 15px; margin-bottom: 5px; border-width: 3px; border-style: solid; border-color: #C6B178;}
#foto3	{position: absolute; top: 195px; left: 345px; width: 120px; height: 90px; margin-left: 15px; margin-bottom: 5px; border-width: 3px; border-style: solid; border-color: #C6B178;}

H1 {font-size: 14pt; font-weight: bold;	color: #754216;}
H2 {font-size: 11pt; font-weight: bold;	color: #754216;}
#tucnytext {font-weight: bold;}
ol {margin-bottom: 5px;}
#usne-seznam {position: absolute; top: 80px; left: 15px; width: 165px; height: 50px; z-index: 0;}
#usne-text {position: absolute; top: 45px; left: 210px; width: 480px; height: 50px; z-index: 0;}
/* ------------------------------------------------ */

/* ----------- definice paticky ----------- */
#dolnisiti {position: absolute; top: 570px; left: 0px; z-index: 0; width: 100%; height: 23px; background: url("../obrazky/sesiti.gif");}

#copyright1	{
	position: absolute; top: 600px; left: 50px; height: 20px; width: 220px; z-index: 0;	
	font-size: 8pt;
}
#copyright2	{
	position: absolute; top: 600px; left: 820px; height: 20px; width: 110px; z-index: 0;	
	font-size: 8pt;
}
/* ----------------------------------------- */


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