html {
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	padding: 0;
	background: #d4c7b3;
	color: #000;
	font: .8em/1.3 Verdana,Arial,sans-serif;
	background: #d4c7b3 url(../img/header_bg.jpg) repeat-x;
}

#page {
	position: relative;
	margin: 0 auto;
	padding: 0 14px;
	width: 914px;
background: url(../img/right_bg.jpg) 691px 0px repeat-y;
	overflow: hidden;
}

#page a{
color:#D3891C;	
}

h1
{
	width: 914px;
	height:246px;
	background:white  url(../img/header.jpg) no-repeat;
margin: 0 auto;

}

.headerodkaz
{
position:absolute;
top:30px;
left:38px;
width:225px;
height:120px;

}

/*
h1 {
  width:914px;

	height: 246px;
	background: url(../img/header.jpg)  no-repeat;
}
h1 a {
	position: absolute;
	display: block;
	width: 225px;
	height: 120px;
	left: 38px;
	top: 30px;
	overflow: hidden;
}
h1 a span {
	position: absolute;
	display: block;
	width: 225px;
	height: 120px;
	left:0px;
	top:0px;
	background: url(../img/logo.jpg) 0 0 no-repeat;
}
*/
h2{
  margin: 0;  
  
  font-size: 1.1em;
  color:#d48c0c;
  height:32px;
  
  line-height: 28px;
}
 h2.title{


	background:  url('../img/title.jpg') no-repeat;
	padding:0px 0 0 20px;
}

#page #centrum{
  background:white url('../img/content-li.jpg')left top repeat-y;
  margin:0 13px;  
}

#main
{
position:relative;
float:left;

background:white;
margin:-10px 0 0 0px;
_margin:-10px 0 0 0px;
padding:10px 10px 0 10px;
width:630px;
}


#main #content
{

position:relative;
float:left;
margin:0;
background:#e8ddcd;
padding:10px 20px;
width:600px;
}

#main #content #obsah 
{
position:relative;
float:left;
margin:0;
background:#e8ddcd;
padding:15px 20px;
width:570px;
overflow: hidden;
}
#content ul{

}

#right
{
float:right;
position: relative;

margin:-10px 0px 0 0;
_margin:-10px 0px 0 0;
padding:10px 10px 0 0;
background:white;
text-align: center;
width:219px;
}

#pravysloupec
{


margin:-10px 0 0 0px;

padding:0 0 0 0px;
width:217px;
height:233px;
background:white url(../img/mapa.jpg) 0 0 no-repeat;
}

hr.cl {
	clear: both;
	height: 1px;
	margin: -1px 0 0 0;
	padding: 0;
	border: none;
	visibility: hidden;
}
.grey{
  text-align: center;
  background-color: rgb(212,199,180);
}
a#fotogalerie{
  
  display: block;
  text-align: center;
  width:207px;
  height:28px;
  margin:0 0 1px 6px;
  _margin-right:3px;
  background:white url(../img/fotogalerie.jpg) 0 0 no-repeat;
}



a#akce{
  
  display: block;
  text-align: center;
  width:207px;
  height:28px;
  margin:0 0 1px 6px;
  _margin-right:3px;
  background: url(../img/akce.jpg) 0 0 no-repeat;
}



a#predprodej{
  
  display: block;
  text-align: center;
  width:207px;
  height:28px;
  margin:0 0 1px 6px;
  _margin-right:3px;
  background:white url(../img/rezervace.jpg) 0 0 no-repeat;
}

a#all-inclusive{
  position: relative;
  display: block;
  width:207px;
  margin:0 0 0 6px;
  _margin-right:3px;
  height:58px;
  background:white url(../img/all-inclusive.jpg) 0 0 no-repeat;
}
a#all-inclusive2{
  position: relative;
  display: block;
  width:207px;
  margin:0 0 1px 6px;
  _margin-right:3px;
  height:22px;
  background:white url(../img/all-inclusive1.jpg) 0 0 no-repeat;
}
a#klub{
  position: relative;
  display: block;
  width:207px;
  margin:0 0 1px 6px;
  _margin-right:3px;
  height:28px;
  background:white url(../img/klub.jpg) 0 0 no-repeat;
}
a#news-n{
  position: relative;
  display: block;
  width:207px;
  margin:0 0 1px 6px;
  _margin-right:3px;
  height:28px;
  background:white url(../img/news.jpg) 0 0 no-repeat;
}

