body {margin:0px; p../images/adding:0px; font-size:0.8em; background:#c9bc97 url(../images/bg-body.gif) repeat-x left top;
font-family: Verdena, sans-serif; text-align:center; color:#574209;}
.center { text-align:center; }
.clr {clear:both; height:0; line-height:0; font-size:0}
a img {border:none}
.il {float:left; margin-right:10px}
.ir {float:right; margin-left:10px}
.b {border:1px solid #ceac31; padding: 1px; }
h1 {font-size:1.60em; color:#574209; font-family: Verdena, Helvetica, sans-serif; font-weight:normal; margin:6px 0 14px 0}
h1 span {font-size:1.15em; color:#062e6a}
h1.main a img { float:left; }
h2 {font-size:1.5em; font-weight:normal; font-family: Verdena, Arial, Helvetica, sans-serif; margin:0px 0 15px 0}
h2.right-headline { clear:both; margin:0px -14px 10px -14px; color:#FFF; background-color:#4F3801; line-height:22px; font-size: 16px; padding-left: 14px;*width:228px; }
h2.right-headline a.loc { color: #FFF; text-decoration: underline; }
h2.right-headline a.loc:hover { text-decoration: none; }
h3 {font-size:1.1em; color:#7B631D; margin:10px 0 8px 0; clear: both;}
table {font-size:1.0em}


ul.gallery { text-align: center; margin-left: -10px; clear:both; *margin-left: 30px; }
ul.gallery li{ list-style: none; float: left; margin: 0 7px 7px 0;}
ul.gallery.small li { 
  width:180px; 
  height:140px;
  line-height:135px;
  text-align: center;
  padding:0px;
}
ul.gallery.thumb li { width:60px; line-height: 50px;}
ul.gallery li:hover { background-color: #BCB491; }
ul.gallery li a{ text-align: center;margin:0px; padding:0px; }
ul.gallery li a img {  vertical-align: middle;border: none; margin:0px; padding:0px; max-height: 110px;}
ul.gallery.small li img {vertical-align: middle;}


#container-background {width:100%; background: url(../images/bg-nadcontent01.gif) repeat-y center top;}
#container-top-fade {width:100%; background: url(../images/bg-nadcontent.gif) no-repeat center top;}
#container {width:895px; margin:0 auto; background:#f9eedb; text-align:left}
/* #container a {color:#062e6a; text-decoration:none} */
#container a:hover {text-decoration: underline}
#top {width:895px; float:left; height:118px; background:url(../images/bg-top.jpg) no-repeat left top; position:relative}
#top h1.main { margin:0;padding:0; }
#logo {width:452px; height:118px; float:left; display:block; background:url(../images/hoffmeister-logo.png) no-repeat right top}
#languages {height:32px; position:absolute; text-align:right; top:0; right:0; padding-right:10px}
#languages a {margin:10px 8px 0 0; float:left}
#loga-top {height:74px; position:absolute; top:22px; right:2px}
#logo-cesky-vyrobek {margin:12px 10px -12px 0px; }
.zpet {background:url(../images/odr-zpet.gif) no-repeat left 6px; padding-left:9px}

#menu {width:894px; height:36px; line-height:36px;float:left;background:url(../images/bg-menu.gif) repeat-x left top; display:inline; margin:0}
#tmenu {width:100%; border-collapse:collapse; text-align:center; text-transform:uppercase; font-family:Verdena, Tahoma, Arial, Helvetica, sans-serif;; font-size:0.9em}
#tmenu tr td {background:url(../images/bg-menu-td.gif) no-repeat left top; padding-left:1px; min-width:70px;}
#tmenu tr td.uvodni {background:none; padding-right:0}
#tmenu tr td a {color:#fff9f0; text-decoration:none; display:block; background:url(../images/bg-menu-a.gif) repeat-x left top}
#tmenu tr td a span {background:url(../images/bg-menu-span.jpg) no-repeat left top; display:block; padding:0 8px 0 7px}
#tmenu tr td a:hover, #tmenu tr td a:hover span, #tmenu tr td a.current-url, #tmenu tr td a.current-url span {background:transparent; text-decoration:none}

#submenu { height: 24px; width:893px; font-size:12px; background-color:#4E3701; margin:0 1px 0 1px}
#submenu ul { margin:0;padding:0;text-align:center;}
#submenu ul li { list-style:none;display:inline;margin-right:15px;line-height:24px}
#submenu ul li a { color:#FFF;text-decoration:none;}
#submenu ul li.last { margin-right:0px}
.menu-underlineline { background-color:#4E3701; margin:0 1px 0 1px; height: 4px; width:893px; }

#special-offers-bg { background-color: #000000; opacity:0.6;filter: alpha(opacity = 60);}
#special-offers, #special-offers-bg { position: absolute; top: 383px; height:90px; width:651px;margin-left:1px;  z-index: 100;*padding-top:10px; *height:80px; *margin-left:-652px;}
#special-offers.gallery-position, #special-offers-bg.gallery-position { margin-top: 20px }
#special-offers img { border: 1px solid #FFF; }
#special-offer-left, #special-offer-right { width:315px; margin-left:10px; height:74px; color:#FFF;}
#special-offer-left { float: left; }
#special-offer-right { float: right; }
#special-offers a {color: #FFF; text-decoration:none;}

#content {width:895px; float:left; background:url(../images/bg-content.gif) repeat-y left top;line-height:1.3em}
#content-left {float: left;width:653px;}
#rezervace {width:194px; height:140px; float:left; background:url(../images/bg-rezervace.jpg) no-repeat left top; margin:13px 0 0px 8px; display:inline; padding:6px 8px 20px 16px;}
#content-right-text {width:214px; float:left; display:inline; margin:7px 14px 14px 14px; font-size:0.85em}
#content-right-text p {text-align:justify; margin:10px 0 15px 0}
#content-right {float:right; width:242px; background:url(../images/bg-content-left.gif) no-repeat left top;}
#content-right .list-right { margin:0; padding:14px; }
#content-text {padding:20px; float:left; min-width:600px}
#content-text p {margin:0 0 15px 0; text-align:justify}
#content-text ul.arrows {list-style:none; margin:8px 0 10px 10px; padding:0}
#content-text ul.arrows li {background:url(../images/odr01.gif) no-repeat left 7px; padding-left:12px; line-height:1.40em; padding-bottom: 2px;}


.page-head-banner { margin-left: 1px; }

#motive-index {float:left; width:652px; height:315px; background:url(../images/index-motive.jpg) no-repeat left top}
#motive {float:left; width:652px; height:175px}

.box {border:1px solid #c2b386; width:200px; margin:15px 0px 25px 11px; float:left; display:inline; text-align:center; padding:1px; background: url(../images/bg-box-index.gif) repeat-y left top}
.box p {text-align:left; margin:2px 10px 4px 10px; font-size:0.85em}
.box img {padding:1px; border:1px solid #c2b386}
.box h2 {font-size:1.1em; float:left; margin:0 0 4px 0; padding:7px 0 8px 10px; text-align:left; color:#eab837; font-weight:normal}
.box01 h2 {background:url(../images/box01.gif) repeat-x left top; width:190px}
.box02 h2 {background:url(../images/box02.gif) repeat-x left top; width:190px}
.box03 h2 {background:url(../images/box03.gif) repeat-x left top; width:190px}
#content .box01 h2 a, #content .box02 h2 a, #content .box03 h2 a {color:#FFF}
#content .box01 h2 a:hover, #content .box02 h2 a:hover, #content .box03 h2 a:hover {text-decoration:none}
.odkazy a {background:url(../images/odr01.gif) no-repeat left 5px; padding-left:10px}
.garance {font-size: 85%; font-weight: bold; color: #062E6A;}

/*
.gal, .gal1 {clear: both; width: 605px; float:left; margin:0 0 10px 0; font-size: 85%;}
#content .gal a {float:left; display:block; width:150px; padding:5px; margin:5px 20px 5px 20px; text-align:center; text-decoration:none;}
#content .gal a:hover, #content .gal1 a:hover {background:#F7F5DD}
#content .gal a img {border:1px solid #EBE4C0; padding:1px}

#content .gal1 a {float:left; display:block; width:160px; padding:5px; background:#DED4B0;margin:5px 10px; text-align:center; text-decoration:none; border:1px solid #ab9f77}
*/

.gal, .gal1 {clear: both; font-size:85%; line-height:130%}
.gal {margin:10px 0}
.gal img, .gal1 img {border:1px solid #EBE4C0; padding:1px; background-color:#fff; margin-bottom: 5px;}
.gal a, .gal1 a {width:190px; float:left; text-align:center; padding-bottom:4px; margin:0 5px 18px 5px; text-decoration:none}
#container .gal a:hover, #container .gal1 a:hover {background-color:#F7F5DD; text-decoration:none}
.gal br, .gal1 br, .gal2 br {clear:left}
.gal2 {clear: both; font-size:85%; line-height:130%}
.gal2 img {border:1px solid #EBE4C0; padding:1px; background-color:#fff; margin-bottom: 5px;}
.gal2 a {float:left; text-align:center; padding-bottom:4px; margin:0 20px 18px 30px; text-decoration:none}
#container .gal2 a:hover {background-color:#F7F5DD; text-decoration:none}

.gallery-menu {float:left; width:100%; font-size:0.85em;}
.gallery-menu a { text-decoration:none; color:#4E3701;vertical-align:middle;}
.gallery-menu a {display:block; float:left; padding:5px; width:189px; text-align:center; margin: 0 3px 3px 0px; height:143px; line-height:1.2em}
.gallery-menu a img {border:1px solid #bcb491; padding:2px; margin-bottom:5px;background:#F6F0CF;}
#container .gallery-menu a:hover {background:#CABE8A; text-decoration:none; color:#000; }
.small {font-size:0.75em; color:#574209}

.gallery-partners {width:100%; float:left; }
.photo {float:left; width:190px; text-align: center; padding: 5px; margin:5px 40px;}
.photo_location {float:left; width: 80px; height:130px; text-align: center; padding: 5px; margin: 5px 15px 40px;}
.gal-foto {height:98px; float:left; width:100%}

/* Start Bookassist Home Page Booking Calender */
#bookingform{padding:0px 0px 0px 0; font-size:85%; font-family: Tahoma, Arial;}

#bookingform #bookassist_form {font-size:110%; font-weight: bold;  color: #062E6A; }
#bookingform #bookassist_form label{display:block; font-size: 90%; width:191px; padding-bottom:1px; padding-top: 2px; color: #574209; font-weight: normal;}
#bookingform #bookassist_form img { background: transparent url(../images/cal.gif) 0 -32px no-repeat; }
#bookingform #bookassist_form .date_select{margin-bottom:3px; margin-right:3px;}
#bookingform #bookassist_form .date_select{margin-bottom:3px; margin-right:3px;}
#bookassist_form #DatesForm #inday{width:40px; background-color: #FDF7ED; font-size: 80%;}
#bookassist_form #DatesForm #outday{width:40px; background-color: #FDF7ED; font-size: 80%;}
#bookassist_form #inmonthyear{width:120px; background-color: #FDF7ED; font-size: 80%;}
#bookassist_form #outmonthyear {width:120px; background-color: #FDF7ED; font-size: 80%;}
#bookassist_form .date_input {margin-top: 4px; background-color:#D4C6AA; color:#574209; font-size:90%; font-weight: bold; }
#bookassist_form #ba_adults{width:60px;}
#bookassist_form #ba_children{width:60px;}
/* End Bookassist Home Page Booking Calender */

/* For JS-popu-windows */
#calendar{
  display: none;
  position: absolute;
  padding: 0;      
  font-size:11px;
  font-family:Verdena, arial;       
  color:#444;  
  top:0px;
  left:0px;
}
  
.caltab a {color:#5E4D42}

/* For calendar */
.caltab {
    border: 1px solid #333;
    background: #fff;
  font-size:1em;
}
.caltab a:link, .caltab a:visited {
    color: #5E4D42;
}
.caltab a:hover {
    color: #5E4D42;
    border-color: #DBCDCD;     
  background:#DBCDCD;
}
.caltab a:active {
    color: #5E4D42;
    border-color: #933;
}
.caltab td {
    text-align: center;  
}
.caltab td a {
    display: block;
    text-decoration: none;    

}
.caltab td.calheader a {
    display: inline;
    vertical-align: -.2em;
}
.caltab td.calheader img.calNoPrevMonth {
    background: transparent url(http://bookassist.com/scripts/calendar/calprev.png) 0 -32px no-repeat;
    vertical-align: -.2em;
}
.caltab td.calheader img.calNoNextMonth {
    background: transparent url(http://bookassist.com/scripts/calendar/calnext.png) 0 -32px no-repeat;
    vertical-align: -.2em;
}
.caltab td.calheader .calNextMonth img {
    background: transparent url(http://bookassist.com/scripts/calendar/calnext.png) 0 0 no-repeat;
}
.caltab td.calheader .calPrevMonth img {
    background: transparent url(http://bookassist.com/scripts/calendar/calprev.png) 0 0 no-repeat;
}
.caltab td.calheader .calNextMonth:hover img, .caltab td.calheader .calPrevMonth:hover img {
    background-position: 0 -16px;
}
.caltab td.calheader .calNextMonth:active img, .caltab td.calheader .calPrevMonth:active img {
    background-position: 0 -32px;
}
.calheader {
    padding: .2em;
    white-space: nowrap;  
}  
.calheader select {
  font-size:0.9em;
}
.weekdays td {
    border-bottom: 1px solid #ddd;  
}
.days td {
    color: #5E4D42;
    padding: 6px;
    border: 1px solid #fff;  
}
.days td.weekend {
    background-color: #eee;
    border-color: #eee;     
}
         
.days td.gone {
    text-decoration: line-through;      
  padding:0.2em;
  color:#897262
}
.days td.today, .days td.future {
    border: none;
}
#container .days td a {
    /*padding: .1.0em;*/
  padding:1px;
    border: 1px solid #fff;
  color:#302822
}
.days td.weekend a {
    border-color: #eee;  
}
#container .days td.today a {
    background-color: #DBCDCD;   
  border:1px solid #DBCDCD;
  
}
.days td.selected {
    font-weight: bold;
}
#container .days td.selected a {
    border-color: #09c;
  color:#42362e
}             

.caltab .calfoot{
  background:#fff;
    border-top:1px solid #ddd;
}
.caltab .calfoot{
  padding:0;
}
#container .calfoot a {color:#302822}

/* Support for the "iehover-fix.js" */

#calendar iframe {
  position: absolute;
  z-index: -1;
  /*filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0); */  
  width:100%;       
  height:auto;
}
              
#calendar {
  overflow:hidden;
}

* html table.caltab { z-index: 200; }
   
a.calNextMonth, a.calPrevMonth{
  background:transparent !important;
}

/*---------Bookassist Ends----------------*/


#foot {width:935px; margin:0 auto; height:82px; background:url(../images/bg-foot.gif) no-repeat left top; position:relative; font-size:0.85em}
#foot p {margin:0}
#foot a {color:#073370; text-decoration:none}
#foot a:hover {text-decoration: underline}
#foot01 {position:absolute;top:14px; left:45px}
#foot02 {position:absolute; top:14px; left:234px}
#foot03 {position:absolute; top:14px; right:30px; text-align:right}

.dining { margin: 5px 0 15px 0; text-align: left; width: 595px }
.dining td, .dining th { padding: 2px 1px 2px 5px; font-weight: normal; border-bottom: 1px dotted #cebea4 }
.dining td { text-align: right; vertical-align:top}
.dining th { width: 84% }

.promo, .prom, .pack { margin: 10px 0 15px 0; border-collapse: collapse; width: 595px }

.promoleft {width:580px}
.promo td { vertical-align:top; text-align:right }

.promo tr th {text-align:left; border-bottom: 1px dotted #cebea4}
.promo td, .wel td { border-bottom: 1px dotted #cebea4}
.promo th, .wel th, .promoleft th, .promoleft td, .pack th, .pack td { text-align: left; border-bottom: 1px dotted #cebea4 }
.promoleft td.promoleft-right {text-align:right}
.prom td { text-align: right; padding: 5px; border-bottom: 1px  dotted #cebea4}
.prom th {text-align: left; padding: 5px; border-bottom: 1px  dotted #cebea4}
.prom th span {font-weight: normal}
.promo .thead, .pack .thead, .prom .thead { background: #eedec5 }
.pack th, .pack td { padding: 2px 1px 2px 5px }
.pack th {font-weight: normal; width: 420px}

.galh {padding-bottom:5px; width:100%; text-decoration: none; font-weight:bold}
#content-text .podmenu {margin:4px 0 0 0; background:url(../images/odr-podmenu.gif) no-repeat left 7px; padding: 0 0 0 9px}

.tvino {width:100%; margin:10px 0; border-collapse:collapse}
.tvino tr th {font-weight:normal; text-align:left; border-bottom: 1px  dotted #cebea4; padding:5px; width:21%; vertical-align:top}
.tvino tr th.nazev {width:22%}
.tvino tr th.zeme {width:17%}
.tvino tr td {text-align:right; border-bottom: 1px  dotted #cebea4; padding:5px; width:15%; vertical-align:top}
.tvino tr td.rok {text-align:center; width:10%}

/* javasript */
div.jsWin {position:absolute; display:none; z-index:25; background-color:#777; overflow:auto; left:50%; text-align:left}
div#jsTrans {width:100%; height:100%; position:absolute; left:0; top:0; z-index:20; visibility:hidden; background-color:#B4B4B4}
div.jsGal {background-color:#eee; display:none; line-height:1px; margin:10px; position:relative}
div.jsGal img {border:1px solid #000}
div.jsGal div#wMark {position:absolute; right:0; bottom:0; z-index:30; background:url(../images/watermark.gif) 95% 95% no-repeat}
div.jsGal div#toolbox {margin-bottom:1px; background-color:#aaa; border:1px solid #000}
div.jsGal p {position:absolute; top:50px; left:20px; visibility:hidden; color:#fff; background-color:#000; padding:4px; line-height:120%}
div.jsGal input, div.jsGal select {border:1px solid #000; margin:2px; background-color:#fafafa; font-size:100%}
div.jsGal option {padding:0 2px}

@media print {
  #head, #nav, #foot {display:none}
  * {background:none #fff; color:#000}
}
.book_now {
  clear:both;
  border:1px solid #72560C;
  font-family:verdana;
  font-size:10px;
  padding:5px;
  color:#72560C;
  background:#C9BC97;
  font-weight:bold;
}

#slideshow.homepageslide {
  height:315px;
  width:651px;
  margin-left:1px;
}
#slideshow.pageslide,
#slideshow.pageslide-big {
  width:651px;
  margin-left:1px;
}
#slideshow.pageslide {
  height:175px;
}
#slideshow.pageslide-big {
  height:315px;
}
#slideshow {
  position: relative;
  overflow: hidden;
  z-index: 10;
}
#slideshow div {
  position: absolute;
  top: 0;
  left: 0;
}
#slideshow img {
  position: absolute;
  top: 0;
  left: 0;
}
.click-map {
  cursor:pointer;
  color:blue;
}
.flash-container {
 
}
.flash-notice {
  display:none;
  position:absolute;
  top:30px;
  text-align:center;
  width:866px;
  z-index:99999;
  font-size:16px;
  padding: 15px;
  background-color:#4E3701;
  opacity:0.9;
  filter: alpha(opacity = 90);
  color:#FFF;
  -moz-border-radius: 10px; /* FF1+ */
  -webkit-border-radius: 10px; /* Saf3+, Chrome */
  border-radius: 10px; /* Opera 10.5, IE 9 */
  *margin-left:-895px;
}
.notexist {
  font-size: 20px;
  font-weight:bold;
  padding:20px;
}
.art-menu {
  width:86px;
}
.gmapa {
  margin-left:50px;
}

.room-submenu {
  padding:0;
  margin:0 0 10px 0;
}
.room-submenu li {
  display:inline;
  margin-right: 20px;
}
.room-submenu li a {
  color:#7B631D;
}
.room-submenu li a:hover {
  text-decoration:none;
}
a.book-button {
  float:right;
  width:113px;
  height:24px;
  margin-top:15px;
  text-decoration:none;
  background:url(../images/book_button.png);
}
a.book-button:hover {
  background-position:0px -24px;
  text-decoration:none;
}

.room-item {
  margin-top:20px;
}
.room-item hr {
  margin: 10px 40px 0 40px;
  height:0;
  border-width:0;
  color:#FFF;
  background-color:#FFF;
  border-bottom: 1px dotted #7B631D;
}
.room-item h3 {
 font-size:17px
}
.right {
  float:right;
}
.left {
  float:left;
}
a.book-button-text {
  width:113px;
  height:24px;
  margin-left:100px;
  background:url(../images/book_button.png);
}
a.book-button-text:hover {
  background-position:0px -24px;
}
a.non-color {
  color:#574209
}
a.non-color:visited {
  color:#574209
}
a.non-color:hover {
  text-decoration:none;
}
.wedding-imgs li {
  list-style:none;
}
.wedding-imgs li img {
  margin-bottom:10px;
}
.contact-form th, .contact-form td {
  height:30px;
}
.contact-form input[type=text] {
  width:200px;
}
.contact-form textarea {
  width:200px;
  height:100px;
}
#hoff-form textarea {
  width:250px;
  height:70px;
}
#hoff-form .input {
  width:200px;
}

.contact-table {
  margin-left: 30px;
}

.contact-table tr td {
  vertical-align: top;
  width: 280px;
}

#map_canvas {
  margin: 10px 0 0 10px;
}
.popup {
  width: 200px;
  height: 70px;
}
.contact-map-form {
  margin-left: 30px;
}
.blog {
  float: right;
  margin-left: 100px;
}
.blogger-icon {
  margin: 10px 0 0 380px;
}
.blog-link, .reviews-link {
  color:white;
  text-decoration:none;
}
.blog-link:hover, .reviews-link:hover {
  text-decoration:underline;
}


/*---------PG Group styles----------------*/


span.pg_h2 {
  font-family: "Zapfino";
  color: #980932;
}

span.pg_h3 {
  font-family: "Zapfino";
}

span.pg_item {
  font-family: "Amor Sans Pro";
}

.pg {
  margin: 10px 0 15px 0;
  line-height: 20px;
  border-collapse: collapse; 
  width: 595px;
}

.pg tr th {
  font-family: "Amor Sans Pro";
  text-align:left; 
  border-bottom: 1px dotted #cebea4;
}

.pg td {
  font-family: "Amor Sans Pro";
  text-align: right; 
  border-bottom: 1px dotted #cebea4;
}

/*---------add by Tocas----------------*/

.center_align {
  text-align: center;
}

/* Juris Styles */
h2.j-right-headline { 
  clear:both; 
  min-height:23px;
  padding: 7px 0px 0px 13px;  
  margin:20px -14px 5px -14px; 
  color:#fff; 
  background-color:#4f3801;
}

h2.j-right-headline a{
  text-decoration:underline;
  color:#fff;
}

h2.j-right-headline a:hover{
  color:#fad36a;
}

.j-headline-ico{
  float:right;
  margin-top:-20px;
}

.j-submenu { height: 24px; width:650px; font-size:12px; background-color:#4E3701; margin:2px; 1px 2px 1px}
.j-submenu ul { margin:0;padding:0;text-align:center;}
.j-submenu ul li { list-style:none;display:inline;margin-right:17px;line-height:24px}
.j-submenu ul li a { color:#fff;text-decoration:none;}
.j-submenu ul li.last { margin-right:0px}

.j-left-box{
  float:left;
  margin:10px 0px 10px 0px;
}

.j-front-image{
  max-width:250px;
  margin:10px;
}
/* Juris Helpers */
.clear{
  clear:both;
}

.j-center{
  text-align:center;
}