body {
  margin: 0 auto;
  padding: 0;
  /*text-align: center;*/
  font: 62%/1.4 "Arial CE", sans-serif;
  background: #dfd2ab;
  background: url('../images/bg.png') #dfd2ab top left repeat-x;
}


/********************************* Typo & html elements ****************************/
p {
  margin: 0.5em 0;
}

a {
  text-decoration: underline;
  color: #5b523d;
}

a:visited {
  color: #5b523d;
}

a:hover {
  color: #000;
  text-decoration: underline;
}

#header a, #footer a, .left a, .right a {
  text-decoration: none;
}

#header a:hover, #footer a:hover, .left a:hover, #top-box a:hover, .right a:hover {
  text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  margin: 1em 0 0;
}

h1 {
  font-size: 170%;
}

h2 {
  font-size: 130%;
  font-weight: bold;
  margin: 0.35em 0 0;
}

h3 {
  font-size: 110%;
}

h4 {
  font-size: 108%;
}

h5 {
  font-size: 105%;
}

h6 {
  font-size: 103%;
}

h2 a, h2 a:hover, h2 a:visited, h3 a, h3 a:hover, h3 a:visited {
  text-decoration: underline;
}

a img {
  border: 0px solid #fff;
}

acronym, abbr {
  font-size: 90%;
  letter-spacing: .07em;
}

fieldset{	
  border-width: 1px 0 0 0;
  padding: 1em;
  margin: 0 0 2em 0;
}

body[id] fieldset {
  width:auto;
  -moz-border-radius: 0;
  margin: 0 0 1em 0;
}

legend{
  padding:0 0.5em;
  font-size:140%;
  font-weight:bold;
}

pre {
  font-family: courier;
  font-style: normal;
  font-size: 88%;
}

hr {
  height:1px;
}

fieldset label span {
  display: block;
  width: 15em;
  float: left;
}  

fieldset label.checkbox span {
  display: inline;
  width: auto;
  float: none;
  padding-left: 0.5em;
}  

/****************************** basic layout elements *************************/
#all {/* obalujici element s pozadim pro levy sloupec*/
  position: relative;
  /*margin: 0 auto;*/
  text-align: left;
  width: 960px;
  border: 0px solid #fff;
  font-size: 115%;
}

#wrapper { /* obalujici element s pozadim pro pravy sloupec*/
  margin: 0;
  padding: 0;
}

#header {
  margin: 0;
  padding: 0;
}

.left {/* kontejner pro levy blok - matrjoska - nenastavovat padding */
  float: left;
  width: 260px;
  margin: 0;
  padding: 0;
}

.middle {/* kontejner pro levy blok - matrjoska - nenastavovat padding */
  margin: 0;
  width: 700px;
  float: left;
  clear: none;
}

#footer {
}

.column-in {/* vnitrni kontejner pro vsechny bloky - matrjoska - tady nastavit padding */
  margin: 0;
  padding: 0.5em 1em;
}

.cleaner {
  clear: both;
  height: 1px;
  font-size: 1px;
  border: none;
  margin: 0;
  padding: 0;
  background: transparent;
  visibility: hidden;
}

.hidden {
  display: none;
}


/******************************* Layout structures  ****************************/
/****** hlavicka *******/
#header {
  background: url('../images/headbg.png') top left no-repeat;
  height: 54px;
}

#header .column-in {
  margin: 0;
  padding: 0;
  padding: 0;
  position: relative;
}

#header #right-panel {
  position: absolute;
  left: 0;
  top: 0;
}

#header h1 {
	position: relative;
	top: 0px;
	left: 0px;
	padding: 0;
	margin: 0;
	text-decoration: none;
	width: 240px;
	height: 53px;
}
#header h1 a {
  display: block;
  width: 100%;
  height: 100%;
	text-decoration: none;
	color: #fff;
}
#header h1 a:hover {
	text-decoration: none;
}

#header h1 a span {
	display: none;
}

