@media screen,projection {
* {
  margin: 0px;
  padding: 0px;
}
body 	{
	font-family: 'Georgia', 'Tomes New Roman' , 'Helvetica CE', Arial, sans-serif !important;
	font-size: 80%;
  text-align : center;
  color: #363636;
  background: #694827;
}
.mobil {
  display: none;
}
/*---- layout ---*/
#page {
  position: relative;
  margin: 0 auto 0 auto;
  width: 952px;
  text-align: left;
  background: #FFEED3 url("page.jpg") repeat-y;
  padding-bottom: 2em;
}
#doc {
  margin: 0 18px 0em 18px;
  background: #FFEED3 url("ornament.jpg") no-repeat top center;
}
#doc.bg-pos {
  background-position: 320px 10px;
}
#header {
  height: 136px;
  background: url("header.jpg") no-repeat;
  margin: 0;  
  position: relative;
}
#logo {
  margin: 0px 0px 0px 0px;
}
#logo img {
  margin: 5px 0px 0px 45px;
}
#menu {
  height: 57px;
  margin: 0 auto 0 auto;
  background: url("menu.jpg") no-repeat;
}
#breadcrumb  {
  margin: 1em 0 1em 0px;
  font-size: 1em;
}
#text {
  float: right;
  width: 532px;
}
#text1 {
  float: right;
  width: 630px;
}
#text2 {
  float: right;
  width: 590px;
}
#left  {
  float: left;
  width: 340px;
  margin-top: 8px;
}
#left1  {
  float: left;
  width: 250px;
  margin-top: 25px;
}
#left2  {
  float: left;
  width: 290px;
  margin-top: 25px;
}
#footer {
  color: #FFEED3;
  height: 80px;
  width: 952px;
  margin: 0em auto 0 auto;
  background: url("bg-footer.jpg") no-repeat top;
}
#footer a {
  color: #FFEED3;
}
#footer span {
  margin: 40px 0px 0 0px;
}

/*--- header ---*/

#oteviraci-doba {
  position: absolute;
  left: 550px;
  top: 15px;
  width: 180px;
  color: #65492C;
  font-size: 1.1em;
}
#oteviraci-doba h4 {
  color: #A0410A;
  font-size: 1.4em;
  margin: 0 0 10px 0;
}

/*--- menu ---*/

#menu ol {
  list-style-type: none;
  padding: 0px;
  margin: 0 0 0 35px;
}
#menu li {
  float: left;
  list-style-type: none;
  text-align: center;
  margin: 8px 0 0 0;
  padding: 0;
  position: relative;
}
#menu li a {
  color: #fff;
  display: block;
  text-decoration: none;
  height: 42px;
  margin: 0 0px 0 0px;
  font-size: 1.2em;
  cursor: hand;
}
#menu li a:hover {
  background: #C22228;
}
#menu li a span {
  display: block;  
  position: absolute;
  height: 42px;
  width: 100%;
  left: 0;
  top: 0;
}
#menu li.item1 {
  width: 116px;
}
#menu li.item1 a span{
  background: url(item1.jpg) no-repeat left bottom;
}
#menu li.item2 {
  width: 132px;
}
#menu li.item2 a span{
  background: url(item2.jpg) no-repeat left bottom;
}
#menu li.item3 {
  width: 145px;
}
#menu li.item3 a span{
  background: url(item3.jpg) no-repeat left bottom;
}
#menu li.item4 {
  width: 191px;
}
#menu li.item4 a span{
  background: url(item4.jpg) no-repeat left bottom;
}
#menu li.item5 {
  width: 155px;
}
#menu li.item5 a span{
  background: url(item5.jpg) no-repeat left bottom;
}
#menu li.item6 {
  width: 140px;
}
#menu li.item6 a span{
  background: url(item6.jpg) no-repeat left bottom;
}
#menu li.itemCat {
  width: 127px;
}
#menu li.itemCat a span{
  background: url(itemCat.jpg) no-repeat left bottom;
}
#menu li a:hover span, #menu li.active a span {
  background-position: left top;
}

/*--- menu-box ---*/

#menu-box {
  background: #A57B57 url(bg-menu-box-btm.jpg) no-repeat bottom center; 
  color: #fff;
  margin-bottom: 1.5em;
}
#menu-box div {
  background: url(bg-menu-box-top.jpg) no-repeat top center; 
  padding: 20px;
}
#menu-box div ol {
  margin: 0;
  width: 370px;
}

#menu-box div ol li{
  line-height: 1.5em;
}


/*--- menu-day ---*/

#menu-day {
  height: 30px;
}

#menu-day li {
  float: left;
  padding: 0px;
  margin-right: 15px;
  background: none;
}
#menu-day li a {
  font-weight: bold;
}
#menu-day li.active a {
  text-decoration: none;
  color: #A0410A;
}

/*--- box-mail ---*/

#box-mail {
  background: #F0DABE url("bg-box-mail-top.jpg") no-repeat left top;
  margin-bottom: 1.5em;
}
#left1 #box-mail {
  background: #F0DABE url("bg-box-mail-top1.jpg") no-repeat left top;
}
#box-mail div {
  background: url("bg-box-mail-btm.jpg") no-repeat left bottom;
  padding: 20px;
}
#left1 #box-mail div {
  background: url("bg-box-mail-btm1.jpg") no-repeat left bottom;
}
#box-mail div h3 {
  margin: 0 0 20px 0;
  line-height: 1em;
}
#left1 #box-mail div h3 {
  font-size: 1em;
}

