html {
  margin: 0;
	padding: 0;
	height: 100%;
	background: #4c2b22 url('../img/bg.jpg') repeat; 
}


#song

{
position:absolute;
left:190px;
top:205px;
z-index: 100;

}


body {
	background:url('../img/head_bg2.jpg') repeat-x; 
	font: 0.8em/1.2 Verdana,Arial,sans-serif;
	margin: 0;
	padding: 0;
	height: 100%;
  color:#000;
  margin:0 auto;
  text-align: center;
}
body.home{
  background:url('../img/head_bg.jpg') repeat-x;
}
#page{
  width:952px;
  padding:0 8px;   
  margin:0 auto;
  text-align: center;
  position: relative;
}
body.home #page{
  background:url('../img/stin.png') 0 223px no-repeat;
}
#page a{
  color:#000;
}

#main {
  width:952px;
  margin:70px 0 0 0;  
}
body.home #main{
  margin:30px 0 0 0;
}

.pics{  
  height:246px;  
  width:607px;
  padding: 0;  
  margin:  0;
  overflow: hidden;
  float: right;  
  position: absolute;
  top:0px;
  left:345px;
  z-index: 1;
}
.pics img{   
  background-color: #fff;  
  width:607px; 
  height: 246px; 
  top:  0; 
  left: 0 
} 



#header
{
  width:952px;
	margin: 0;
	padding: 0;
	height: 246px;
	background: url('../img/header.jpg') 0 0 no-repeat;
  position: relative;
  z-index: 1;
  margin:0 auto;
  text-align: center;
}


/*vlajky*/

#header #flags{
  position:absolute;
  left:20px;
  top:220px;
  width:430px;
  list-style: none;
  margin: 5px 0 0 0;
  padding:0;
}
#header #flags li{
  float:left;
  width:31px;
  height:20px;
  line-height: 26px;
  
  margin:0 10px;
  
  
}
#header #flags li a{
  color:#8b0b3d;
  padding:0 0px 0 30px;
  width:31px;
  height:20px;
  text-decoration: none;
  background-position: left center;
}
#header #flags li a.cz{
  background:  url('../img/cz.jpg') left center no-repeat;

  
}
#header #flags li a.en{
  background:  url('../img/en.jpg') left center no-repeat;

}
#header #flags li a.de{
  background:  url('../img/de.jpg') left center no-repeat;
  
}


#offer_pack{
  position: relative;
}
#offer_pack #offer_left, #offer_pack #offer_right{
  width:26px;
  height: 25px;
  display: block;
  position: absolute;
  top:70px;
  cursor: pointer;
  z-index: 20;
}
#offer_pack #offer_left{
  background: url('../img/left.jpg') 0 0 no-repeat;
  left:20px;
}
#offer_pack #offer_right{
  background: url('../img/right.jpg') 0 0 no-repeat;
  left:910px;
}
#offer_pack #offer_title{
  background: url('../img/nabidka.jpg') 0 0 no-repeat;
  position: absolute;
  left:347px;
  top:34px;
  width:199px;
  height:34px;
}
#offer_pack #offer #offer_img{
  background: url('../img/fotobox.jpg') 0 0 no-repeat;
  position: absolute;
  left:75px;
  top:0px;
  width:226px;
  height:175px;
}
#offer_pack #offer #offer_img img{
  position: relative;
  top:39px;
  left:0px;
}
#offer_pack #offer #offer_content{
  position: absolute;
  left:347px;
  top:80px;
  width:526px;
  text-align: justify;
}
#offer{
  width:952px;
	margin: 0;
	padding: 0;
	height: 227px;
	
  position: relative;
  z-index: 1;
    
}

h1 {
  width:342px;
  height: 86px;
	margin: 0;
	padding: 0;
  position: absolute;
  top:136px;
  left:0px;
}

h1 a {
	width:342px;
  height: 86px;
	overflow: hidden;
	position: absolute;
	top:0px;
	left:0px;
}

