/* CSS Document */

* {
	margin: 0;
	padding: 0;
	border: none;
/*  border: 1px solid #ffffff;*/
}

body {
/*	font-family: Georgia, serif;*/
	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	font-size: 13px;
	background: #c6caa4 url(images/bgrgrad.gif) repeat-x left top;
	color: #311c0c;
	/*color: #f5f5f5;*/
	text-align: center;
}

/*** SECTIONS ***/

#ad {
  padding-top: 20px;
	font-size: 11px;
	font-family: Arial; 
}

#wrapper {
	margin: 40px auto 0px auto;
	width: 760px;
	text-align: left;
	/*border-right: 1px #f8f3d9 solid;*/
}

#scn_top {
  height: 280px;
}

#scn_mid {
  clear: both;
}

#scn_bottom {
  clear: both;
  margin-bottom: 30px;
}

#nav_wrp {
  width: 180px;
  float: left;
  margin-top: 30px;
  _margin-right: -3px;
}

#nav_sign {
  width: 180px;
  height: 130px;
  color: #ff7f2a;
  font-weight: bold;
  font-style: italic;
  background: transparent url(images/pension_bata_sign.jpg) top left no-repeat;
  /*display: inline;*/
  margin-top: 70px;
}

#nav_sign a {
  display: block;
  width: 80px;
  height: 90px;
  margin-left: 30px;
  padding-left: 20px;
  padding-right: 50px;
  padding-top: 40px;
}

#content_wrp {
	background: #311c0c url(images/content_wrp_bgr.gif) left repeat-y;
/*  margin-left: 180px;*/
	_margin-left: 0px;
	width: 580px;
	overflow: hidden;
}

#content {
  background: #f8f3d9 url(images/content_bgr.gif) top repeat-x;
  margin-left: 13px;
  margin-right: 13px;
  padding-bottom: 15px;
  padding-left: 20px;
  padding-right: 20px;
  /*_height: 1%;*/
  min-height:400px;
  height:auto !important;
  height:400px;
  border-left: 2px solid #614f3d;
  border-right: 2px solid #614f3d;
}

#header-left {
  background: transparent url(images/header_left.jpg) no-repeat top right;
  width: 180px;
  height: 100%;
  float: left;
  _margin-right: -3px;
}

#h_home {
  display: block;
  height: 100px;
}

#h_gal {
  display: block;
  height: 160px;
}
 
#header {
  background: url(images/header.jpg);
  margin-left: 180px;
  _margin-left: 0px;
  height: 100%;
}

#header a {
  float: left;
  display: inline;
  width: 100px;
  height: 40px;
  padding-left: 15px;
  padding-top: 12px;
  margin-top: 210px;
  color: #f8f3d9;
  line-height: 120%;
  font-size: 13px;
  font-weight: bold;
  text-align: left;
  text-decoration: none;
  font-style: italic;
  /*font-family: 'Trebuchet MS', Helvetica, sans-serif;*/
}

#header a.navstivit {
  margin-left: 270px;
  padding-top: 30px;
  height: 22px;
  text-align: center;
}

#header a.rezervovat {
  margin-left: 15px;
}

#header a:hover {
  text-decoration: underline;
}

#footer_left {
  background: transparent url(images/footer_left.gif) no-repeat bottom right;
  width: 180px;
  height: 75px; 
  float: left;
  _margin-right: -3px;
	/*display: inline;*/
}

#footer {
	background: url(images/footer.jpg) top no-repeat;
	color: #311c0c;
	height: 75px;
	margin-left: 180px;
  _margin-left: 0px;
	padding-top: 35px;
	padding-right: 30px;
	text-align: right;
	font-size: 10px;
	font-family: Arial;
}
html #footer {
	height: 75px;
	he\ight: 40px;
}
#footer span {
  color: #e3c999;
  display: none; 
}

#welcome {
  margin-left: 170px;
  /*_margin-left: 0px;*/
  margin-top: 10px;
  border-left: #8a916f 1px solid;
}

/*** endof SECTIONS ***/

/*** ELEMENTS ***/

