body, table, td
{
	font-family: "Arial","Helvetica",sans-serif;
	color: black;
	margin: 0px;
	border: 0px;

}
html
{
	background-color: #D7A83E;
}

p
{
/*	margin: 5px;*/
}
a,
a:link,
a:active,
a:visited
{
	text-decoration: none;
	font-weight: bold;
	color: #304378;
}

a:hover
{
	color: #ffffff;
}

#page
{
	position: relative;
	width: 995px;
	margin: auto;
}

header{
	position: relative;
	height: 71px;
	background-image: url(/images/layout/header.png);
	background-position: center top;
	background-repeat: no-repeat;
	text-align: left;
}

header ul{
	margin: 0;
	padding: 11px 0 0 15px;
}

header ul li{
	display: block;
	float: left;
	position: relative;
}

header ul li a{
	display: block;
	height: 50px;
}

/*header ul li:nth-child(1){
	background-image: url(/images/layout/menu-divider-01.png);
}*/


header ul li a{
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 0;
}

header ul li a:hover{
	background-position: left -50px;
}

header ul li a:after{
	background-repeat: no-repeat;
	background-position: left top;
	content: '';
	width: 12px;
	height: 50px;
	display: block;
	position: absolute;
	right: 0;
}

header ul li:nth-child(1) a{
	background-image: url(/images/layout/menu-novinky.png);
	width: 87px;
}

header ul li:nth-child(1) a:after{
	background-image: url(/images/layout/menu-divider-01.png);
}

header ul li:nth-child(2) a{
	background-image: url(/images/layout/menu-about.png);
	width: 123px;
}

header ul li:nth-child(2) a:after{
	background-image: url(/images/layout/menu-divider-02.png);
}

header ul li:nth-child(3) a{
	background-image: url(/images/layout/menu-knihy.png);
	width: 69px;
}

header ul li:nth-child(3) a:after{
	background-image: url(/images/layout/menu-divider-03.png);
}

header ul li:nth-child(4) a{
	background-image: url(/images/layout/menu-forum.png);
	width: 73px;
}

header ul li:nth-child(4) a:after{
	background-image: url(/images/layout/menu-divider-04.png);
}

header ul li:nth-child(5) a{
	background-image: url(/images/layout/menu-zemetvorba.png);
	width: 117px;
}

header ul li:nth-child(5) a:after{
	background-image: url(/images/layout/menu-divider-05.png);
}

header ul li:nth-child(6) a{
	background-image: url(/images/layout/menu-klub.png);
	width: 60px;
}

header ul li:nth-child(6) a:after{
	background-image: url(/images/layout/menu-divider-06.png);
}

header ul li:nth-child(7) a{
	background-image: url(/images/layout/menu-kontakt.png);
	width: 81px;
}

header a.home{
	display: block;
	font-size: 0;
	color: transparent;
	width: 290px;
	height: 70px;
	position: absolute;
	top: 0;
	right: 9px;
}


#page-content
{
	position: relative;
	width: 995px;
	text-align: left;
}


/*
#page div
{
	border: 1px solid black;
}
*/

#top
{
	text-align: left;
}

#top-left
{
	position: relative;
	top: 0px;
	left: 0px;
}

#top-left-bottom
{
	position: relative;
	/*top: -143px;*/
	left: 0px;
}

#top-logo
{
	position: relative;
	width: 287px;
	height: 66px;
	top: -43px;
	left: 708px;
}

#menu01
{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
}

#menu01 #novinky
{
	position: absolute;
	top: 26px;
	left: 16px;
	background-image: url(images/menu/new/novinky.jpg);
	width: 71px;
	height: 27px;
}

#menu01 #novinky:hover
{
	background-image: url(images/menu/new/novinky.jpg);
	background-position: 0px -27px;
	width: 71px;
	height: 27px;
}

#menu01 #about
{
	position: absolute;
	top: 16px;
	left: 104px;
	background-image: url(images/menu/new/about.jpg);
	width: 106px;
	height: 27px;
}