a.hidden-nav {/******** preskoceni navigace ********/
	position: absolute;
	top: 5px;
	left: 0;
	background: #fff;
	padding: 0.25em 1em;
	z-index: 0;
}
a.hidden-nav:active,a.hidden-nav:focus { 
	z-index: 2000;
}

#searchform {
  display: block;
  position: absolute;
  left: 800px;
  top: 12px;
  padding: 0;
  margin: 0;
}

#searchform div {
  position: absolute;
  left: 0px;
  top: 0px;
  padding: 0;
  margin: 0;
}

#search-input {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 116px;
  height: 18px;
  border: solid #000 0px;
  padding: 0 2px;
  margin: 0;
}

#go_button {
  position: absolute;
  left: 121px;
  top: 0px;
  width: 37px;
  height: 18px;
  background: #9d1226;
  border: solid #000 0px;
  padding: 0;
  margin: 0;
}

#top-image {
  position: absolute;
  left: 557px;
  top: 54px;
}

/***************************** obalujˇcˇ blok s obsahem **********************************/
#main {
  background: #9d1226;
/*  background: url('../images/mainbg.png') #f00 left top no-repeat;*/ 
}


/****************************** levy sloupec ***********************************/
#main .left {
  padding-top: 40px;
  color: #fff;
  background: url('../images/leftbg.png') #9d1226 top left no-repeat; 
}

#main .left a {
  color: #fff;
}

#main .left a:hover {
  color: #dda;
}

.left .column-in {
	padding: 0;
}

.left #menu {
	padding: 0px;
	margin-bottom: 2em;
}

.left .column-in ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.left .column-in ul li {
	padding: 0.7em 0;
	margin: 0;
	list-style: none;
	width: 227px;
}

.left .column-in ul.level1 li {
	border-top: solid #f2dca5 1px;
	background: url('../images/menuli.png') right 0.9em no-repeat;
}

.left .column-in ul.level1 li a {
  padding-left: 15px;
}

.left .column-in ul.level2 li a {
  padding-left: 30px;
}

.left .column-in ul.level3 li a {
  padding-left: 45px;
}

.left .column-in ul.level4 li a {
  padding-left: 60px;
}

.left .column-in ul.level5 li a {
  padding-left: 75px;
}


.left .column-in ul.level2 {
  margin-top: 0.5em;
}

.left .column-in ul.level1 li.submenu, .left .column-in ul.level1 li.active {
	font-weight: bold;
}

.left .column-in ul.level2 li {
	border-top: solid #f2dca5 0px;
	background: url('../images/menuli2.png') left 0.4em no-repeat;
	padding: 0.2em 0;
	font-weight: normal;
}

.left .column-in ul.level3 li {
	background: url('../images/menuli2.png') 15px 0.4em no-repeat;
}

.left .column-in ul.level4 li {
	background: url('../images/menuli2.png') 30px 0.4em no-repeat;
}

.left .column-in ul.level5 li {
	background: url('../images/menuli2.png') 45px 0.4em no-repeat;
}

.left .column-in ul.level1 li.first {
	border-top: solid #f2dca5 0px;
}



.left .contact {
  background: url('../images/left-bl.png') #3a3a3a top center no-repeat;
	margin: 0;
	padding: 0;
}

.left .contact h2 {
  display: none;
}

.left .contact h3 {
  color: #f2dca5;
  font-weight: bold;
  font-size: 100%;
}

.left .contact a {
  text-decoration: underline;
}

.left .contact .contact-in {
	padding: 20px;
	padding-right: 8px;
	margin: 0;
}

.left .contact .contact-foot {
	margin: 0;
  background: url('../images/left-bb.png') #9d1226 top center no-repeat;
	width: 100%;
	height: 15px;
	padding: 0;
}

/******************************* stredovy sloupec ******************************/
#article {
 margin-top:1.5em;
}

#main .middle {
  padding-top: 174px;
  min-height: 600px;
  _height: 600px;
  width: 700px;
  background: url('../images/middlebg.jpg') #fff top left no-repeat; 
}

.middle .column-in {
	padding: 1.2em 40px;
	position: relative;
}

.breadcrumb a {
  text-decoration: none;
}