#box-mail p {
  background: url("bg-input.jpg") no-repeat left center;
  border: none;
  height: 28px;
  width: 100%;
  margin: 0;
}
#left1 #box-mail p {
  background: url("bg-input.jpg") no-repeat left top;
  height: 65px;
}

#box-mail input.txt {
  border: none;
  width: 165px;
  margin: 5px 0 0 10px;
  color: #A78C6E;
  background: #FFF6E7;
  font-family: Georgia;
  float: left;
}
#left1 #box-mail input.txt {
  float: none;
  margin-bottom: 15px;
}

#box-mail input.btn {
  float: right;
}
#left1 #box-mail input.btn {
  float: none;
}

/*--- bottom ---*/

#bottom {
  background: url("ornament1.jpg") no-repeat center top;
  padding-top: 60px;
}

.box-bottom {
  width: 290px;
}
.box-bottom h2 {
  color: #5A3D20;
  font-size: 1.9em;  
  margin: 5px 0 0 0;
}
.box-bottom p.vice {
  margin: 15px 0 0 0;
  float: right;
}
.mid {
  margin-left: 23px;
}
.box-sluzby {
  background: #F0DABE url("box-sluzby-top.jpg") no-repeat left top;  
}
.box-sluzby div {
  background: url("box-sluzby-btm.jpg") no-repeat left bottom;  
  padding: 15px;
  height: 124px;
  _height: 154px;  
}

.box-sluzby ul li {
  background: url("li.gif") no-repeat left top;  
  padding-left: 25px;
  line-height: 1.8em;
}


/*--- submenu ---*/

#left-menu {
  background: #5F4123 url("bg-left-menu-top.jpg") no-repeat left top;
  color: #fff;
  margin-bottom: 2em;
}
#left-menu div {
  background: url("bg-left-menu-btm.jpg") no-repeat left bottom;
  padding: 15px;
}
#left-menu div ul {
  margin: 0;
}
#left-menu li {
  font-size: 1.1em;
  line-height: 1.7em;
  padding-left: 30px; 
  background: url("li1.gif") no-repeat left top;  
}
#left-menu li a {
  color: #F0E0D1;
}
#left-menu li.active a {
  text-decoration: none;
  color: #fff;
}
#left-menu li li {
  font-size: 1em;
  padding-left: 20px; 
}
#left-menu.long {
  background: #5F4123 url("bg-left-menu-top1.jpg") no-repeat left top;
}
#left-menu.long  div {
  background: url("bg-left-menu-btm1.jpg") no-repeat left bottom;

}

/*--- tridy pro monitor ---*/

.w301 {
	width: 301px;
}
.w356 {
	width: 356px;
}
.w443 {
	width: 443px;
}
.w500 {
	width: 500px;
}

/*--- nadpisy ---*/

h1 {
  font-size: 2.3em;
  font-weight: normal;
  margin: 0.5em 0 0.5em 0;
  color: #7D5E3E;
}
h2 {
  font-size: 1.6em;
  font-weight: normal;
  margin: 1em 0 1em 0;
  color: #9F430C;
}
h3 {
  font-size: 1.4em;
  margin: 1em 0 1em 0;
  color: #694827;
  font-weight: normal;
}
h4 {
  font-size: 1.1em;
  font-weight: normal;
  margin: 1em 0 1em 0;  
}

/*--- tabulka  ---*/

table {
  width: 100%;
}
table td, table th {
  padding: 5px 10px 5px 10px;
}
table.shops td span {
  display: block;
  width: 30px;
  float: left;
  background: url("sipka2.gif") no-repeat left center;
}
table th {
  background: #3F6AB2;
  color: #fff;
  font-weight: normal;
  text-align: left;
}

/*--- form ---*/

input.txt {
  border: 1px solid #ccc;
  background: #F7F7F7;
  height: 20px;
}
.w301 input.txt {
  width: 140px;
}
fieldset.f1 {
  border: 1px solid #DDDDDD;
  background: #F4F4F4;
  padding: 20px 15px 20px 15px;
}
fieldset.f1 input.txt {
  border: 1px solid #DDDDDD;
  background: #fff;
  height: 20px;
  width: 150px;
}
fieldset.f1 textarea {
  border: 1px solid #DDDDDD;
  background: #fff;
  width: 407px;
  height: 104px;
}
.red {
  color: #FF0000;
}
a.more {
  background: url("sipka.gif") no-repeat 100% 60%;
  padding-right: 15px;
  _height: 1px;
  min-height: 1px;  
}
ul li {
  background: url("li2.gif") no-repeat left top;
  padding-left: 25px;
  line-height: 1.8em;  
}
p.print {
  position: absolute;
  right: 35px;
  top: 100px;
}
p.theatre {
  background: url("mask.jpg") no-repeat left center;
  padding: 30px 0 30px 100px;
  margin: 0;
}
div.fotoG {
  clear: both;
}
p.gallery img {
  margin: 0 5px 5px 0;
}

/*--- rozcestník ---*/
.anotace {
  min-height: 105px;
  margin-bottom: 2em;
}
.box {
  width: 310px;
  margin-bottom: 2.5em;
}
.box a.mask {
  display: block;
  width: 120px;
  height: 97px;
  position: relative;
  float: left;
  overflow: hidden;
}

.box div {
  float: right;
  width: 180px;
}
.box h4 {
  margin: 0px 0 10px 0;
  padding: 0px;
}
.box img {
  margin: 12px 0 0px 0;
}
/* -- upoutávky na úvodní straně ----------- */
#slideshow {
    position:relative;
    height:320px;
    overflow:hidden;
}

#slideshow div {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow div.active {
    z-index:10;
    opacity:1.0;
}

#slideshow div.last-active {
    z-index:9;
}
}