#menu01 #about:hover
{
	background-image: url(images/menu/new/about.jpg);
	background-position: 0px -27px;
	width: 106px;
	height: 27px;
}

#menu01 #knihy
{
	position: absolute;
	top: 12px;
	left: 227px;
	background-image: url(images/menu/new/knihy.jpg);
	width: 52px;
	height: 25px;
}

#menu01 #knihy:hover
{
	background-image: url(images/menu/new/knihy.jpg);
	background-position: 0px -25px;
	width: 52px;
	height: 25px;
}

#menu01 #forum
{
	position: absolute;
	top: 13px;
	left: 295px;
	background-image: url(images/menu/new/forum.jpg);
	width: 58px;
	height: 19px;
}

#menu01 #forum:hover
{
	background-image: url(images/menu/new/forum.jpg);
	background-position: 0px -19px;
	width: 58px;
	height: 19px;
}

#menu01 #zemetvorba
{
	position: absolute;
	top: 11px;
	left: 368px;
	background-image: url(images/menu/new/zemetvorba.jpg);
	width: 101px;
	height: 18px;
}

#menu01 #zemetvorba:hover
{
	background-image: url(images/menu/new/zemetvorba.jpg);
	background-position: 0px -18px;
	width: 101px;
	height: 18px;
}

#menu01 #klub
{
	position: absolute;
	top: 13px;
	left: 486px;
	background-image: url(images/menu/new/klub.jpg);
	width: 43px;
	height: 20px;
}

#menu01 #klub:hover
{
	background-image: url(images/menu/new/klub.jpg);
	background-position: 0px -20px;
	width: 43px;
	height: 20px;
}

#menu01 #kontakty
{
	position: absolute;
	top: 19px;
	left: 546px;
	background-image: url(images/menu/new/kontakty.jpg);
	width: 73px;
	height: 25px;
}

#menu01 #kontakty:hover
{
	background-image: url(images/menu/new/kontakty.jpg);
	background-position: 0px -25px;
	width: 73px;
	height: 25px;
}

.menu
{
	position: relative;
	float: left;
	width: 219px;
	margin-right: 8px;
}

.menu-text
{
	position:relative;
	margin: 0px;
	padding: 10px 15px 0px 15px;
	background-image: url(/images/layout/menu-background.png);
	background-repeat: repeat-y;
	margin-bottom: 56px;
	font-size: 0.8em;
	line-height: 1.5em;
}
.menu-text:after
{
	position: absolute;
	left: 0px;
	bottom: -56px;
	content: '';
	display: block;
	width: 100%;
	height: 56px;
	background-image: url(/images/layout/menu-divider.png);
	background-repeat: no-repeat;
}
.menu > .menu-text:last-child:after
{
	background-image: url(/images/layout/menu-bottom.png);
}

.menu-text p:first-child
{
	margin-top: 0;
}

.menu-text ul{
	margin: 0;
	list-style: none;
	padding-left: 15px;
}

.menu-text ul li{
	position: relative;
}

.menu-text ul li:before{
	content: '::';
	display: block;
	position: absolute;
	left: -15px;
	width: 15px;;
}

.menu img.center{
	display: inline-block;
}


#main
{
	position: relative;
	float: left;
	width: 768px;
}

#main:before{
	content: '';
	display: block;
	height: 23px;
	width: 100%;
	background-image: url(/images/layout/main-before.png);
	background-repeat: no-repeat;
}
#main:after{
	content: '';
	display: block;
	height: 28px;
	width: 100%;
	background-image: url(/images/layout/main-after.png);
	background-repeat: no-repeat;
}

#main-text
{
	background-image: url(/images/layout/main-background.png);
	background-repeat: repeat-y;
	padding: 0px 60px 30px 50px;
	text-align: justify;
}


#main_image_browser
{
  position: relative;
  width:100%;
  float: left;
  padding: 10px;
	background-color: #E8CE79;
  
}

#home-image
{
	position: relative;
	float: left;
	/*top: -104px;*/
	width: 264px;
	height: 418px;

}

