/* CSS Document */
body{
  margin: 0; 
  padding: 0;
  text-align: center; 
  background: #ebffc2;
  font-size: 100%;
  font-family: arial,helvetica,clean,sans-serif;
  abackground: url("/img/bg1.jpg") repeat-x top center;
} 
h1{
  color: #803717;
}
h2{
  color: #006c91;
}
h3{
  color: #006c91;
}
em{
  color: red;
}
a{
  color: #006c91;
}
a:hover{
  text-decoration: none;
}
table{     
  width: 100%;
}
table.example1{
  width: 100%;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(105,40,22);
  border-collapse: collapse;
}
table.example1 td{
  padding: 2px;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(67,65,78);
}
table td p {
	margin: 0 !important;
	padding: 0 !important;
}

table.example1 thead{
  background-color: rgb(132,223,254);
  font-weight: bold;
}
table.example1 tbody{
  background-color: rgb(251,250,245);
}

#main{ 
  width: 963px; 
  margin-left: auto; 
  margin-right: auto; 
  padding-left: 30px;
  text-align: left;
  position: relative;
  background: url("/img/sloupTR.jpg") no-repeat 940px top;
  adisplay: none;
}
#max{
  position: relative;
  amax-width: 1493px;
  overflow: hidden;
  margin-bottom: -743px;
}
#bg1{
  background: url("/img/bg.jpg") repeat-x;
  height: 409px;
  width: 868px;
  margin: 0 20px 0 42px;
}
#bg2{
  background: url("/img/sloupTL.jpg") no-repeat;
  height: 409px;
  width: 55px;
}
#bg3{
  background: url("/img/bg1.jpg") repeat-x;
  width: 48%;
  float: left;
  height: 743px;
  position: relative;
}
#bg4{
  background: url("/img/bg2.jpg") repeat-x;
  width: 48%;
  float: right;
  position: relative;
  aposition: absolute;
  aright: 0;
  height: 743px;
}
#bg5{
  awidth: 1547px;
  awidth: 381px;
  awidth: 100%;
  position: relative;
  aposition: absolute;
  afloat: right;
  margin: 0px 371px 0px 0px;
  height: 180px;
  background: url("/img/bg5.jpg") right top no-repeat;
}
#bg6{
  width: 266px;
  aposition: absolute;
  margin: 0px 0px 0px 446px;
  height: 44px;
  afloat: left;
  aright: 0;
  background: url("/img/bg6.jpg") no-repeat right;
}
/* Head
------------------------*/
#head{
  height: 334px;
  margin: 0 53px 0 -27px;
  aposition: relative;
  background: url("/img/head.jpg") no-repeat #fff8de 0px top;
}
#head #logo{
  display: block;
  position: absolute;
  left: 79px;
  top: 21px;
  padding-top: 0;
  width: 219px;
}
#head #logo img{
  border: 0;
}
#head #menu{
  position: absolute;
  left: 741px;
  top: 6px;
  padding: 0;
  margin: 0;
  list-style: none;
}
#head #menu li{
  margin: 0;
  height: 52px;
  margin-bottom: 1px;
  display:list-item;
  background: url("/img/m.png") no-repeat;
}
#head #menu li a{
  height: 31px;
  padding: 19px 0 0 36px;
  font-size:20px;
  color:#2c2b31;
  text-decoration:none;
}
#head #menu li:hover{
  background-position: left -52px;
}

#head #menu li.m1 a{
  background: url("/img/m1.jpg") no-repeat;
}
#head #menu li.m2 a{
  background: url("/img/m2.jpg") no-repeat;
}
#head #menu li.m3 a{
  background: url("/img/m3.jpg") no-repeat;
}
#head #menu li.m4 a{
  background: url("/img/m4.jpg") no-repeat;
}
#head #menu li.m5 a{
  background: url("/img/m5.jpg") no-repeat;
}
#head #menu li.m6 a{
  background: url("/img/m6.jpg") no-repeat;
}
#head #menu li a{
  background-position: left top;
  display: block;
  width: 199px;
  height: 52px;
}
#head #menu li a:hover{
  background-position: left bottom;
}  
#vlajky{
  position: absolute;
  left: 934px;
  top: 8px;
}
#vlajky a{
  display: block;
}
#vlajky img{
  border: 0;
}
#dotaz-a{
  width: 200px;
  margin-right: 130px;
}
#dotaz-b, #dotaz-c{
  width: 200px;
  margin-right: 130px;
}
#dotaz-d{
  width: 390px
}