h1 {
	font-size: 20px;
	font-weight: normal;
	color: #f8f3d9;
  /*line-height: 200%;*/
  letter-spacing: -0.03em;
  word-spacing: 0.05em;
  height: 35px;
	/*clear: left;*/
	text-align: left;
/*	padding-right: 160px;*/
	margin-top: 0px;
	margin-bottom: 30px;
	padding-left: 35px;
	padding-top: 5px;
	background: url(images/h1_bgr.gif) right top no-repeat;
	font-family: 'Trebuchet MS', sans-serif;
	
}

h2 {
	font-size: 14px;
	font-weight: bold;
	margin-top: 20px;
	line-height: 90%;
	padding-left: 10px;
	color: #311c0c;
}

h2.popisp {
  font-style: italic;
  margin-left: 10px;
  padding-left: 20px;
  line-height: 200%;
  color: #ff7f2a;
  background: url(images/box.gif) left no-repeat;
}

h2.rezervace {
  font-size: 14px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 0;
	padding-bottom: 0;
	line-height: 30%;
	padding-left: 20px;
	color: #311c0c;
}

h3 {
	font-size: 13px;
	font-weight: bold;
	line-height: 200%;
	padding-left: 10px;
	/*margin: 10px;*/
}

p {
	margin: 5px;
	padding: 5px;
	word-spacing: 0.25em;
	line-height: 130%;
}

p.blue {
  margin: 10px;
	padding: 5px;
  padding-top: 0px;
}

p.orange em {
  font-weight: bold;
  color: #6ca06b;
}

p.form {
  color: #677821;
}

p.price {
  /*background: url(images/cena_bgr.gif) top center no-repeat;*/
  text-align: center;
  margin-top: 15px;
  margin-left: 10px;
  font-weight: bold;
}

a {
	/*color: #ff7f2a;*/
	color: #d8600a;
	text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

em {
  font-style: normal;
  font-weight: normal;
  color: #677821;
}

em.wc {
  font-size: 16px;
  font-style: italic;
  font-weight: normal;
  margin-bottom: 30px;
  color: #677821;
}
/*
ul {
	margin-left: 50px;
	list-style-image: url(images/list_arrow.gif);
	vertical-align: bottom;
	line-height: 160%;
}
*/
#content ul {
  margin: 10px 25px 10px 15px;
  line-height: 160%;
  color: #311c0c;
  font-weight: normal;
  letter-spacing: 0em;
  /*list-style-image: url(images/list_arrow.gif); */
  list-style-position: outside;
  list-style-type: none;
}

#content li { 
  background: url(images/list_arrow.gif) left top no-repeat; 
  padding-left: 25px;
  /*padding-top:10px; */
}

#formwrp li {
  background: none;
  padding-left: 10px;
} 
/*** endof ELEMENTS ***/

/*** GENERIC ***/

.stick {
  background: url(images/corner.gif) bottom right no-repeat;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  width: 180px;
  padding: 15px;
  display: inline;
}

.box {
  margin-left: 10px;
  margin-right: 10px;
}

.num {
  font-family: Arial, sans-serif;
  letter-spacing: 0.0em;
  font-size: 12px;
}

.dull {
  font-size: 11px;
  color: #614f3d;
}

.ctr {
  text-align: center;
}

.ctr p {
  margin-left: auto;
  margin-right: auto;
}

.ctr div {
  margin-left: auto;
  margin-right: auto;
}

.clr {
	clear: both;
}

.clrl {
	clear: left;
}

.clrr {
	clear: right;
}

.left {
  float: left;
}

.right {
  float: right;
}

.pokoje p {
  /*background: url(images/pcorner.gif) bottom right no-repeat;*/
}

.imglinkl, .imglinkr {
	/*border: 3px solid #f5f5f5;*/
	margin: 10px 15px 15px 0;
	/*display: block;*/
}

.imglinkl {
	float: left;
}

.imglinkr {
	float: right;
}

.blok {
  margin-left: 10px;
  margin-right: 10px;
  border-top: 2px solid #ecf8fd;
  border-bottom: 2px solid #ecf8fd;
}

.blokt {
  margin-left: 10px;
  margin-right: 10px;
  border-top: 1px solid #fff6e5;
}

.blokb {
  margin-left: 10px;
  margin-right: 10px;
  border-bottom: 1px solid #fff6e5;
}

.spacer {
  height: 30px;
}

.spacersm {
  height: 15px;
}

.hide {
  display: none;
}

p.price span {
  display: block;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #ff7f2a;
  margin-bottom: 2px;
  font-family: Arial, sans-serif;
}

