body {
background: #333333 url(i/bg.jpg) 50% 0 repeat-y;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#c8c8c8;
padding:0px;
margin:0px;

}
a {color: #d81920;}
a:visited {color:#d31c1e;}
a:hover {color: #fofofo; text-decoration:none;}
a:active { color:#d21419;}

h1 
{
font-size: 18px;
height:32px;
line-height:32px;
background:url('i/h1.gif') no-repeat;
border-top:1px solid #D31C1E;
border-bottom:1px solid #D31C1E;
margin:0px;
margin-top:10px;
margin-bottom:10px;
text-indent: 18px;
}


h2 {
font-size:14px;
font-weight: bold;
padding-left: 0px;
padding-bottom: 10px;
margin:0px;

}

h3 {
font-size:13px;
font-weight: bold;
padding: 5px 10px;
background-color: #000000;
color:#D31C1E;
margin:0px;}


h4 {
	margin:0px;
	font-size:12px;
	color:#FF6500 ;
}


img.download {vertical-align:middle;}

/* ----------container to center the layout-------------- */
#container {
width: 800px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
background-color: #000000;

}

/* ----------banner for logo-------------- */
#banner {
background: #000000 url(i/logo.jpg) no-repeat;
text-align: left;
padding: 0px;
margin: 0px 0 5px 0;
height:194px;
cursor:pointer;
}
#banner #logo{
	width:640px;
	height:140px;
	float:left;
}
#banner #plotknihy{
	width:150px;
	height:140px;
	float:right;
}

#banner #mainanotace
{
	
	float:right;
	padding:5px 0 0 0;
	
	width:600px;
}

#banner #mainanotace h2 { font-style:italic;}

#banner img {padding:10px 0px;} 

/* -----------------content--------------------- */
#main { clear:both; width:820px;}

#content {
/*background: #000000 url(i/gb.gif) repeat-y;*/
/*background-color: #5b4748;*/

width:800px;
float:left;
padding: 0px;

margin-right: 0px;

}
div#content { 
min-height:800px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}

p, pre{
padding: 5px 10px;
margin:0px;
}

/* --------------left navi------------- */
#left {
float: left;
width: 200px;
margin: 0px;
padding: 0px;

}

/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 0px;
padding: 5px;
text-align: center;
color:#D31C1E;
margin-left:0px;
border-top:1px solid #111111;
}