.related-block-l {
  width: 48%;
  float: left;
  background: url('../images/relatedbg.png') #fffcf5 left bottom repeat-x;
  margin: 0;
  padding: 0;
}

.related-block-r {
  width: 48%;
  float: right;
  background: url('../images/relatedbg.png') #fffcf5 left bottom repeat-x;
  margin: 0;
  padding: 0;
}

.related-block-in {
  padding: 1.5em 1em;
}

.related-block-in h3 {
  font-size: 105%;
  margin-top: 0;
}

.related-block-in h4 {
  font-size: 90%;
  margin: 0.3em 0;
  padding: 0;
  padding-left: 1em;
  background: url('../images/lirel.gif') left 5px no-repeat;
}

.related-block-hr {
  clear: both;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 9px;
  font-size: 1px;
  background: url('../images/hr.gif') top left repeat-x;
  
}

#content{
  width: 615px;
font-size:108%;
}

.middle  img {
	width: auto;
	max-width: 99%;
}

.middle h3, .middle h2, .middle h4 {
  font-weight: bold;
  color: #9d1226;
}
.middle a:hover {
	color: #000;
}
.to-right {
	clear: right;
	margin-top: 0;
	padding-top: 0;
	float: right;
	color: silver;
}
a.to-top:link, a.to-top:visited {
  clear:both;
  margin:0;
	padding: 0;
	display: block;
	float: right;
	text-align: right;
}
a.to-top:hover {
	color: #000;
}
p.box {
	border: 1px black solid;
	padding: 4px;
	margin-right: 6px;
	background-color: rgb(220,220,220);
}
.middle table {
	border: 1px solid gray;
	border-collapse: collapse;
	width: 100%;
	max-width: 99%;
	padding: 0 0;
	margin: 0 0;
}
.middle table th {
	background: #efefef;
	border: 1px solid gray;
	padding: 5px;
	color: #004487;
}
.middle table th {
	background: #efefef;
	border: 1px solid gray;
	padding: 5px;
	color: #004487;
}
.middle table td {
	background: #f5f5f5;
	border: 1px solid gray;
	padding: 5px;
}
.middle table td p {
	padding: 0;
	margin: 0;
}
.article-perex {
	color: #000;
	font-weight: bold;
	padding: 0 0 0;
	margin: 0.5em 0 1em 0;
	
}

.article-perex img {
	float: right;
	
}

.inline-nav {
	color: #3B3B3B;
	padding: 0.5em 1em;
}

.middle ul {
 padding:0; 
 margin:0em; 
}
.middle ul li {  
 list-style: none; 
 margin:0;
 padding: 0;
 padding-left:15px;
 _padding-left: 0px;
 _margin-left: 15px;
 background: url('../images/li.png') 0 0px no-repeat;
 _background: none; 
 _list-style-image: url('../images/li.png');
}
.middle ol li {  
 list-style-type: decimal; 
}
.article-footer{
 text-align:right;
 font-style:italic;
 border-top:1px solid #f2f2f2;
 clear:both;
 display:block;
}
.article-info{
 color:#3B3B3B;
 padding:0.15em 0.25em 0 0.5em; 
 margin:0.5em 0 0 0; 
 text-align:left;
 height:20px;
 vertical-align:middle;
 background: #f5f5f5;
}

.full-story{
vertical-align:middle;
 display:block;
 float:right;
 padding:0  30px 0 0;
 height:24px;
}

hr.separator{
 visibility:hidden;
}
.pager{
  padding:0.5em;
 display:block;
 text-align:center;
 background:#E2E2E2;
}
div.detail{
  border:1px solid #f2f2f2;
  margin-left:0;
  padding:0.5em 1em;
}
.res-head-title {
		color: #fff;
	margin: 0;
	padding: 0.25em 1em;
}
.res-head-title a{
  padding:0.25em;
  color:#fff;
}
.res-head-title a:hover{
  background:#fff;
  color:#000;
}

.nobg a{
  padding:0.25em;
}
.current{
  padding:0.25em;
  background:#fff;
}
.res-head-title .current{
  background:#DFE4EE;
  color:#000;
}

