body {margin:0; padding:0; text-align:center; font-size:0.8em; font-family: Arial, Helvetica, sans-serif; color:#69604b; background:url(../images/bg-body.gif) repeat left top;}
a img {border:none}
h1 {margin:15px 0 20px 0; font-size:2em; color:#be8e55; font-weight:normal; background:url(../images/bg-h1.gif) repeat-x left bottom; padding-bottom:20px; letter-spacing:-1px}
.clr {clear:both; font-size:0px; height:0px; line-height:0px; border:none; margin:0; padding:0}
.il {float:left; margin:0 10px 5px 0}
.ir {float:right; margin: 0 0 5px 10px}
.b {padding:4px; border:1px solid #dfdfd0}

#nad-container {width:100%; position:relative}
#obr-left-top {width:48px; height:48px; position:absolute; top:0; left:0; background:url(../images/bg-n-c01.gif) no-repeat left top}
#obr-right-top {width:48px; height:48px; position:absolute; top:0; right:0; background:url(../images/bg-top-right.gif) no-repeat left top}
#obr-right-bottom {width:48px; height:48px; position:absolute; bottom:0; right:0; background:url(../images/bg-bottom-right.gif) no-repeat right top}
#obr-left-bottom {width:48px; height:48px; position:absolute; bottom:0; left:0; background:url(../images/obr-bottom-left.gif) no-repeat left top}

#container {width:979px; margin:0 auto; position:relative}
#logo {width:979px; height:60px; float:left; background:url(../images/bg-top.jpg) no-repeat left bottom; position:relative;}
#logos {width:979px; height:127px; float:left; background:url(../images/bg-top.jpg) no-repeat left bottom; position:relative;}
#logo01 {width:979px; height:127px; position:absolute; top:0; left:0; z-index:50}
#logo01s {width:979px; height:127px; position:absolute; top:0; left:0; background:url(../images/bg-logo.gif) no-repeat 45px 87px;}
.facebook { width:86px; height:22px; position:absolute; top:18px; right:160px}
#logo-left {width:40px; height:20px; position:absolute; top:85px; left:14px; background: url(../images/bg-logo-left.gif) no-repeat left top}
#logo-right {width:40px; height:20px; position:absolute; top:85px; right:13px; background: url(../images/bg-logo-right.gif) no-repeat left top}
#logo-c {margin:10px 15px 0 0}
#vlajky {height:22px; line-height:22px; background:url(../images/vlajky-c.gif) repeat-x right top; position:absolute; top:18px; right:24px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px}
#vlajky ul {margin:0; padding:0; list-style:none}
#vlajky ul li {float:left; background:url(../images/odr-vlajky.gif) no-repeat right 4px}
#vlajky ul li#vlajky-end {background:none}
#vlajky a {color:#84846b; text-decoration:none; padding:0 12px 0 13px; display:block; float:left;}
#vlajky a:hover {text-decoration:underline}
#vlajky-left {width:3px; height:22px; line-height:22px; font-size:1px; background:url(../images/vlajky-left.gif) no-repeat left top; position:absolute; left:0; top:0}
#vlajky-right {width:3px; height:22px; line-height:22px; font-size:1px; background:url(../images/vlajky-right.gif) no-repeat right top; position:absolute; right:0; top:0}
#top {width:979px; height:386px; float:left; background:url(../images/bg-content.gif) repeat-y left top}
#top01 {width:979px; height:386px; background:url(../images/bg-top01.gif) no-repeat 14px bottom; position:absolute; top:60px; left:0px}
#motive {width:950px; height:265px; /*background:url(../images/motive.jpg) no-repeat left top;*/ position:absolute; top:11px; left:14px}
#motive-left {width:48px; height:48px; background:url(../images/motive-left.png) no-repeat left top; position:absolute; bottom:0px; left:0px}
#motive-right {width:48px; height:48px; background:url(../images/motive-right.png) no-repeat left top; position:absolute; bottom:0px; right:0px}
#top-menu {width:950px; height:110px; position:absolute; bottom:0px; left:14px; text-align:left; color:#ee8e8e; font-size:0.9em}
#menu-box01 {width:157px; height:80px; position:absolute; top:0px; left:0px; background:url(../images/odr-menu-box.gif) no-repeat right 12px; padding:20px 10px 0px 20px}
#menu-box02 {width:167px; height:80px; position:absolute; top:0px; left:187px; background:url(../images/odr-menu-box.gif) no-repeat right 12px; padding:20px 10px 0px 10px}
#menu-box03 {width:167px; height:80px; position:absolute; top:0px; left:374px; background:url(../images/odr-menu-box.gif) no-repeat right 12px; padding:20px 10px 0px 10px}
#menu-box04 {width:167px; height:80px; position:absolute; top:0px; left:561px; background:url(../images/odr-menu-box.gif) no-repeat right 12px; padding:20px 10px 0px 10px}
#menu-box05 {width:167px; height:80px; position:absolute; top:0px; left:748px; padding:20px 10px 0px 10px}

#obr-menu-box01 {width:60px; height:39px; background:url(../images/menu-box01.gif) no-repeat left top; position:absolute; top:20px; right:15px}
#obr-menu-box02 {width:56px; height:49px; background:url(../images/menu-box02.gif) no-repeat left top; position:absolute; top:20px; right:10px}
#obr-menu-box03 {width:44px; height:70px; background:url(../images/menu-box03.gif) no-repeat left top; position:absolute; top:20px; right:15px}
#obr-menu-box04 {width:39px; height:39px; background:url(../images/menu-box04.gif) no-repeat left top; position:absolute; top:20px; right:15px}
#obr-menu-box05 {width:54px; height:38px; background:url(../images/menu-box05.gif) no-repeat left top; position:absolute; top:20px; right:15px}
#top-menu h2 {font-size:1.2em; color:#fff; font-weight:bold; margin:0 0 10px 0}
#top-menu p {margin:0 0 15px 0}
#top-menu p.vice {text-align:center; background:url(../images/tl-vice-h.gif) no-repeat left top; float:left}
#top-menu p.vice a {display:block; float:left; width:93px; height:18px; line-height:18px; text-decoration:none; color:#fff; background:url(../images/tl-vice.gif) no-repeat left top; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-weight:bold}
#top-menu p.vice a:hover {background:transparent}

#content {width:979px; float:left; background:url(../images/bg-content.gif) repeat-y left top; text-align:left; padding:10px 0 0 0}
#content-left {width:229px; float:left}
#menu {width:190px; float:left; margin:5px 0 0px 19px; font-weight:bold; font-size:0.9em}
#menu-top {width:190px; height:11px; background:url(../images/bg-menu-top.gif) no-repeat left top; float:left; font-size:1px}
#menu-c {width:178px; background:url(../images/bg-menu-c.gif) repeat-y left top; padding:6px; float:left}
#menu ul {margin:0px 0 10px 0; padding:0px; list-style:none}
#menu ul li {padding:8px 5px 8px 16px; border-bottom:1px solid #dfdfd0; background:url(../images/odr-menu.gif) no-repeat 5px 10px}
#menu ul li a {color:#69604b; text-decoration:none;}
#menu ul li:hover {background:url(../images/odr-menu-h.gif) no-repeat 5px 10px}
#menu ul li a:hover, #menu ul li a.act {color:#3d3930;}
/*
#menu ul li a {color:#69604b; text-decoration:none; background:url(../images/odr-menu.gif) no-repeat -10px 5px}
#menu ul li a:hover, #menu ul li a.act {color:#3d3930; background:transparent}
*/
#menu-bottom {width:190px; height:10px; background:url(../images/bg-menu-bottom.gif) no-repeat left top; float:left; font-size:1px}
#banner-tel {width:158px; float:left; margin:7px 0 5px 19px; height:43px; background:url(../images/banner-tel.gif) no-repeat left top; padding-left:32px; line-height:41px; color:#fff; font-size:1.4em}
#flash-sm {width:190px; float:left; margin:7px 0 5px 19px; height:163px;}


#content-right {width:750px; float:right}
#content-right p {line-height:1.4em; margin:0 0 15px 0}
#text-index {width:736px; float:left; background:url(../images/bg-text-index.gif) repeat-y 490px top; margin:15px 0 0 0}
#text {width:728px; float:left; margin:15px 0}
#text-left {width:480px; float:left; padding-right:30px}
#text-left h2{font-size:16px; color:#700101; line-height:20px}
#text-left h2 a {color:#700101;}
#text-left h2 a:hover {text-decoration:none}
#text-left a {color:#700101;}
#text-left a:hover {text-decoration:none}
#text-left ul {list-style:none; margin:10px 0; padding:0 0 0 15px;  line-height:1.6em}
#text-left li {padding:0 0 0 15px; background:url(../images/odr-li.gif) no-repeat left 5px;}

#text-right {float:left; width:220px; font-size:0.9em}
#text-right h2 {color:#700101; font-size:1.4em; font-weight:normal; margin:10px 0 10px 0; font-weight:bold}
#text h2 {color:#700101; font-size:1.4em; font-weight:normal; margin:15px 0 15px 0; line-height:1.4em; letter-spacing:-0.05em}
#text h3 {font-size:1.2em; font-weight:bold; }
#text ul {list-style:none; margin:10px 0; padding:0 0 0 15px;  line-height:1.6em}
#text ul li {padding:0 0 0 15px; background:url(../images/odr-li.gif) no-repeat left 5px;}
#text p { margin:15px 0}
#text a { color:#700101}

.news-item {float:left; width:220px; border-top:1px solid #dfdfd0; padding:10px 0 15px 0}
.news-item a {color:#700101}
#content-right .news-item p.news-date {margin-bottom:0px}
#content-right .news-item a.vice {background:url(../images/odr-news.gif) no-repeat left 3px; padding:0 0 0px 22px; float:left; display:block}
#content-right .news-item a.vice:hover {background:url(../images/odr-news-h.gif) no-repeat left 3px;}
#content-right .news-item a:hover {text-decoration:none}
#content-right .news-item p {margin:5px 0 5px 0}
#content-right .news-item h3 {margin:5px 0 10px 0; color:#50493a; font-size:1.1em; line-height:1.4em}
#content-right h4 {margin:5px 0 10px 0; color:#50493a; font-size:1.0em}
#text-right p.news-archive {text-align:center; font-size:0.8em; font-weight:bold; margin-top:5px; float:left; background:url(../images/bg-archiv-h.gif) no-repeat left top}
#text-right p.news-archive a {display:block; float:left; width:99px; height:18px; line-height:18px; text-decoration:none; color:#fff; background:url(../images/bg-archiv.gif) no-repeat left top}
#text-right p.news-archive a:hover {background:transparent}

#news-list p.news-list-date  { margin:0; padding:0;}



#foot {width:979px; float:left; height:260px; background:url(../images/bg-foot.gif) no-repeat left top; margin-bottom:50px; color:#fff; font-size:0.9em; position:relative}
#foot-left {width:375px; float:left; background:url(../images/bg-foot-left.gif) no-repeat left top; margin:195px 0 0 42px; text-align:left; padding-left:66px}
#foot p {margin:10px 0}
#foot a {color:#fff}
#foot a:hover {text-decoration:none}
#foot-right {width:456px; float:left; text-align:right; margin:195px 0 0 0px}
#flinks {width:900px; position:absolute; height:20px; left:40px; top:65px }
#flinks .box {width:225px; float:left; text-align:center}
#flinks .box a {color:#69604b; text-decoration:none; font-size:1.1em; font-weight:bold}

.tabulka {width:530px; border-collapse:collapse; color:#717171; margin:10px 0}
.tabulka tr th {text-align:left; font-weight:normal; padding:6px 0 6px 15px; background:#ececda; border:1px solid #dfdfd0}
.tabulka tr th.t-prvni {width:195px; padding-left:18px}
.tabulka tr td {text-align:left; padding:5px 0 5px 15px; border:1px solid #dfdfd0}
.tabulka tr.t-liche td {background:#f7f7ee}
.tform {border-collapse:collapse; margin:20px 0 10px 0; color:#69604b}
.tform tr td {padding:4px}
.tform input {border:1px solid #dfdfd0; width:193px}
.tform tr td.odeslat input {color:#fff; text-align:center; background:url(../images/tl-odeslat.gif) no-repeat left top; cursor:pointer; border:none; width:72px; padding-bottom:2px}

#gallery-list ul{
  list-style:none;
  padding-left:0 !important;
  margin-bottom:15px;
  padding-top:0px;
  margin-top:0;
}

#gallery-list ul li a{
  display:block;
  padding-bottom:4px;
  font-size:14px;
  background:url('../images/slozka.png') no-repeat 0px 2px;
  padding-left:23px;
  font-weight:bold;
  text-decoration:none;
  color:#700101;
}

#gallery-list ul li a:hover{
  text-decoration:underline;
}

div.gallery-item{
  float:left;
  width:215px;
  height:160px;
  border:solid 1px #dfdfd0;
  background-color:#f4f4ee;
  margin:7px 7px 7px 14px;
  text-align:center;
  padding-top:15px;
}

/* other CSS */

.ttop {width:728px; height:10px; line-height:0px; font-size:1px; background:url(../images/bcg-ttop.gif) no-repeat; margin:15px 0 0 0 }
.tmid {width:688px; background:url(../images/bcg-tmid.gif) repeat-y; padding:10px 20px; line-height:1.6em}
.tbot {width:728px; height:10px; line-height:0px; font-size:1px; background:url(../images/bcg-tbot.gif) no-repeat; margin:0 0 15px 0 }
.pic{ float:left; width:172px; height:119px; border:solid 1px #dfdfd0; background-color:#f4f4ee; margin:7px 7px 7px 0px; text-align:center; padding-top:15px;}
.link {width:100%; height:1px; line-height:0; font-size:0; border-bottom:solid 1px #DFDFD0; margin:15x 0}


#rezervace {
    background:#f2f2ec;
    color: #474532;
    padding-bottom: 10px;
    width: 480px;
	float:left
}
#rezervace h2 {
    color: #000000;
    font-size: 13px;
    font-weight: bold;
    margin: 13px 0 20px;
    text-align: center;
    text-shadow: 1px 1px #CACACA;
    text-transform: uppercase;
}
.label01 {
    float: left;
    margin: 4px 0 2px 18px;
    width: 240px;
}
.label02 {
    float: left;
    margin: 8px 0 20px 18px;
    width: 240px;
}
.input01 {
    border: 1px solid #dfdfd0;
    float: left;
    height: 20px;
    line-height: 20px;
    margin: 4px 0 2px 18px;
    padding: 2px 5px 0;
    width: 229px;
}
#rezervace textarea {
    border: 1px solid #dfdfd0;
    float: left;
    height: 101px;
    margin: 4px 0 15px 18px;
    padding: 5px;
    width: 229px;
}
.tl01 {
    background: url("../images/bg-archiv.gif") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 9px;
    font-weight: bold;
    height: 18px;
    line-height: 15px;
    text-align: center;
    width: 99px;
}
.tl01:hover {
    background: url("../images/bg-archiv-h.gif") no-repeat scroll left top transparent;
    
}
#odeslat {
    display: inline;
    float: left;
    height: 18px;
    line-height: 18px;
    margin: 0 0 0 18px;
    text-align: center;
    width: 230px;
}
/*Calendar*/
.calendar { background:#f0f0ea; width:217px; padding:0 10px; border-left: solid 1px #dfdfd0; border-right: solid 1px #dfdfd0}
.calendar-bot { width:219px; background:url(../images/bg-cal-bot.jpg) no-repeat; height:15px; margin-bottom:15px}
.calendar-top { width:219px; background:url(../images/bg-cal-top.jpg) no-repeat; height:15px}
.calendar-month { background:#f0f0ea; width:197px; padding:0 10px 10px 10px ; border-left: solid 1px #dfdfd0; border-right: solid 1px #dfdfd0}
.calendar td { background:#FFFFFF; text-align:center; padding:5px 0}
.calendar a {color:#700101;}


/*banner uvod*/
#reklama {
    border: 0px solid #000000;
    display: none;
    left: 180px;
    position: absolute;
    top: 140px;
    width: 591px;
    z-index: 100;
    background:#ffffff; 
    
}
#reklama .zavrit{
    right: -23px;
    position: absolute;
    top: -23px;
    width: 20px;
    height:20px;
    display:block;
    z-index: 100;
}
#reklama a{
    
    margin:5px;
    display:block;
    float:left;
    font-size:0px;
	z-index: 100;
}

/*novinky úvod*/

#text-left .news-item { width:448px; background-color:#f4f4ee; border:1px solid #e9e9d9; padding:5px 15px 5px 15px; margin: 0 0 10px 0; float:none; line-height:18px}
#text-left .news-item h3{font-size:16px; color:#700101; line-height:20px; margin:0 0 10px 0}


#text-left .news-item2 { width:448px; background-color:#e7e7de; border:1px solid #d5d5c6; padding:5px 15px 5px 15px; margin: 0 0 10px 0; float:none; line-height:18px}
#text-left .news-item2 h3{font-size:16px; color:#700101; line-height:20px;margin:0 0 10px 0}

/*Kupon*/

.kup { color:#000000}