/* -----------menu--------------------------- */
.buttonscontainer {width: 193px;padding-top:0px; margin-bottom:25px; border-top:1px solid #D31C1E; border-bottom:1px solid #D31C1E;}

.buttonscontainer .sub {padding-left:25px;width: 168px;font-style: italic}



.buttons a {color: #d41920;
border-top:1px solid;
border-bottom:1px solid;
background-color: #000000;
padding: 2px;
padding-left: 5px;
font: 12px Arial, sans-serif;
font-weight: bold;
text-decoration: none;
border-color: #000000;
display: block;
margin: 0px;
width: 100%;
min-height:15px;
_height:15px;
line-height:15px;
text-align: left;}

.buttons a:hover {border: 1px solid;
padding-left: 4px;
padding-top: 3px;
padding-bottom: 1px;
padding-right: 1px;
background-color: #D31C1E;
border-color: #D31C1E;
color: #FFFFFF;
min-height:15px;
_height:15px;
line-height:15px;
text-decoration: none;}

.buttons a.sub {
background-image: url('i/rdot.gif');
background-repeat: no-repeat;
background-position: 15px 6px;
}

.buttons a.sub:hover {border: 1px solid;
padding-left: 25px;
padding-top: 3px;
padding-bottom: 1px;
padding-right: 1px;
background-color: #D31C1E;
background-image: url('i/wdot.gif');
background-repeat: no-repeat;
background-position: 15px 6px;
border-color: #D31C1E;
color: #FFFFFF;
text-decoration: none;}



/* -----------detail--------------------------- */

.nadpis {
margin: 0px;
padding-top: 5px;
padding-left: 20px;
padding-bottom: 1px;}

.nadpis h2 {
margin: 0px;
padding: 0px;
font-size: 12px;
color:#C0C0C0;}

.datum {
margin: 0px;
padding-left: 35px;
color: #a4a4a4;
font-size: 10px;}

.popis	{
color: #c8c8c8;
padding:8px 3px 3px 35px;
font-size: 11px;}
	
.katpopis	{
padding: 5px 10px;
color: #a4a4a4;
font-size: 12px;
font-style: italic}

.text	{
color: #c8c8c8;
padding:0px 10px 10px 10px;
font-size: 12px;}

.spodek	{
color: #a4a4a4;
text-align: right;
margin-right: 35px;
font-size: 12px;}

.horejsek	{
text-align: center;
a:color: #333333;
a:visited color:#333333;
a:hover color: #000000;
color: #000000;
font-size: 9px;}

hr		{ border: 0; color: #333333; background-color: #333333; height: 1px; }



img{
	border:0px;
}

div.break {
	clear: both;
	line-height: 0px;
	font-size: 0px;
	margin:0px;
	padding:0px;
	height:0px;
	
}

input{
	border: solid 1px #9EB9DF;
}
input.button{
	border: solid #AAAAAA 1px;
	background-color: #DCDAD5;
	cursor:pointer;
}


.report {
	color: #FF0000;
	font-weight: bold;
} 
.comp {
	color: #E37A1E; 
	font-weight: bold; 
	font-size: 14px; 
	vertical-align: middle
} 
.popisky,.popisky-nb,.popisky_dp {
	height:20px;
	font-size: 11px;
	font-weight: bold; 
	vertical-align: top; 
	text-align: right; 
	white-space: nowrap; 
	padding:3px
} 

.popisky-text{
	text-align: left;
	padding-left: 5px; 
}
.popisky_dp{
	padding-top:8px;
	padding-bottom:8px;
}


.click{
	cursor:pointer;
}



img.img, img.left, img.right{
	cursor:pointer;
	padding:4px;
}

.left{
	float:left;
}

.right{
	float:right;
}



.cl_title{
	font-weight: bold;
	font-size:11px;	
}

.cl_img{
	padding-right:10px;
}

.cl_table{
	width:99%;
}
.cl_table tr td{
	vertical-align:top;
	font-size:13px;
}

.cl_body{
	font-size:12px !important;
}

.cl_popis{
	font-size:12px !important;
	text-align:justify;
	
}

.cl_popis p{
	font-size:12px !important;
	text-align:justify;
}

.cl_back{
	padding-right:15px;
	float:right;
}

.cl_pridano {
	font-size:11px;
	color: #d81920;
	text-align:right;
}


img.cln{
	margin:5px;
	cursor:pointer;
	border: solid 5px #E9E9E9;
}

.btn_cldetail {
	display:block;
	float:right;
}


.list-head{background: #8d8f95; font-weight: bold}
.list-head td{padding:3px;white-space: nowrap;color:#FFFFFF}

.list-body,.list-body2,.list-bodya{background: #f3f3f3;cursor:pointer}
.list-body td,.list-bodya td,.list-body2 td{padding:3px;white-space: nowrap;padding-top:5px;padding-bottom:5px}



.list-body a,.list-body2 a,.list-bodya a{font-weight: bold}
.list-body a:hover,.list-body2 a:hover,.list-bodya a:hover{font-weight: bold;text-decoration: underline}


.list-bodya{background: #e8e8e8;font-weight: bold}
.list-body2{background: #c4c3c3}



div.att{
	position:absolute;
	width:510px;
	top:15px;
	left:500px;
	border: 2px solid #d81920; 
	padding: 5px; 
	font-size: 16px; 
	color: #d81920; 
	text-align: center;
	z-index:50;
	font-weight: bold;
	background-color:#F4F4F4;
	min-height:130px;
}

div.att1{
	position:absolute;
	width:565px;
	top:320px;
	left:440px;
	border: 2px solid #d81920; 
	padding: 5px; 
	font-size: 16px; 
	color: #d81920; 
	text-align: center;
	z-index:50;
	font-weight: bold;
	background-color:#F4F4F4;
	min-height:130px;
}

.cl_title{
	font-size:13px;
}

.cl_img{
	width:150px;
}

#body_text{
}

#body_text a{
	font-size:13px;
}


.popisky-bg {font-weight: bold; vertical-align: top; text-align: right; white-space: nowrap;} 

#anketa{
	width:193px;
	margin-top:5px;
}

#anketa h3 {
	border-top:1px solid #D31C1E;
	border-bottom:1px solid #D31C1E;
	font-size:14px;
	margin-bottom:5px;
}

#anketa .question {
	width:100%;
	text-align:center;
	
}
#anketa .stav {
	width:100%;
	text-align:center;
	
}

#anketa table{
	padding:5px;
	margin:5px;
	width:100%;
}

#anketa table td a{
	
}
#anketa table td a:hover { text-decoration:none;}

.imgm{
	padding-right:8px;

}

#ns{
	font-size:9px;
	color:#D31C1E;
	float:right;
	padding-right:10px;
}
#ns a,#ns a:hover{
	font-size: 9px;
	color:#FE1F00;
	text-decoration: none;
}

.akcetext {
	font-size:12px;
}

.text_box { text-align:justify; }