/* Body
------------------------*/
#bodyBg{
  background: url("/img/sloupL.jpg") #fff2b7 repeat-y;
  margin: 0 20px 0 42px;
}
#body{
  background: url("/img/sloupR.jpg") repeat-y right top;
  padding: 0 65px 0 65px;
  width: 791px;
  position: relative;
}
#bodyFoot{
  clear: both;
  padding-top: 25px;
  padding-bottom: 25px;
}
#bodyFoot ul{
  margin: 0;
  padding: 0;
  clear: both;
}
#bodyFoot ul li{
  margin: 0;
  padding: 0;
  float: left;
  list-style: none;
}
#bodyFoot ul li a{
  color: #2d2b35;
  padding: 25px;
  font-weight: bold;
  background: url("/img/bullet1.gif") no-repeat left center;
}
#bodyFoot ul li a.small{
  padding: 25px 20px 25px 20px;
  font-size: 90%;
}
#bodyFoot ul li.first a{
  background: none;
  padding-left: 25px;
}
#bodyFoot ul li a:hover{
  color: #ad441a;
}
/* LeftColumn
------------------------*/
#fotoramecek img{
  border: 0;
  float: left;
}
#fotoramecek{
  position: absolute;
  atop: 150px
  smargin-left: -100px;
  margin-top: -591px;
  float: left;
  left: -69px;
  adisplay: none;
}
#content{
  padding: 10px;
  apadding-left: 110px;
  position: relative;
  margin-top: -394px;
  margin-left: 110px;
  float: left;
  width: 670px;
}
/* Foot
-----------------------*/
#foot{
  background: url("/img/bgFoot.jpg") no-repeat;
  width: 753px;
  padding: 65px 110px 30px 110px;
  margin-top: 0;
  clear: both;
  color: gray;
}
#foot a{
  color: gray;
}
#foot .right{
  float: right;
  width: 400px;
  text-align: right;
  font-size: 90%;
  position: relative;
  top: -22px;
}
#foot .left{
  float: left;
  text-align: left;
  width: 340px;
}
.clear{
  clear: both;
}
.none{
  display: none;
}
.form1 label{
  display: block;
  width: 180px;
  float: left;
}
.form1 input{
  margin: 0 0 1px 0;
  display: block;
  float: left;
  padding: 1px;
}
.form1 textarea{
  padding: 1px;
  margin: 0;
}
#dotaz-tlacitko{
  padding: 0px 10px 0px 10px;
  background: rgb(126,57,24);
  width: 138px;
  display: block;
  cursor: pointer;
  text-align: center;
  margin: 5px auto 10px auto;
  color: white;
  font-weight: bold;
  border: 0;
  height: 33px;
  float: none;
 }
#dotaz-tlacitko:hover{
  text-decoration: underline;
}
#dotaz-mail, #dotaz-jmeno, #dotaz-mobil{
  width: 200px;
  margin-right: 130px;
}
#dotaz-text{
  width: 390px;
}
.obligatory{
  font-weight: bold;
}
#dotaz-rezervaci{
    padding: 0px 10px 0px 10px;
  background: rgb(126,57,24);
  width: 158px;
  display: block;
  cursor: pointer;
  text-align: center;
  margin: 5px auto 10px auto;
  color: white;
  font-weight: bold;
  border: 0;
  height: 33px;
  float: none;
}
#content ul li p{
  margin: 0;
  padding: 0;
}

/* links */
div.links {
	font-size: 80%;
	padding-top: 8px;
}

/*  banner */
#banner1{
  position: absolute;
  top: 150px;
  left: 390px;
  width: 293px;
  height: 65px;
  background: url('/img/jedenradek.png') no-repeat;
  overflow: hidden;
}
#banner2{
  position: absolute;
  top: 150px;
  left: 390px;
  width: 293px;
  height: 99px;
  background: url('/img/dvaradky.png') no-repeat;
  overflow: hidden;
}
#banner1 h2, #banner2 h2, #banner1 h3, #banner2 h3, #banner1 h4, #banner2 h4{
  margin: 0;
  padding: 7px 0px 7px 0px;
  color: red;
  text-align: center;
  font-size: 110%;
}
#banner1 p, #banner2 p{
  margin: 0;
  padding: 2px 20px 2px 20px;
  text-align: center;
}
#banner1 em, #banner2 em{
  padding: 0px 5px 0px 5px;
  color: red;
  font-weight: bold;
  font-style: normal;
}
#banner1 strong, #banner2 strong{
  padding: 0px 5px 0px 5px;
}


/* info hlasky */
div.green, #body-info, #body-error, div.red {
  margin: 10px 0px 10px 0px;
  padding: 7px 10px;
  clear: both;
}
div.green p, div.red p {
  margin: 0; padding: 0;
}
div.green p a, div.red p a {
  text-decoration: underline;
  font-size: 1.1em;
}
div.green {
  background: #e7ffcb;
  border: 1px solid #aac979;
}
div.red {
  background: #f9e9e2;
  border: 1px solid #ecc6c0;
}
div.green p a {
	color: #2a5416;
}
div.red p a {
	color: #6d413a;
}

/*banery*/
.ban_radek a{
	margin: 10px 0px 10px 30px;
}
.ban_radek img{
	border: 1px solid gray;
}
.ban_radek{
	margin-left: 10px;
}
#stred{
	margin-left: 140px;
}

#foot .top {
	height: 25px;
}
#code {
	width: 600px;
	border: 1px dashed black;
	padding: 20px;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-top: 30px;
	float:left;
	text-decoration: none;
	color: black;
	min-height: 50px;
}
iframe{
	clear:both;
}

#obr1{
	float: left;
	width: 160px;
	height:600px;
	position: relative;
	left: 243px;
}
#obr2{
	float: left;
	width: 250px;
	height:250px;
	position: relative;
	left: 197px;
}
#obr3{
	float: left;
	width: 120px;
	height:240px;
	position: relative;
	left: 260px;
}
#obr4{
	float: left;
	width: 468px;
	height: 60px;
	position: relative;
	left: 86px;
}
#obr5{
	position: relative;
	left: -96px;
	width: 745px;
	height: 100px;
	float:left;
}
/******************************************************************/
/* CAPCHA 														  */
/******************************************************************/

.capchaOffset { position:relative; top:-10px; }
input.capchaOffset { margin-left:120px !important; width:111px; }
.capcha { position:absolute; margin-left:180px;margin-top:1px; }
.form1 input[type=submit] { clear:both;position:relative;top:8px; }