body
{
background: url('../images/background.jpg') repeat-x center top transparent;
background-color: #000000;
margin: 0px;
text-align: center;
font: 12px Verdana;
color: #FFFFFF;
}
* {margin:0;padding:0}
img           
{
border: none;
}
a
{
color: #FFFFFF;
text-decoration:underline;
}
a:hover
{
text-decoration:underline;
color: #89c31f;
}

img, div, li, a{ behavior: url(../js/iepngfix.htc) }

legend
{
color: #FFFFFF;
}

.container
{
width: 711px;
margin: 0 auto;
text-align:left;
}
.header
{
float: left;
width:711px;
height:185px;
}
.logo
{
float: left;
width: 416px;
height: 185px;
background: url('../images/head_logo.png') no-repeat;
cursor: hand;
}
.book
{
float: left;
width: 295px;
height: 185px;
background: url('../images/head_book.png') no-repeat;
}
.oknize
{
float: left;
width: 120px;
height: 150px;
margin-top: 30px; 
}
.listovat
{
float: left;
width: 150px;
height: 50px;
margin: 110px 0 0 10px;
}
.mainView
{
float:left;
width: 711px;
height: 223px;
}
.nav
{
float: left;
width: 711px;
height: 98px;
background: url('../images/bg_nav.png') no-repeat;
}
.nav a
{
text-decoration: none;
color: #000;
}
.nav a:hover
{
text-decoration:underline;
color: #000;
}
.nav h2 a
{
font: bold 9px Verdana;
padding: 0px;
margin: 0px;
}

.navBox
{
float:left;
width:125px;
margin: 12px 0 0 12px;
}
.navBox2
{
float: left;
width: 146px;
margin: 12px 0 0 12px;
}
.content
{
float: left;
width: 711px;
height: 705px;
background: url('../images/bg_contentAllF.png') repeat-y;
}
.contentF
{
float: left;
width: 711px;
height: 705px;
background: url('../images/bg_contentAllF.png') repeat-y;
}
.contentO
{
float: left;
width: 711px;
height: 900px;
background: url('../images/bg_obj.png') repeat-y;
}
.contentVylety
{
float: left;
width: 711px;
background: url('../images/bg_obj.png') repeat-y;
}
.contentO-k
{
float: left;
width: 711px;
height: 775px;
background: url('../images/bg_contentAllF.png') repeat-y; 
}
.contentP
{
float: left;
width: 711px;
background: url('../images/podminky.png') repeat-y;
}
.bookUp
{
float:left;
width: 168px;
height:114px; 
margin-left:-15px;
padding: 0px;
}
.bkl
{
float:left;
width: 232px;
height: 648px;
margin-left:-15px;
}
.bkl span
{
float:left;
margin: 10px 0 0 140px;
}
.bookLow
{
float:left;
width: 232px;
height: 586px;
margin: 0 0 0 0px;
padding: 0px;
}
.txtIntro
{
float: left;
width: 200px;
height: 205px;
margin-top: 15px;
}
.txtIntroF
{
float: left;
width: 290px;
height: 94px;
margin-top: 20px;
font: bold 12px Verdana;
}
.frontMap
{
margin: 30px 0 0 10px;
}
.txtBody
{
float: left;
width: 438px;
margin-left: 20px; 
}
.lpage
{
font-size: 12px !important;
}
.otazky 
{
font-size: 12px;
}
.txtBodyF
{
float: left;
width: 230px;

}
.txtBodyO
{
float: left;
width: 455px;
margin: 20px 0 0 10px; 
}
.txtBodyO table td 
{
font-size:12px !important;
padding: 0 10px 0 10px;
}
.txtBodyO table tr
{
height: 25px;
}
.txtBodyO ul
{
margin-left: 30px;
}

.txtBodyVylety
{
float: left;
width: 670px;
margin: 20px 0 0 20px; 
}


.mapBox
{
float:left;
width: 246px;
height: 226px;
background: url('../images/bg_map.png') no-repeat;
margin: 5px 0 0 5px; 
}
.mapBox a
{
color: #FFF !important;
}
.mapBox a:hover
{
color: #89c31f !important;
}

.arrow
{
float: right;
width: 29px;
height: 21px;
margin: 7px 35px 0 0;
}
.gotomap
{
float: left;
margin: 3px 0 0 20px;
width: 100px;
}
#map_canvas
{
width:200px;
height:155px;
margin: 15px 0 0 17px;
overflow:hidden;
}
.infoBox
{
float: left;
width: 216px;
height: 166px;
background: url('../images/info.png') no-repeat;
margin: 10px 0 10px 20px;
padding: 10px 0 0 10px;  
}
.infoBoxF
{
float: left;
width: 216px;
height: 166px;
background: url('../images/info.png') no-repeat;
margin: 10px 0 0px 0px;
padding: 10px 0 0 10px;  
}
.infoBoxF img
{
margin: 0px 0 0 10px; 
}
.infoBoxF ul
{
margin-left: 10px;
}
.infoBoxy
{
float: left;
width: 216px;
height: 750px;
margin: 5px 0 0px 15px;
}
.IBtxt
{
float:left;
}