a#certifikat{
  position: relative;
  display: block;
  width:207px;
  margin:0 0 0px 6px;
  _margin-right:3px;
  height:28px;
  background:white url(../img/certifikat.jpg) 0 0 no-repeat;
}
a#facebook{
  position: relative;
  display: block;
  width:207px;
  margin:3px 0 0px 6px;
  _margin-right:3px;
  text-align: center;
  height:37px;
  background: url(../img/facebook.jpg) center top  no-repeat;
}


#news h3 a, #new_detail h3,.news-item h3 a{
  margin:4px 0 0 0px;
  

  padding:0 0 0 0px;
  width:440px;
  height:38px;
  line-height:22px;
  font-size:0.9em;
  color:#D3891C;
}


#news img
{

float:left;
margin: 2px 15px 0 0;
border: 2px solid #D3891C; 
}

#new_detail a img
{
border:2px solid #D3891C;
float:left;
margin-top:10px;
margin-right:15px;
margin-bottom:5px;
}




#footer
{

width:914px;
height:33px;
position:relative;
margin:-1px 0 0 0;
##margin:-14px 0 0 0;
padding:20px 0 0 214px;
width:700px;
	background:  url(../img/footer.jpg) no-repeat;
color:#5B5343;
}


#footer a
{


color:#5B5343;
}


#menu {
	position: absolute;
	left: 27px;
	top: 179px;
	
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#virtual {
	position: absolute;
	left: 51px;
	top: 500px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menu li {
	display: block;
	float: left;
	text-align: center;
	margin: 0 1px 0 0;
	padding: 0;
}
#menu li{
	
}
#menu li.m1 a{
	width: 139px;
	background: url('../img/1.jpg') left top no-repeat;
}
#menu li.m2 a {
	width: 67px;
	background: url('../img/2.jpg') left top no-repeat;
}
#menu li.m3 a{
	width: 124px;
	background: url('../img/3.jpg') left top no-repeat;
}
#menu li.m4 a{
	width: 113px;
	background: url('../img/4.jpg') left top no-repeat;
}

#menu li.m5 a{
	width: 127px;
	background: url('../img/5.jpg') left top no-repeat;
}

#menu li.m6 a{
	width: 103px;
	background: url('../img/6.jpg') left top no-repeat;
}
#menu li.m7 a{
	width: 102px;
	background: url('../img/7.jpg') left top no-repeat;
}
#menu li.m8 a{
	width: 102px;
	background: url('../img/8.jpg') left top no-repeat;
}
#menu li a, #menu li a:link, #menu li a:visited {
	color: white;
	font-weight: normal;
	text-decoration: none;
  display: block;
	height: 57px;
}
#menu li a:hover {
	color: white;
	font-weight: bold;
	font-size:12px;
	text-decoration: underline;
	background-position: right top;
}

#menu li a.active {
	color: white;
	font-weight: bold;
	font-size:12px;
	text-decoration: underline;
	background-position: right top;
}

#menu ul {
	position: absolute;
	left: 0px;
	top: 45px;
	margin: 0;
	padding: 17px 12px 10px 21px;
	background: #ffc3ae ;
	list-style-type: none;
	width: 190px;
}


.odkaz
{
display:block;
position:absolute;
top:60px;
left:0;
width:222px;
height:170px;

}
.no_css{
  display: none;
}

.barva
{
color:#D3891C;

}
#content a{
  color:#D3891C;
}
#content img.noborder{
  border:none;
}
.gallery{

  width:130px;

height:100px;
  float:left;
  text-align: center;
  margin:6px 4px;

}