.arrow-right{
  height:20px;
  width:20px;
  text-decoration:none;
}
.arrow-right span,.arrow-left span{
  visibility:hidden;
}
.arrow-left{
  height:20px;
  width:20px;
  text-decoration:none;  
}
.center{
  text-align:center;
}
.to_right{
  text-align:right;
  display:block;
}
.r-marg{
  padding-right:25px;
  margin-left:0;
}
.l-marg{
  float:left;
  display:block;
  margin-left: 0;
  padding-left:25px;
}
.errorMsg{
 background:#FEDDDA;
 border:1px solid red;
 color:red;
 font-weight:bold;
 padding:2em;
}
.img-to-right{
 float:right;
 padding:0 0 0.5em 0.5em;
}
.img-to-left{
 float:left;
 padding:0 0.5em 0.5em 0;
}
/************* obscura ***********/
.photo {
  float: left;
  background: #e0e0e0;
  margin-right: 15px;
  margin-bottom: 15px;
  width: 168px;
  height: 185px;
  text-align: center;
}
.photo p {
  margin: 0;
  padding: 0;
}
.photo p.photo-img {
  padding: 8px;
  padding-bottom: 0;
}
.photo a.text, .photo a.text:hover {
  color: #303030;
  font-size: 85%;
}
.photo .img img {
  border: 1px solid #fff;
  margin: 0;
  padding: 0;
}
 
/************* inline ***********/
#inlinetoolbar {
	border: 1px solid #aaa;
	background: #eee;
	//margin: -20px;
	padding: 0px;
}
#inlinetoolbar p.inlinetitle {
	color: black;
	font-weight: bold;
}
#article_edit label table{
 width:99%;
 background:red;
}

#inline {
  width: 95%;
}

/****************************** paticka ***************************************/
#footer {
  margin: 0;
  padding: 0;
}

#footer a {
  text-decoration:underline;
}

#footer h2 {
display: none;
}

#footer .column-in {
  width: 700px;
	text-align: center;
	font-size: 90%;
  float: right;
  background: url('../images/bottom.png') #fff top right no-repeat;
  height: 1.6em;
  margin: 0;
  padding: 0;
  margin-bottom: 5px;
  padding-top: 1em;
  padding-bottom: 0.6em;
}


#footer .column-in div {
  float: left;
  padding: 0;
  margin: 0;
  height: 1.6em;
  color: #5b523d;
}

#footer .column-in div.copyright div {
  color: #9d1226 !important;
}

.footer-links {
  margin:0 ;
  padding:0;
  text-align:left;
}
.footer-links ul{
  margin:0 0 0 40px;
  padding:0;
}
.footer-links ul li{
  display:inline;
}

#footer .column-in div.copyright {
  float: right;
  padding-right: 30px;
}

#design{
  color:#000;
}

#actual-date{
  display:block;
  float:left;      
  width:20%;
  text-align:center;
}

#rshadow {
  width: 100px;
  height: 1000px;
  background: url('../images/rightshadow.png') #f00 left top no-repeat;
  position: absolute;
  left: 960px;
  top: 0px;
}

/****** search words plugin ******/
span.search_words{
  padding:0 0.25em;
  border:1px solid #0E3C66;
  background:rgb(255,204,102);
}


/************** chapters *********/
.article_chapter{
 background-color:rgb(248,248,248);
 padding:1em;
 position:relative;
}
.article_chapter h3{
 margin-top:0;
}
.article_chapter ul{
 margin-left:0;
 padding-left:0;
}
.article_chapter .prev{
 position:absolute;
 top:0;
 left:0;
 background: transparent url('../images/ico_dale.gif') left center no-repeat;
 display:block;
 float:left;
 padding-left:25px;
 margin:1em 0 0 1em;
}
.article_chapter .center{

}
.article_chapter .next{
 background: transparent url('../images/ico_pred.gif') right center no-repeat;
 position:absolute;
 top:0;
 right:0;
 float:right;
 display:block;
 padding-right: 25px;
 margin:1em 1em 0 0;

}
.article_chapter .top{
 display:block;
 text-align:center;
}
.article_chapter ul li{
 padding:0.25em 0.25em 0.25em 1em;
 background-position: left center;
 background-image:none;  
}