.infoBoxO
{
float: left;
width: 216px;
height: 166px;
background: url('../images/info.png') no-repeat; 
margin-top: 10px;
}
.infoBoxO ul
{
margin: 10px 0 0 20px;
}
.IBte
{
margin-left:10px; 
}
.IBnp
{
margin: 17px 0 0 50px;
}
.IBbag
{
margin: 7px 0 0 5px;
}
.IBknife
{
position:absolute;
z-index: 5;
margin: 40px 0 0 86px;
}
.IBstool
{
position:absolute;
margin: 40px 0 0 86px;
}   
.IBpopis
{
position:absolute;
z-index:5;
margin: 0px;
}
#pic {
	position: relative;
  margin-left: 50px;
	width: 166px;
}

#pic a .large {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
	z-index: 10; 
}

#pic a img {
	border: 0;  
}

#pic a.p1, #pic a.p1:visited {
	display: block;
	height: 90px;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 135px;   
}

#pic a.p1:hover {
	background-color: transparent;
	color: #000000;
	text-decoration: none;
}
#pic a.p1:hover .large {
	border: 5px solid #000000;
	display: block;
	height: 241px;
	left: 150px;
	position: absolute;
	top: -60px;
	width: 350px; 
	background-color: #2c2b2b;
}
/**/
#picst {
	position: relative;
	width: 200px;
	z-index:10;
}

#picst a .large {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
	z-index: 10; 
}

#picst a img {
	border: 0;  
	margin: 15px 0 0 125px;
}

#picst a.p2, #picst a.p2:visited {
	display: block;
	height: 90px;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 135px;   
}

#picst a.p2:hover {
	background-color: transparent;
	color: #000000;
	text-decoration: none;
}
#picst a.p2:hover .large {
	border: 5px solid #000000;
	display: block;
	height: 241px;
	left: 100px;
	position: absolute;
	top: -60px;
	width: 350px; 
	background-color: #2c2b2b;
}
.bubble
{
float:right;
margin: 0 15px 0 0;
}
.paginationBox
{
float: left;
width: 190px;
height: 166px;
margin: 10px 0 10px 20px;  
}
.recommend
{
float: right;
width: 242px;
height: 600px;
margin: 0 0 0 0;
}
.rec
{
float: left;
width: 242px;
height: 114px;
background: url('../images/bg_rec.png') no-repeat; 
} 
.recPic
{
float:left;
width: 100px;
height: 75px;
margin: 19px 0 0 23px;
}
.recTxt
{
float: left;
width: 98px;
height: 55px;
margin: 19px 0 0 5px;

}
.recArrow
{
 float:left
 width: 29px;
 height: 21px;
 margin: 0 0 0 65px;
}
.issuu
{
float:left;
width: 711px;
height: 442px;
background: url('../images/issuu.png') no-repeat;
}
.object
{
margin: 8px 0 0 6px;
}
.footer
{
float: left;
width: 711px;
height: 64px;
background: url('../images/bg_footer.png') no-repeat;
}
.credits
{
float:left;
width: 690px;
padding: 30px 0 0 20px;
}
.credits a
{
text-decoration:underline;
}
.sitemap
{
margin-left: 0px;
}
.reverse_mail {
unicode-bidi:	bidi-override;
direction: rtl;
text-decoration: none;
}
.cs-txt
{
float:left;
width: 350px;
}
.cs-img
{
float:left;
margin-left:7px;
width:80px;
}
                                            
/* text set */
.g
{
color: #89c31f;
}
.gh124
{
color: #89c31f;
font-size: 24px;
}
.g12b
{
font: bold 12px Verdana;
color: #89c31f;
}

.g14b
{
font: bold 14px Verdana;
color: #89c31f;
}
.w14b
{
font: bold 14px Verdana;
}
.w12a
{
color: #FFF;
font: normal 12px Verdana;
}
.w12au
{
text-decoration: underline;
}


/* Sample 8*/
#box8{
	position:absolute;
}
#box8 div{
	width:440px;
	float:left;
}
#box8 .buttons{
	text-align:left
}
#box8 .next{
	float:right
}
.sample8 .buttons{
	text-align:center;
	clear:both;
}
/*
.sample8 .mask1{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
  */
/* ********************************** */

.thumbs{
	width:54px;
}
.thumbs div{
	display:block;
	width:54px;
	height:41px;
	margin:3px 0;
	cursor:pointer;
}

.thumbs div img{
	display:block;
	width:100%;
	height:100%;
	border:none
}

.info{
	width:240px;
	height:50px;
	background:#000;
	position:absolute;
}
.info p, .info h4{
	color:#fff;
	padding:3px 8px;
	font-family:Arial;
}
.info h4{
	font-size:14px;
}
.info h4 a{
	float:right;
	background:#fff;
	color:#000;
	font-size:10px;
	padding:0 3px;
	text-decoration:none
}

.mask1{
	position:relative;
	width:440px;
	height:238px;
	overflow:hidden;
}
span img{
	display:block;
	border:none;
}
/* pagination */

h4.stitle{color:#666;margin:0 0 5px 0}

.links {padding:10px;margin-top:20px}
.links a{font-size:14px;color:#0080FF;text-decoration:none}
.links a:hover{font-weight:bold}

#cont{width:550px;margin:0 auto;background:#fff;text-align:left;padding:20px}

.buttons{padding:5px; text-align:center}
.buttons a{background:#666666;color:#FFF;padding:2px 5px;cursor:pointer;font: normal 10px Verdana; text-decoration:none;}
.buttons a.active, .buttons a:hover{background:#89c31f;color:#000}

.prevNext{padding:5px; text-align:center;}
.prevNext a{color:#FFF;padding:0 5px;cursor:pointer;font:10px Verdana; text-decoration:underline;}
.prevNext a.active, .prevNext a:hover{color:#89c31f;text-decoration: underline}