#main-home
{
	position: relative;
	float: left;
	/*top: -104px;*/
	left: 0px;
	width: 583px;
	height: 400px;
	background-image: url(images/Home04.jpg);
	background-position: right;
	background-repeat: repeat-y;
}

#home-main-text-bottom
{
	position: relative;
	float: left;
	width: 287px;
	height: 27px;
	/*top: -105px;*/
	left: 0px;
}

.home-nadpis
{
	position: relative;
	font-weight: bold;
	padding: 0px 0px 0px 55px;
	height: 48px;
}

.home-nadpis-ikonka
{
	float: left;
}

.home-nadpis-text
{
	float: left;
	width: 100%;
	padding: 2px 0px 2px 0px;
	height: 42px;
	border-top: 1px solid #D7A83E;
	border-bottom: 1px solid #D7A83E;
}

.home-nadpis-link
{
	position: absolute;
 	top: 32px;
 	right: 10px;
}

img.home_ikonka
{
	position: absolute;
	top: 0px;
	right: 510px;
}

.book_list
{
	position: relative;
	display: inline-block;
	width: 300px;
	height: 140px;
	padding: 3px;
	margin: 0px 10px 0px 10px;
	border-bottom: 1px solid #D7A83E;
}


.book_list_right
{
	position: relative;
	float: right;
	width: 200px;
	text-align: left;
}

.book_list_detail
{
	position: relative;
	margin-top: 30px;
}

.book_list_image_left
{
  border: 0px solid #D7A83E;
	float: left;
	margin-right:3px;
/*	margin-left: 10px;*/
	margin-top: 1px;
	max-height: 120px;
	max-width: 95px;

}

.book_detail_image_right
{
	float: right;
	margin-right: 10px;
	margin-left: 10px;
}

i.small
{
	font-size: 0.8em;
}
IMG.center 
{
	display: block;
	margin-left: auto;
	margin-right: auto
}
h1
{
	font-size: 1.5em;
	font-weight: bold;
	margin: 0px 0px 15px 0px;
	border: 0px;
	padding: 0px;
}
h2
{
	background-color: #D7A83E;
	padding: 7.5px 15px 7.5px 15px;
	font-weight: bold;
	font-size: 1.3em;
	margin: 15px -25px 5px -25px;
	border: 0px;

}
h3
{
	border-top: 1px solid #D7A83E;
	border-bottom: 1px solid #D7A83E;
	padding: 5px 40px;
	font-weight: bold;
	margin: 15px -25px 0px -25px;
	font-size: 1em;
    clear: both;
}
h3 span{
	display: block;
	font-size: 0.75em;
	font-weight: 100;
}

h4
{
	padding-top: 0px;
	border-bottom: 1px solid #D7A83E;
	font-size: 0.75em;
	font-weight: 100;
	margin: 0;
	padding: 0 15px;
}
.novinky-nadpis
{
	border-top: 1px solid #D7A83E;
	border-bottom: 1px solid #D7A83E;
	font-weight: bold;
	margin-top: 15px;
}

.novinky-mesic
{
	background-color: #D7A83E;
	padding: 0px 5px 0px 5px;
	font-weight: bold;
}

.nadpis
{
	font-size: 1.5em;
	font-weight: bold;
	margin: 0px 0px 15px 0px;
	border: 0px;
	padding: 0px;
}

.nadpis2
{
	font-size: 1.5em;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	border: 0px;
	padding: 0px;
}

.nadpis2_background
{
	background-color: #D7A83E;
	padding: 0px 5px 0px 5px;
	font-weight: bold;
}

.barline
{
	position:relative;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;

}
.abeceda
{
	position: relative;
	padding:0px;
	margin-bottom: 15px;
	float: left;
	border-bottom: 1px solid #D7A83E;
	border-top: 1px solid #D7A83E;
}
.zahlavi
{
	padding:3px;
	margin: 20px 20px 20px 10px;
	border-bottom: 2px solid #D7A83E;
	border-top: 2px solid #D7A83E;
	font-weight:bold;
}
.radek
{
	text-align:left;
	padding:3px;
	margin: 20px 20px 20px 10px;
	border-top: 1px solid #393B97;
}
.radek2
{
	text-align:left;
	background-color:#FFE3A4;
	padding:3px;
	margin: 20px 20px 20px 10px;
	border-top: 1px solid #393B97;
}
.radek3
{
	text-align:left;

	padding:3px;
	margin: 20px 20px 20px 10px;
}
.radek4
{
	text-align:left;

	padding:3px;
	margin: 20px 20px 20px 10px;
	border-top: 1px solid #393B97;
}



