
* {padding: 0; margin: 0;}
body {font: 80%/1.4 Trebuchet, Trebuchet MS, Verdana, Arial, sans-serif; text-align: center; background: #9a9b9a url("/images/bck-body.gif") repeat-x; color: #cccccc;}

/* ----- rozmery a float ----- */
/* celkova sirka */   #page {width: 1021px; margin: 0 auto; text-align: left;}
/* levy sloupec  */   #leftcol {width: 240px; float: left;}
/* obsah hlavni  */   #content {width: 781px; float: right; height: 674px;}   
/* ukonceni      */   #cleaner {clear: both; height: 1px; overflow: hidden; position: relative; top: -1px;}
/* vyska hlavicky*/   #head {height: 208px;}
/* scroll content*/   #scroller {width: 570px; height: 605px; overflow: auto;}


#main {width: 100%; height: 951px; background: url("/images/bck-main.gif") no-repeat center top;}
#leftcol {height: 674px; background: #ffffcc url("/images/bck-menu.jpg") no-repeat; font-size: 125%;}
#head span {visibility: hidden;}
#head a {display: block; width: 1021px; height: 208px; text-decoration: none;}



/* photo backgrounds */
#head, #content {background-color: #2b2b2b; background-repeat: no-repeat;}
#castle #head {background-image: url("/images/head-castle.jpg");}
#castlecz #head {background-image: url("/images/head-castle-cz.jpg");}
#castle #content {background-image: url("/images/body-castle.jpg");}  
#castlecz #content {background-image: url("/images/body-castle.jpg");}
#deposition #head {background-image: url("/images/head-deposition.jpg");}
#deposition #content {background-image: url("/images/body-deposition.jpg");} 
#depositioncz #head {background-image: url("/images/head-deposition-cz.jpg");}
#depositioncz #content {background-image: url("/images/body-deposition.jpg");}
#seal #head {background-image: url("/images/head-seal.jpg");}
#seal #content {background-image: url("/images/body-seal.jpg");}
#sealcz #head {background-image: url("/images/head-seal-cz.jpg");}
#sealcz #content {background-image: url("/images/body-seal.jpg");}
#marl #head {background-image: url("/images/head-marl.jpg");}
#marl #content {background-image: url("/images/body-marl.jpg");} 
#marlcz #head {background-image: url("/images/head-marl-cz.jpg");}
#marlcz #content {background-image: url("/images/body-marl.jpg");}
#fabric #head {background-image: url("/images/head-fabric.jpg");}
#fabric #content {background-image: url("/images/body-fabric.jpg");}
#fabriccz #head {background-image: url("/images/head-fabric-cz.jpg");}
#fabriccz #content {background-image: url("/images/body-fabric.jpg");}
#dots #head {background-image: url("/images/head-dots.jpg");}
#dots #content {background-image: url("/images/body-dots.jpg");}     
#dotscz #head {background-image: url("/images/head-dots-cz.jpg");}
#dotscz #content {background-image: url("/images/body-dots.jpg");}


h1, h2 {padding: 3px 20px 4px 20px;}
h1 {color: black; font-size: 150%; margin-bottom: 10px;}
h2 {font-size: 120%; margin-top: 10px;}
h2#index {background: #7a8976 url("/images/bck-headline.gif") no-repeat; color: black; padding: 0 0 0 20px; line-height: 34px; width: 340px;}

td h2 {padding: 0; margin: 0; font-size: 110%;}
p {padding: 3px 20px 20px 20px; line-height: 160%;}
sup {font-size: 80%;}
table {margin: 0px 10px 20px 10px; border-collapse: collapse;}
td {vertical-align: top;}
td.td1 {width: 100px!important;}
td.td2 {width: 350px!important;}
td.td3 {width: 90px!important;}
td.td4 {width: 450px!important;}
table.table {margin: 20px 10px;}
.table td {padding: 0 10px 13px 10px;}

a {color: #d9b448;}
a:hover, #paticka a:hover {color: #ffffcc;}
#leftcol a {color: black; text-decoration: none; font-weight: normal;}
#leftcol a:hover {font-weight: bold;}
#leftcol li.openUrl a {font-weight: bold;}
a img {clear: right; float: right; margin: 10px 20px 0 20px; border: solid 1px #d9b448;}
#leftcol ul {
	padding-top: 18px;
}

/* active page */
#castle #home, #deposition #about, #seal #memo, #marl #contact, #fabric #partners, #dots #events {font-weight: bold; font-size: 110%; cursor: text;}


.center {text-align: center!important;}
.right {text-align: right!important;}
.small {font-size: 90%;}
.note {color: #999999;}


ul {margin-left: 26px;}
ul, ol {margin-bottom: 30px;}
ul ul {margin-bottom: 0; margin-left: 6px;}
#content ol, #content ul {margin-left: 50px;}
#content ul li {padding-bottom: 8px;}
#leftcol ul {margin-top: 0px;}
#leftcol li {list-style: none; padding: 0 0 6px 0;}


#copy {padding-top: 2px; text-align: center; font-size: 90%; color: #474646;}
#copy a {text-decoration: none; color: #474646;}

#lang {display: block; position: absolute; top: 3px; left: 0; margin-left: 50%; width: 500px; font-weight: bold; font-size: 110%;}
#lang a {display: block; width: 30px; /*background: silver; color: #333333;*/ text-align: center; float: right; color: #ffffcc; font-weight: bold; font-size: 110%;}
#lang a:hover {color: #d9b448; font-size: 110%;}
/* admin */
#admform {
	padding: 20px;
}
#admform input, #admform textarea{
	width: 98%;
}
#admform input#pagePublic {
	width: 10px;
}
.edit {
	 float: right;
	 padding-right: 10px;
	 font-size: 140%;
}
.success {
	font-size: 150%;
	color:green;
	text-align: center;
}
.box1 {
	color:black;
	background-color: #ccb158;
	border: 1px #848484 dotted;
	padding: 7px;
	margin: 7px;
	
}
.box1 h2 {
	margin: 0px;
	padding: 4px;
	display: inline;
}
.jqifade{
      position: absolute;
      background-color: #aaaaaa;
}
div.jqi{
      width: 400px;
      font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
      position: absolute;
      background-color: #ffffff;
      font-size: 11px;
      text-align: left;
      border: solid 1px #eeeeee;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      padding: 7px;
}
div.jqi .jqicontainer{
      font-weight: bold;
}
div.jqi .jqiclose{
      position: absolute;
      top: 4px; right: -2px;
      width: 18px;
      cursor: default;
      color: #bbbbbb;
      font-weight: bold;
}
div.jqi .jqimessage{
      padding: 10px;
      line-height: 20px;
      color: #444444;
}
div.jqi .jqibuttons{
      text-align: right;
      padding: 5px 0 5px 0;
      border: solid 1px #eeeeee;
      background-color: #f4f4f4;
}
div.jqi button{
      padding: 3px 10px;
      margin: 0 10px;
      background-color: #2F6073;
      border: solid 1px #f4f4f4;
      color: #ffffff;
      font-weight: bold;
      font-size: 12px;
}
div.jqi button:hover{
      background-color: #728A8C;
}
div.jqi button.jqidefaultbutton{
      background-color: #BF5E26;
}
.jqiwarning .jqi .jqibuttons{
      background-color: #BF5E26;
}