.article_chapter ul .ch-1{
  padding-left:2em ;
}
.article_chapter ul .ch-2{
  padding-left:3em ;
}
.article_chapter ul .ch-3{
  padding-left:4em ;
}
.article_chapter ul .ch-4{
  padding-left:5em ;
}
.article_chapter ul .ch-5{
  padding-left:6em ;
}
.article_chapter ul .ch-6{
  padding-left:7em ;
}
.article_chapter ul .ch-7{
  padding-left:8em ;
}
.article_chapter ul .ch-8{
  padding-left:9em ;
}
.article_chapter ul .ch-9{
  padding-left:10em ;
}
.article_chapter ul .ch-10{
  padding-left:11em ;
}
.article_chapter ul .ch-12{
  padding-left:13em ;
}
.article_chapter ul .ch-13{
  padding-left:14em ;
}

/**************  Hodnocen+­ pod |Ťl+ˇnkem  **********/
.rating{
  margin-top:2em;
  border-top: 1px solid #185B96;
  text-align:center;
}
.rating table{
  margin:0 auto;
  border:1px none #fff;
}
.rating table td{
  width:3em;
  background:transparent;
  border:1px none #fff;
}

/************** sitemap **********/
ul.sitemap {
 margin-left:-30px;
 padding-left:0;
}
ul.sitemap li{
 padding:0.25em 0.25em 0.25em 15px;
 background-position: left center;
}
ul.sitemap .lv-3{
 font-weight:bold;
}

/******** formatovani v editoru ***********/
.red{
background:red;
padding:5px;
}
.pul-doleva{
width:46%;
float:left;
padding:5px;
margin:1em 0;
}
.pul-doprava{
width:46%;
float:right;
padding:5px;
margin:1em 0;
}
.pul-doleva-oranz{
width:46%;
float:left;
background:rgb(249,232,193);
padding:5px;
margin:1em 1em 1em 0;
}
.pul-doprava-oranz{
width:46%;
float:right;
background:rgb(249,232,193);
padding:5px;
margin:1em 0 0 1em;
}

.left-half{
width:47%;
float:left;
padding:0px;
margin:0 0;
}
.right-half{
width:47%;
float:right;
padding:0px;
margin:0 0;
}

/* ********************** OBSCURA ************************** */

.photo {
  width: 160px;
  height: 160px;
  margin: 10px;
  float: left;
  text-align: center;
}

.photo img {
  margin: 0 auto;
}

.photoblock {
  width: 99%;
  text-align: center;
}

.photoblock img {
  margin: 0 auto;
}

.photoinfo {
  
}
.comments-nav {
  clear:both;
  color: #9d1226;
}



.photos-box {
  background: url('../images/relatedbg.png') #fffcf5 left bottom repeat-x;
  text-align: center;
}

.photos-box-in {
  width: 520px;
  margin: 1em auto;
}

/* titulni stranka */
.title-box {
 background:#FFFCF5 url('../images/top-box.jpg') left bottom repeat-x;
 height:200px;
 border-bottom:4px solid #C91E2B;
 margin:25px 0 40px;
 padding:0 0 10px 0;  
 position:relative;
 font-size: 90%;
}
body[id] .title-box {
 height:auto;
 min-height:200px;

}
.title-box h2,.title-box h3,.title-box p,.title-box ul {
 margin: 5px 10px;
 padding:0;
}
.title-box h2,
.title-box h3.nadpishp {
 text-transform:uppercase;
 padding:0px;
 font-size: 1.3em;
 margin: 5px 10px;
}

.title-box h3 {
  margin: 0 10px;
  padding: 0;
}

.title-box h3 a {
 padding:0px;
 color: #4f0913;
}

.title-box h3 a:hover {
 color: #000;
}

.title-box .article-info {
  background: #FFFCF5;
  color: #5B523D;
  margin: 0 10px;
  padding: 0;
  font-size: 90%;
  line-height: 1em;
}