/*** endof GENERIC ***/

#galshow {
  display: none;
  background: #311c0c;
  background-image: none;
  color: #f5f5f5;
  position: absolute;
  top: 0;
  left: 0;
  /*padding: 24px;*/
  width: 90px;
  height: 60px;
  border: 1px solid #614f3d;
}

#galshow.loading {
  background: #311c0c url(images/spinner.gif) no-repeat center center;
}

#galshow img {
  margin: 18px;
  border: 1px solid #f8f3d9;
  display: none;
}

#galshow_title {
  display: none;
  background: #f5f5f5 url(images/title_bgr.gif) top right no-repeat;
  color: #311c0c;
  position: absolute;
  top: 0;
  left: 0;
  width: 360px;
  height: 0px;
  /*padding-top: 15px;*/
}

#galshow_title.bgr_sel {
  background: #f5f5f5 url(images/title_bgr_sel.gif) top right no-repeat;
}

#title {
  font-size: 13px;
  font-style: italic;
  font-weight: bold;
/*  font-family: Arial, sans-serif;*/
  color: #311c0c;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 360px;
  height: 30px;
  text-align: center;
  padding-top: 7px;
  cursor: hand;
}

#title h1 {
  font-size: 11px;
  font-family: Arial, sans-serif;
  color: #311c0c;
}

/*** GALLERY ***/

#galwrp {
  height: 100%;
}

#galwrp h2 {
  /*background: #e6cf73 url(images/gal_h2_bgr.gif) no-repeat right center;*/
  font-size: 14px;
  margin: 0;
  line-height: 100%;
  padding: 3px;
  padding-right: 15px;
  clear: both;
  text-align: right;
  border-bottom: 1px solid #311c0c;
  margin-left: 30px;
  margin-right: 15px;
  margin-bottom: 2px;
}

#galwrp h3 {
  font-size: 14px;
	font-weight: bold;
	margin-top: 60px;
	margin-bottom: 60px;
	line-height: 200%;
	padding-left: 100px;
	color: #311c0c;
}

#gal_left {
  background: url(images/galbgr_sun.gif) bottom left no-repeat;
  padding: 10px;
}

/*** endof GALLERY ***/

#map {
  margin: 10px;
  border: 5px solid #311c0c;
}

#formwrp {
  background: #311c0c url(images/form_bgr.gif) no-repeat left top;
  color: #ff7f2a;
  width: 290px;
  /*margin-left: 140px;
  _margin-left: 0px;*/
  margin-left: 10px;
  margin-top: 10px;
  padding: 5px;
  font-family: 'Trebuchet MS', Helvetica, sans-serif;
  font-weight: bold;
  font-size: 11px;
  
}

/*** CENIK - tabulka ***/

#mytable {
	/*width: 420px;*/
	margin-left: 10px;
}

#mytable caption {
	padding: 0 0 5px 0;
	width: 360px;	 
	font: italic 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

#mytable th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #311c0c;
	border-right: 1px solid #db6d24;
	border-bottom: 1px solid #db6d24;
	border-top: 1px solid #db6d24;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: center;
	padding: 6px;
	background: #ff7f2a;
	width: 50px;
}

#mytable th.nobg {
	border-top: 0;
	border-left: 0;
	border-left: 1px solid #fff2da;
	border-right: 1px solid #fff2da;
	background: none;
}

#mytable td {
	border-right: 1px solid #a4a788;
	border-bottom: 1px solid #a4a788;
	background: #c6caa4;
	padding: 6px;
	color: #311c0c;
	text-align: center;
}


#mytable td.alt {
	background: #F5FAFA;
	color: #797268;
}

#mytable th.osoby {
	border: 1px solid #614f3d;
	border-top: none;
	color: #ff7f2a;
	background: #311c0c;
}

#mytable #osoby_h {
  background: #311c0c url(images/arrow2.gif) bottom center no-repeat;
}

#mytable th.pokoj {
	border-left: 1px solid #db6d24;
	background: #ff7f2a url(images/arrow1.gif) center right no-repeat;
}

#mytable th.specalt {
	border-left: 1px solid #fff2da;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}

#mytable td.img {
  border-right: 1px solid #db6d24;
  background: #e47225;
  color: #f8f3d9;
  font: normal 10px Verdana, Arial, Helvetica, sans-serif; 
}