.gallery a img{

  border:2px solid #D3891C;
}
#meal-menu strong{
 float:left;
 
}
#content ul#meal-menu{
  list-style: none;
  
  width:500px;
}
#meal-menu li{
  list-style-position: 0px 4px;
  clear: both;
  margin:10px 0;
}

.price{
  float: right;
  font-weight: bolder;
  margin-right: 50px;
}
.clear_both{
  clear: both;
  
}

.napravo
{

float:right
}


.nalevo
{

float:left;
margin-right:5px;
margin-bottom:2px;
}



.form .radio{
  width:20px;
}
.form li {
  padding-right:10px;
}


form
{
  margin: 0;
  width: 510px;
}

label
{
  display: block;
  float: left;
  width: 170px;
  text-align: left;
}
textarea{
  width:400px;
  height:150px;
}
.margin_left{
  margin-left:10px;
}
.chyba{
  color:#a00;
}
.good{
  color:green;
}
form div{
  margin:2px 0;
}
#content strong{
  font-size: 0.9em;
}

table td{
  padding:2px 5px;
}
 #calendar_from
{
  top: 260px;
  _top: 275px;
  margin-left: 270px;
  position: absolute;
  width: 18px;
  height: 20px;
  background: url(../images/calendar.gif); 
}

#calendar_to
{
  top: 285px;
  _top: 300px;
  margin-left: 270px;
  position: absolute;
  width: 18px;
  height: 20px;
  background: url(../images/calendar.gif); 
}

#time_select
{
  position: absolute;
  top: 0;
  left:0;
  color: #222;
  background: #fafaff;
  font-size: 1.2em;

  padding: 10px;
  padding-right: 30px;
  margin-left: 0;
  text-align: center; 
  visibility: hidden;
  border: 1px solid #666;
}

  #time_select a
  {
    color: #fff;
    text-decoration: none;
  }
  
  #time_select a:hover
  {
    text-decoration: underline; 
  }  
  

#cal_tab
{
  width: 200px;
  padding: 10px;
}

#calendar_table
{
  text-align: center;
  width: 200px;
  height: 140px; 
  border-left: 2px solid #800;
  border-top: 2px solid #800;
  border-bottom: 1px solid #800;
  border-right: 1px solid #800;
}


#content #calendar_table th       
{
  border-right: 1px solid #999;
  border-bottom: 2px solid #999;
  background: #0A5687;
  color: #fff;
  padding: 0 5px;
  height: 20px;
  width: 40px;
  font-size: .8em;
  overflow: hidden;
}


#content #calendar_table td
{
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  height: 20px;
  line-height: 20px;
  width: 50px;
  background: #fff;
  overflow: hidden;

}



#page #calendar_table td.weekend
{
  background: #d4c7b3;
  color:#000;
}

#page #calendar_table td.today
{
  background: #79c1f5;
  color:#000;
}


  #calendar_table a
  {
    color: #fff;
    text-decoration: none;
  }
  
  #calendar_table a:hover
  {
    text-decoration: underline; 
  }  


#month_year_select
{
  padding-left: 35px;
}

#month_year_select span
{
  height: 25px;
  line-height: 25px;
  overflow: hidden;
  display: block;
  float: left;
}

#month_year_select span.month_select
{
  width: 100px;
}

#month_year_select span.year_select
{
  width: 50px;
}

#month_year_select span.right_arrow
{
  width: 25px;
  background: url(../images/cal-arrow-right.jpg) center no-repeat;
}
  
#month_year_select span.left_arrow
{
  width: 25px;
  background: url(../images/cal-arrow-left.jpg) right center no-repeat;
}

#month_year_select span.left_long_arrow
{
  width: 40px;
  background: url(../images/cal-long-arrow-left.jpg) center no-repeat;
}


#month_year_select span.right_long_arrow
{
  width: 40px;
  background: url(../images/cal-long-arrow-right.jpg) center no-repeat;
}
  
#hour
{
  width: 20px;
}

#minute
{
  width: 20px;

}