h1 a span {
	position: absolute;
	top:0px;
	left:0px;
	display: block;
	width: 342px;
	height: 86px;
	background: url('../img/logo.jpg') 0 0 no-repeat;
}




.no_css{
  display: none;
}

hr.cl{
  clear: both;
  height: 1px;
  line-height:1px;
  margin: -1px 0 0 0;
  padding: 0;
  border: none;
  visibility: hidden;
}
.clear, .clear_both{
  clear: both;
}

#left{
  width:337px;
  padding:0px 0 0 0;
  float:left;
}
#open_time{
  width:337px;
  height:441px;
  background: url('../img/oteviracidoba.jpg') left top no-repeat;
}
#newsletter{
  width:248px;
  height:123px;
  background: url('../img/input.jpg') left top no-repeat;
  margin:0 0 0 40px;
  ##margin:0 0 0 20px;
}

#newsletter form{
  
  width:200px;
 
}


#newsletter input.button2 {
  margin:40px 0 0 70px;
  ##margin:40px 0 0 20px; 
	position:relative;
  width:122px;
  height:29px;
  display:block;
  color:#fff;
  padding:0px;
	border:none;
  background: url('../img/submit.jpg') 0 3px no-repeat;
  cursor: pointer;
  font-size:10px;
  font-weight:bold;
}

#newsletter input.searchengine
{
position:relative;
margin-left:40px;
top:12px;
color:#fff;
display:block;
background:none;
border:none;
width:172px;
height:16px;

}








#right{
  width:610px;  
  float:left;
}

#content{
  width:560px;
  
  ##height:100%;
  background:url('../img/content-li.jpg') 0 0 repeat-y;
  text-align: justify;
  
}
#content img{
  border:2px solid #000;
}
#content_bottom{
  background:url('../img/content-end.jpg') left bottom no-repeat;
}
#content_top{
  background:url('../img/content-start.jpg') 0 0 no-repeat;
  padding:10px 25px;
}
#heel{
  width:950px;
  height:151px;
  line-height:30px;
  background: url('../img/footer.jpg') 0 0 no-repeat;
}

h2{
  font-size: 1.4em;
}
h3{
  font-size: 1.2em;
}
#menu{
  margin: 0 ;
	padding: 0 0 0 20px;
	list-style-type: none;
	position: absolute;
	left:0px;
  top:253px;
	z-index: 20;
	height:50px;
  background: url('../img/menu.jpg') 0 0 no-repeat;
  width:950px;	
}
body.home #menu{
  
  top:428px;
}
#menu li{
	margin:  0;
	padding: 0;
	float: left;
	_width:105px;
}
/*
#menu li.m1 a{background: url('../img/1.jpg') 0 0 no-repeat;width:93px;}
#menu li.m2 a{background: url('../img/2.jpg') 0 0 no-repeat;width:120px;}
#menu li.m3 a{background: url('../img/3.jpg') 0 0 no-repeat;width:91px;}
#menu li.m4 a{background: url('../img/4.jpg') 0 0 no-repeat;width:136px;}
#menu li.m5 a{background: url('../img/5.jpg') 0 0 no-repeat;width:129px;}
#menu li.m6 a{background: url('../img/6.jpg') 0 0 no-repeat;width:181px;}
#menu li.m7 a{background: url('../img/7.jpg') 0 0 no-repeat;width:200px;}
*/

#menu li a{
  display: block;
  height:50px;
  color:#fff;
  padding:0 25px;
  line-height: 50px;
  font-size: 0.9em;
	
	font-weight: bold;
	text-decoration: none;	
}
  

#menu li a.active, #menu li a:hover
{ 
/*  background-position: right top;*/
  color:#bc9753;
}
#menu ul{
  display: none;
}


/*  novinky */
.news-item{
  margin:0 0 20px 0;
  _width:500px;
}
.news-item img{
  float:left;
  margin:0 15px 0 0;
}

/*karty*/

.galerie p {

  float: left;
	padding: 0px 10px 0px 0;
}