.slovnik_zahlavi
{
	padding:3px;
	margin: 20px 20px 20px 10px;
	border-bottom: 2px solid #D7A83E;
	border-top: 2px solid #D7A83E;
	font-weight:bold;
}
.slovnik_radek
{
	text-align:left;
	padding:3px;
	margin: 20px 20px 20px 10px;
	border-bottom: 1px solid #393B97;
}
.slovnik_radek2
{
	text-align:left;
	background-color:#FFE3A4;
	padding:3px;
	margin: 20px 20px 20px 10px;
	border-bottom: 1px solid #393B97;
}
.admin_border
{
	border-bottom: 1px solid #393B97;
}

.clear{
	clear: both;
}
.text
{
	padding: 0 15px;
	font-size: 1em;
	line-height: 1.5em;
}

.text img{
    max-width: 100%;
}
.text img[align=right]
{
	margin: 0 0 15px 15px;
}

.text img[align=left]
{
	margin: 0 15px 15px 0;
}

.text-pod-nadpisem
{
	position: relative;
	padding: 0px 6px 0px 9px;
}

.list_right_1
{

  padding-right:20px;
 
  margin-bottom:5px;
}
.list_left_1
{
	float:left;
	
	margin-bottom:5px;
	width:250px;
	
	text-align:center;
}
.list_img_1
{
	border: 1px solid #7B5E1A;
	margin-top:3px
}

.divadlo_list_right
{
float:right;
width:400px;
margin-top:5px;
}
.divadlo_list_left
{
	float:left;
	margin-top:5px;
	width:250px;
	height:171px;
	background-image:url(./images/divadlo_ramecek.gif);
	text-align:center;
}
.divadlo_list_img
{
	border: 1px solid #7B5E1A;
	margin-top:3px
}

.galerie_list
{
	position:relative;
	float:left;
	margin:12px;
	width:214px;
	height:160px;
	background-image:url(./images/galerie_ramecek.gif);
	background-repeat:no-repeat;
	text-align:center;
}
.galerie_list_text
{
	float:left;
	top:145px;
  margin-top:5px;
	text-align:center;
	width:100%;
}
.galerie_list_img
{
	border: 1px solid #7B5E1A;
	margin-top:3px
}
.media_zahlavi
{
	font-weight:bold;
	border-bottom: 2px solid #D7A83E;
	border-top: 2px solid #D7A83E;
	text-align:center;
}
.media_record_list
{
	padding-left:30px
}
.section-nadpis
{
	position: relative;
	/*font-weight: bold;*/
	margin: 15px 0;
	padding: 10px 0px 10px 100px;
	height: 86px;
	border-top: 1px solid #D7A83E;
	border-bottom: 1px solid #D7A83E;
}

.section-ikonka
{
	float: left;
}

.section-text
{
	float: left;
	width: 100%;
	padding: 2px 0px 2px 0px;
	height: 80px;
}
img.section_ikonka
{
	position: absolute;
	top: 4px;
	left: 0px;
}
.image_folder_nahled
{
	float:left;

	padding-right:2px;
	padding-top:5px;
    border-bottom: 1px solid #D7A83E;
	width:220px;
	height:170px;

	text-align:center;
}

.fanklub_vrongitem1
{
	border:2px solid red;
}
.fanklub_vrongitem2
{
	border-bottom:2px solid red;
}

table.timeline{
    border-collapse: collapse;
}
table.timeline tr td{
    width: 15%;
    padding: 5px 10px;
}
table.timeline tr td+td{
    width: 85%;
}