.title-box .article-perex {
  font-weight: normal;
  margin: 0 10px;
  margin-bottom: 8px;
  padding: 0;
}

.title-box .perex_image {
  display: none;
}

body[id] .title-box h2 {
 padding-top:5px;
}
a.more {
  display:block;
  width:100px;
  height:25px;
  position:absolute;
  bottom:0;
  right:-1px;
  z-index:100;
}
body[id] a.more {
  right:0;
}
.b1 a.more {
  background:transparent url('../images/b1.jpg') right bottom no-repeat;
}
.b2 a.more {
  background:transparent url('../images/b2.jpg') right bottom no-repeat;
}
.b3 a.more {
  background:transparent url('../images/b3.jpg') right bottom no-repeat;
}
.b4 a.more {
  background:transparent url('../images/b4.jpg') right bottom no-repeat;
}

.b1 {
 border-color: #C91E2B;
}
.b2 {
 border-color: #FF7800;
}
.b3 {
 border-color: #956A0D;
}
.b4 {
 border-color: #91AC3D;
}


/* DISKUSE!!!!! */
.discuss-subtree {
	padding-left: 20px;
}
.discuss-subject {
	/*float: left;*/
	padding-left: 15px;
}
.discuss-reply {
	float: right;
	font-weight: bold;
	padding-right: 1em;
}
.discuss-reply a, .discuss-reply a:link, .discuss-reply a:active, .discuss-reply a:visited, .discuss-reply a:hover {
	color: #5B523D;
}

.discuss-user a, .discuss-user a:link, .discuss-user a:active, .discuss-user a:visited, .discuss-user a:hover {
	color: black;
}

.discuss-date {
	float: right;
	font-weight: bold;
	padding-right: 1em;
}

.discuss-user {
	font-weight: bold;
}

.discuss-clear {
	clear: both;
}
.discuss-body {
	clear: both;
}



.discuss-tree {
  background: #FFFCF5;
  background: url('../images/relatedbg.png') #FFFCF5 left bottom repeat-x;
  width: 100%;
  margin: 0;
  padding: 1em 0;
}

.post {
  margin:10px 0;
  margin-bottom: 5px;
}

.post .discuss-user a{
  color: #000;
  font-weight:bold; 
}

.post .discuss-subject {
  color: #9D1226;
  font-weight:bold; 
}

.discuss-subtree .discuss-subject, #topics .discuss-subject {
}

.post .discuss-reply {
}

.post .discuss-user {
  padding-left: 15px;
}

.post .discuss-body {
  display: block;
  padding-left: 15px;
}

.discuss-href {
  float: right;
}

.discuss-form {
  margin: 0;
  padding: 0;
  width: 100%;
}

.discuss-form .l-part {
  width: 47%;
  padding-left: 2em;
}

.discuss-form .r-part {
  width: 70%;
  padding-left: 2em;
}


.discuss-form .inform {
  background: url('../images/relatedbg.png') #FFFCF5 left bottom repeat-x;
  padding: 8px;
}

.discuss-form label {
  margin: 0;
  margin-top: 5px;
  padding: 0;
  color: #9D1226;
  font-size: 90%;
  font-weight: bold;
}

.discuss-form input {
  margin: 0;
  padding: 2px 3px;
  width: 99%;
  color: #000;
  border: solid #000 1px;
  background: #fff;
  font-weight: bold;
}

.discuss-form textarea {
  width: 99%;
  color: #000;
  border: solid #000 1px;
  height: 99%;
  background: #fff;
  margin: 0;
  padding: 3px;
  font-family: "Arial CE", sans-serif;
  font-size: 98%;
}

.discuss-form input.error, .discuss-form textarea.error {
  border: solid #a55 2px;
  background: #fff8f8;
}

#hlaska {
  color: #a55;
  font-size: 90%;
}

.discuss-form input.submit {
  border: solid #000 1px;
  background: #9D1226;
  padding: 0 10px;
  margin-left: 2.2em;
  margin-bottom: 1em;
  width: 100px;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 90%;
}

input#a_title {
  width:250px;
}