.komentare {
	margin-top:15px;
	display:none !important;
}
.komentar_head {
	font-size: 14px;
	font-weight:bold;
	min-height:20px;
	_height:20px;
	line-height:20px;
	border-top:1px solid #D31C1E;
	border-bottom:1px solid #D31C1E;
	margin:0px;
	margin-bottom:10px;
	text-indent: 10px;
}

.komentar_list { }
.komentar_list .nocomment { color:#D31C1E; text-align:center;}
.komentar_list .item_main { background-color:#404040; width:565px; border:1px solid #D31C1E; margin-bottom:10px;}
.komentar_list .item_main .dhead { color:#ffffff; width:99%;}
.komentar_list .item_main .dhead .nadpis {  font-weight:bold; font-size:12px; color:#c8c8c8;  margin:3px 0 0 3px; padding:0;}
.komentar_list .item_main .dhead .autor { margin:3px 3px 0 0; color:#D31C1E; font-weight:bold;}
.komentar_list .item_main .dhead .vytvoreno {  margin:0 0 0 3px;}
.komentar_list .item_main .dhead .reagovat {  margin:0 3px 0 0;}
.komentar_list .kom_oddelovac { width:99%; _margin:0 0 0 5px; padding:0;}
.komentar_list .item_main .dbody {  color:#ffffff; margin:8px 8px 10px 8px; }
.komentar_list .item_sub { border-left:2px #D31C1E solid; margin-bottom:10px; padding-left:5px;}
.komentar_list .item_sub .dhead {}
.komentar_list .item_sub .dhead .nadpis { font-weight:bold; font-size:12px; color:#c8c8c8; padding:0; margin:3px 0 0 3px;}
.komentar_list .item_sub .dhead .autor { margin:3px 3px 0 0; color:#D31C1E; font-weight:bold;}
.komentar_list .item_sub .dhead .vytvoreno { margin:0 0 0 3px;}
.komentar_list .item_sub .dhead .reagovat { margin:0 3px 0 0; color:#D31C1E;}
.komentar_list .item_sub .dbody { color:#c8c8c8; margin:8px 8px 10px 8px;}

.kosik_enter { float:right;}
.zbozi_list { }
.zbozi_list .noitems { color:#D31C1E; text-align:center;}
.zbozi_list .zbozi_list_item { border-bottom:#111111 1px solid; width:565px; padding-bottom:10px; padding-top:10px; }
.zbozi_list .zbozi_list_item .zb_image { float:left; width:155px;}
.zbozi_list .zbozi_list_item .zb_detail { float:left;width:400px;}
.zbozi_list .zbozi_list_item .zb_detail h2 { font-size:13px; text-decoration:underline;}
.zbozi_list .zbozi_list_item .zb_detail .zb_popis { display:block; text-align:justify;}
.zbozi_list .zbozi_list_item .zb_detail .zb_kod { display:block; padding-top:10px;}
.zbozi_list .zbozi_list_item .zb_detail .zb_cena { display:block;}
.zbozi_list .zbozi_list_item .zb_detail .zb_label { font-weight:bold;}
.zbozi_list .zbozi_list_item .zb_detail .addform { padding-top:10px; float:right;}
.zbozi_list .zbozi_list_item .zb_detail .addform form { margin:0px; padding:0px; }
.zbozi_list table tr.head td { font-weight:bold; border-bottom:2px solid #111111;}
.zbozi_list table tr.item td { border-bottom:1px solid #111111;}
.zbozi_list table tr.foot td { text-align:center;}

#kosik{
	width:193px;
	margin-top:15px;
	text-align:center;
}

#kosik h3 {
	border-top:1px solid #D31C1E;
	border-bottom:1px solid #D31C1E;
	font-size:14px;
	margin-bottom:5px;
}

#left_eshop{
	width:193px;
	margin-top:15px;
	text-align:center;
}

#left_eshop h3 {
	border-top:1px solid #D31C1E;
	border-bottom:1px solid #D31C1E;
	font-size:14px;
	margin-bottom:5px;
}
#left_eshop table td.nazev { text-align:left; font-weight:bold; width:60%;}
#left_eshop table td.cena { text-align:right;}

/* styl pro rozbalovaci navigaci */
#sddm
{	margin: 0;
	padding: 0;
	z-index: 300}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial}

#sddm li a
{	display: block;
	margin: 0 1px 1px 0;
	padding: 4px 10px;
	/*width: 60px;*/
	background: #d41920;
	color: #FFF;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	background: #c8c8c8}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #c8c8c8;
	border: 1px solid #d41920;
  z-index: 900;}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #c8c8c8;
		color: #d41920;
		font: 11px arial}

	#sddm div a:hover
	{	background: #d41920;
		color: #FFF}