@charset "utf-8";
body  {
/*	font: 100% Verdana, Arial, Helvetica, sans-serif;*/
  font: 12px Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
	background-image: url(../images/wood.jpg);
}
p.obsah   { margin: 0px 20px 20px 20px; text-indent: 10px; text-align: justify; } 
p.want   { padding: 55px 10px 10px 10px; text-align: center;  } 
.odkaz   { padding: 0px; text-align: center; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #CC0000; }
.odkaz a   { color: #500000; text-decoration: underline;}
.odkaz a:hover   { color: #CC0000; text-decoration: none;}
.odkazkniha   { padding: 0px; text-align: center; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #CC0000; }
.odkazkniha a   { color: #500000;  text-decoration: blink;}
.odkazkniha a:hover   { color: #CC0000; text-decoration: blink;}
.nadpis   { margin: 0px 20px 20px 20px; text-indent: 10px; text-align: left; font: bold 16px Verdana, Arial, Helvetica, sans-serif;}
.nadpis-red   { margin: 0px 20px 20px 20px; color: #CC0000; text-indent: 10px; text-align: left; font: bold 16px Verdana, Arial, Helvetica, sans-serif;}
.popis-foto   { margin: 20px 20px 20px 20px; text-indent: 10px; text-align: left; font: 10px Verdana, Arial, Helvetica, sans-serif;}
table    { padding: 0px; text-align: center; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #000000; }
.td1   { text-align: right;}
.td2   { text-align: left;}
.td2 a   { color: #500000; text-decoration: underline;}
.td2 a:hover   { color: #CC0000; text-decoration: none;}
.podfoto {
  background-image: url(../images/podfoto2.png);
	width: 141px;
	height: 100px;
	padding: 10px 0px 10px 0px;
	border: 0px solid #ffff00;
  text-align: center;
	z-index: 5;
}
.fotka-ram { 
	border: 6px outset #daa866;
	padding: 0px;
} 
.ram1 {
	margin-left: 20px;
} 
.framek {
	margin-left: 40px;
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}
div.odp {
	text-align: center;
}
div.nov { background-color:  #f9f7d8; margin: 0px 10px 0px 10px; padding: 0px 10px 0px 10px;}
.color1 { background-color:  #f9f7d8; margin: 0px 20px 20px 20px; text-indent: 10px; text-align: justify; padding: 5px 15px 5px 15px;}
.color2 { background-color:  #decca7; margin: 0px 20px 20px 20px; text-indent: 10px; text-align: justify; padding: 5px 15px 5px 15px;}
.color3 { background-color:  #af8a5d; margin: 0px 20px 20px 20px; text-indent: 10px; text-align: justify; padding: 5px 15px 5px 15px;}
.color4 { background-color:  #decca7; margin: 0px 20px 20px 20px; text-indent: 10px; text-align: justify; padding: 5px 15px 5px 15px;}
.nic{ display: none;}
.hr1{ width: 80%; color: #000001;	text-align: center; }
.hr2{ width: 90%;  color: #000001;	text-align: center; }
.hr3{ width: 70%; color: #000001;	text-align: center; }

 #container { 
	width: 914px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	border: 0px solid #000000;
	text-align: left; 
	padding: 0px;
} 

#header1 { 
	background: url(../images/templ001.jpg) no-repeat center top;
	position: relative;
	width: 100%;
	height: 80px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
} 
#header2 { 
	background: url(../images/templ002.jpg) no-repeat center top;
	position: relative;
	width: 100%;
	height: 80px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
} 
#header3 { 
	background: url(../images/templ003.jpg) no-repeat center top;
	position: relative;
	width: 100%;
	height: 80px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
} 
#header4 { 
	background: url(../images/templ004.jpg) no-repeat center top;
	position: relative;
	width: 100%;
	height: 79px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
} 
#cont-left { 
	background: url(../images/templ005a.png) no-repeat right top;
	float: left;
  position: relative;
	width: 210px;
	height: 481px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
} 
/*              ////////////        OBSAH          /////////////              */
#cont-center { 
	background: url(../images/templ006.png) repeat center top;
	float: left;
  position: relative;
	width: 488px;
	min-height: 590px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
} 

#cont-right { 
	background: url(../images/templ007a.png) no-repeat left top;
	float: left;
  position: relative;
	width: 213px;
	height: 481px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
} 
#kontakt { 
  top: 0px;
  left: 20px;
  position: relative;
	width: 150px;
	height: 220px;
	padding: 0px;
	text-align: center;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	border: 0px solid #ffff00;
} 

#wanted { 
	background: url(../images/wanted-poster-a.png) no-repeat left top;
  top: 60px;
  left: 10px;
  position: relative;
	width: 180px;
	height: 242px;
	padding: 0px;
	border: 0px solid #ffff00;
} 
.wanted { 
	width: 150px;
	height: 180px;
	top: 58px;
  left: 0px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	border: 0px solid #ff0000;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: center; 
	padding: 0px;
} 
/*    ////////////////////////      MENU       ////////////////////////////// */
div#menu {
  position: absolute;
  top: -58px;
  left: 14px;
	width: 188px;
	height: 580px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	border: 0px solid #ffff00;
	z-index: 90;
}
div#poc {
  position: absolute;
  top: 530px;
  left: 14px;
	width: 188px;
	height: 70px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	text-align: center; 
	border: 0px solid #ff0000;
	z-index: 90;
}
div.podmenu {
	background: url(../images/podmenu-a.png) no-repeat left top;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	border: 0px solid #ffff00;
	z-index: 2;
}



div#menu0 {
  position: absolute;
  top: -2px;
  left: 0px;
	width: 188px;
	height: 58px;
	z-index: 91;
}
div#menu1 {
  position: absolute;
  top: 56px;
  left: 0px;
	width: 188px;
	height: 58px;
}
div#menu2 {
  position: absolute;
  top: 114px;
  left: 0px;
	width: 188px;
	height: 58px;
}
div#menu3 {
  position: absolute;
  top: 172px;
  left: 0px;
	width: 188px;
	height: 58px;
}
div#menu4 {
  position: absolute;
  top: 230px;
  left: 0px;
	width: 188px;
	height: 58px;
}
div#menu5 {
  position: absolute;
  top: 288px;
  left: 0px;
	width: 188px;
	height: 58px;
}
div#menu6 {
  position: absolute;
  top: 346px;
  left: 0px;
	width: 188px;
	height: 58px;
}
div#menu7 {
  position: absolute;
  top: 404px;
  left: 0px;
	width: 188px;
	height: 58px;
}
div#menu8 {
  position: absolute;
  top: 462px;
  left: 0px;
	width: 188px;
	height: 58px;
}
div#menu9 {
  position: absolute;
  top: 520px;
  left: 0px;
	width: 188px;
	height: 58px;
}