.galerie2 p {
  margin-left:60px;
  float: left;
	padding: 0px 10px 0px 0;
}

.float_left2 {
float:left;
margin-top:10px;
margin-left:45px;
}

.float_left {
float:left;
margin:10px;
}
.text_right{
  text-align: right;
}

.float_right {
float:right;
margin-left:15px;
}







/*            F     O     T      O     */

/*
.gallery{
  float:left;
  text-align: center;
  margin:15px 15px;
  
  width:200px;
}
.gallery img{
  border:2px solid #efc28f;
}
.gallery a img{
  text-decoration: none;
}

*/





/*galerie */

#content .gallery{
  display: block;
 
  float:left;
  
  margin:10px 30px;

}

.gallery img{
 
}

.gallery a{
  text-decoration: none;
}

#content .gallery strong{
  color:black;
}











/* formular */

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


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

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

.red{
  color:#d00000;
}

.green{

  color:green;

}



/* rozcestnik */

#page_divider{
  list-style-type: none;
}



#page_divider li{
  list-style: none;
  list-style-type: none;
  background: none;
}


#page_divider li h3{
  float:left;
}
#page_divider li img{
  background:  url('../img/news.jpg') 0 0 no-repeat;  
  display: block;
  height:118px
  width:117px;
  float:left;
  text-decoration: none;
  border:none;
  margin-right:20px;
}


/*kalendar */

 #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); 
}

#page #time_select
{ 
  display:block;
  position: absolute;
  margin-top: 400px;
  margin-left:450px;
  color: #222;
  background: #fafaff;
  font-size: 1.2em;

  padding: 10px;
  padding-right: 30px;
  
  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;
} 

#boxes a{
  width:158px;
  height:123px;
  float:left;
  display: block;
  margin:4px;
  text-align: left;
  color:#e6dfb5;
  text-decoration: none;
  font-size: 1.25em;
  font-weight: bold;
}
#boxes a.box1{background: url(../img/provozovny.jpg) center no-repeat;}
#boxes a.box2{background: url(../img/darkove-p.jpg) center no-repeat;}
#boxes a.box3{background: url(../img/virtual.jpg) center no-repeat;}
#boxes a.box4{background: url(../img/kariera.jpg) center no-repeat;}

#boxes a span{
  margin:15px 0 0 15px;
  width:80px;
  display: block;
  font-size: 0.8em;
}
.facebook{
  width:58px;
  height:58px;
  background:url(../img/facebook.png) 0 0 no-repeat;
  display: block;
  float:left;
  margin:0 0 0 40px;
}
.wifi{
  width:58px;
  height:58px;
  background:url(../img/wifi.png) 0 0 no-repeat;
  display: block;
  float:left;
  margin:0 0 0 10px;
}


.jidlo{
  width:106px;
  height:72px;
  background:url(../img/bill.png) 0 0 no-repeat;
  display: block;
  float:left;
  margin:0 0 0 10px;
}


code{
  display: none;
}



#meal-menu

{

  margin: 0;

  padding: 0;

}



#meal-menu h2

{

  text-align: left;

  line-height: 25px;

}



#meal-menu li

{

  list-style-type: none;

  padding: 10px 0;

  margin: 0;

  border-bottom: 1px solid #000;

  text-align: left;

}





#meal-menu li span

{

  display: block;

  overflow: hidden;

  padding: 0 10px 0 0;

}



#meal-menu li span.name

{

  width: 270px;

  float: left;

}



#meal-menu li span.unit

{

  width: 60px;

  float: left;

}



#meal-menu li span.price

{

  width: 60px;

  float: right;

}



.clear_both

{

  clear: both;

}



#istudio {
text-align:left;
margin-left:340px;
width:560px;
}


.google {
margin-right:120px;
float:right;
margin-top:5px;
}


.pivofest {
float:left;
position:relative;
border:none;
margin-top:10px;
margin-left:10px;
width:133px;
height:237px;
background: url('../img/banner_bill.jpg') 0 0 no-repeat;
}