p.menu00 a {
  width: 183px;
  height: 18px;
  background-image: url("../images/menu00.png");
  margin-top: 6px;
  margin-left: 2px;
  padding: 0px;
  float: left;
  display: block;
}
p.menu00 a:hover {
  width: 183px;
  height: 18px;
  background-image: url("../images/menu00.png");
  margin-top: 6px;
  margin-left: 2px;
  padding: 0px;
  float: left;
  display: block;
  background-position: 0% 100%; /* obrázek posuneme o 100% nahoru */
}
p.menu01 a {
  width: 183px;
  height: 18px;
  background-image: url("../images/menu01.png");
  margin-top: 6px;
  margin-left: 2px;
  padding: 0px;
  float: left;
  display: block;
}
p.menu01 a:hover {
  width: 183px;
  height: 18px;
  background-image: url("../images/menu01.png");
  margin-top: 6px;
  margin-left: 2px;
  padding: 0px;
  float: left;
  display: block;
  background-position: 0% 100%; /* obrázek posuneme o 100% nahoru */
}
p.menu02 a {
  width: 183px;
  height: 18px;
  background-image: url("../images/menu02.png");
  margin-top: 6px;
  margin-left: 2px;
  padding: 0px;
  float: left;
  display: block;
}
p.menu02 a:hover {
  width: 183px;
  height: 18px;
  background-image: url("../images/menu02.png");
  margin-top: 6px;
  margin-left: 2px;
  padding: 0px;
  float: left;
  display: block;
  background-position: 0% 100%; /* obrázek posuneme o 100% nahoru */
}
p.menu03 a {
  width: 183px;
  height: 18px;
  background-image: url("../images/menu03.png");
  margin-top: 6px;
  margin-left: 2px;
  padding: 0px;
  float: left;
  display: block;
}
p.menu03 a:hover {
  width: 183px;
  height: 18px;
  background-image: url("../images/menu03.png");
  margin-top: 6px;
  margin-left: 2px;
  padding: 0px;
  float: left;
  display: block;
  background-position: 0% 100%; /* obrázek posuneme o 100% nahoru */
}
p.menu04 a {
  width: 183px;
  height: 18px;
  background-image: url("../images/menu04.png");
  margin-top: 6px;
  margin-left: 2px;
  padding: 0px;
  float: left;
  display: block;
}
p.menu04 a:hover {
  width: 183px;
  height: 18px;
  background-image: url("../images/menu04.png");
  margin-top: 6px;
  margin-left: 2px;
  padding: 0px;
  float: left;
  display: block;
  background-position: 0% 100%; /* obrázek posuneme o 100% nahoru */
}
p.menu05 a {
  width: 183px;
  height: 18px;
  background-image: url("../images/menu05.png");
  margin-top: 6px;
  margin-left: 2px;
  padding: 0px;
  float: left;
  display: block;
}
p.menu05 a:hover {
  width: 183px;
  height: 18px;
  background-image: url("../images/menu05.png");
  margin-top: 6px;
  margin-left: 2px;
  padding: 0px;
  float: left;
  display: block;
  background-position: 0% 100%; /* obrázek posuneme o 100% nahoru */
}
p.menu06 a {
  width: 183px;
  height: 18px;
  background-image: url("../images/menu06.png");
  margin-top: 6px;
  margin-left: 2px;
  padding: 0px;
  float: left;
  display: block;
}
p.menu06 a:hover {
  width: 183px;
  height: 18px;
  background-image: url("../images/menu06.png");
  margin-top: 6px;
  margin-left: 2px;
  padding: 0px;
  float: left;
  display: block;
  background-position: 0% 100%; /* obrázek posuneme o 100% nahoru */
}
p.menu07 a {
  width: 183px;
  height: 18px;
  background-image: url("../images/menu07.png");
  margin-top: 6px;
  margin-left: 2px;
  padding: 0px;
  float: left;
  display: block;
}
p.menu07 a:hover {
  width: 183px;
  height: 18px;
  background-image: url("../images/menu07.png");
  margin-top: 6px;
  margin-left: 2px;
  padding: 0px;
  float: left;
  display: block;
  background-position: 0% 100%; /* obrázek posuneme o 100% nahoru */
}
p.menu08 a {
  width: 183px;
  height: 18px;
  background-image: url("../images/menu08.png");
  margin-top: 6px;
  margin-left: 2px;
  padding: 0px;
  float: left;
  display: block;
}
p.menu08 a:hover {
  width: 183px;
  height: 18px;
  background-image: url("../images/menu08.png");
  margin-top: 6px;
  margin-left: 2px;
  padding: 0px;
  float: left;
  display: block;
  background-position: 0% 100%; /* obrázek posuneme o 100% nahoru */
}
p.menu09 a {
  width: 183px;
  height: 18px;
  background-image: url("../images/menu09.png");
  margin-top: 6px;
  margin-left: 2px;
  padding: 0px;
  float: left;
  display: block;
}
p.menu09 a:hover {
  width: 183px;
  height: 18px;
  background-image: url("../images/menu09.png");
  margin-top: 6px;
  margin-left: 2px;
  padding: 0px;
  float: left;
  display: block;
  background-position: 0% 100%; /* obrázek posuneme o 100% nahoru */
}


p.menu {
  font: bold 14px Verdana, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  text-align: center;
  color: #000000;
  padding: 8px 0px 5px 0px;
	border: 0px solid #00ff00;
}
p.menu a {
  color: #000000;
  text-decoration: none;
  padding: 0px 30px 0px 30px;
	border: 0px solid #ff0000;
}
p.menu a:hover {
  color: #CC7700;
  text-decoration: underline;
  padding: 0px 30px 0px 30px;
	border: 0px solid #ff0000;
}
/*         /////////////////         FOOTER        //////////////////        */
#footer { 
	background: url(../images/templ008.jpg) no-repeat center top;
	position: relative;
	width: 100%;
	height: 160px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
} 
 .tiraz { 
	width: 340px;
	height: 60px;
	top: 58px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	border: 0px solid #ff0000;
  font: 10px Verdana, Arial, Helvetica, sans-serif;
	text-align: center; 
	padding: 0px;
} 
 .tiraz a { 
  color: #000000;
  text-decoration: underline;
} 
 .tiraz a:hover { 
  color: #000000;
  text-decoration: none;
/*  font-weight: bold;*/
}