@charset "utf-8";
/* CSS Document */
html, *{
  margin: 0;
  padding: 0;
}



body  {
	background: #000000 url(../images/design/bg-page.jpg) no-repeat top left;
	margin: 0;
	padding: 0;
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height : 1.4em;
}
h1{
   font-family: "Times New Roman", Times, serif;
   font-size: 1.8em;
   font-weight:bold;
   color:#cc0000;
}
h2{
   font-family: "Times New Roman", Times, serif;
   font-size: 1.6em;
   font-weight:bold;
   color:#a68960;
}
.clear{
  clear: both;
  font-size: 1%;
  visibility:hidden;
}
a{
	color: #cc0000;
	text-decoration: none;
}
a:hover{
   color: #cc0000;
}
.h1indian{
  color:#a68960;
  margin: 0 0 0 5px;
  background: transparent url(../images/design/bg-h1-brown.gif) left center no-repeat;
  padding: 0 0 0 18px;
}
.h1indian a{
  color:#a68960; 
}
.h1indian .active{
   color: #cc0000;
}

.darkred{
  color:#cc0000;
}

div#pageContainer{
  width: 1010px;
  margin: 0 0 0 131px;
}

div#eulogo{
	width: 195x;
	height:58px;
	position:absolute;
	margin: 0;
}

div#header{
	width: 810px;
	height: 35px;
	position:absolute;
	margin: 15px 0 0 195px;
	text-align:right;
	font-size: 0.85em;
	font-weight: bold;
}
div#header .flags{
	display: inline;
	width: 55px;
	margin: 0 0 0 9px;
}
div#header .flags img{
	margin: 0 0 0 8px;
}

div#logo{
  width: 625px;
  height: 97px;
  position: absolute;
  margin: 35px 0 0 352px;
}
div#logo .logo{
  background: url(../images/design/logo.gif) left top no-repeat;
  width: 623px;
  height: 97px;
}
div#logo .logo h1{
 background: none;
}
div#logo .logo a{
  display: block;
  width: 623px;
  height: 97px;
  text-decoration:none;
}
div#logo .logo a span{
  visibility: hidden;
}
div#navigation{
	width: 319px;
	height: 280px;
	position:absolute;
	margin: 352px 0 0 691px;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.3em;
	line-height: 1em;
	font-weight:bold;
}
ul#menu{
	list-style: none;
}
ul#menu li{
	list-style: none;
	padding: 8px 0 6px 0;
}
ul#menu li a{
	color:#FFFFFF;
	text-decoration: none;
}
ul#menu li a:hover{
   color: #cc0000;
}
ul#menu li  .active{
   color: #cc0000;
}
/** Homepage **/
div#content-hp{
	width: 405px;
	height: 230px;
	position: absolute;
	margin: 387px 0 0 264px;
	text-align:right;
}
div#footer-hp{
	width: 1010px;
	height: 23px;
	position:absolute;
	/** margin: 795px 0 0 0; */
	margin: 740px 0 0 0;
  text-align: center;
	font-size: 0.9em;
}
div#footer-hp a{
	color:#FFFFFF;
	text-decoration: none;
}
div#footer-hp a:hover{
   color: #cc0000;
}
div#summercocktails-hp{
 width: 195px;
 height: 123px;
 position:absolute;
 margin: 341px 0 0 0;
}
div#specialoffer-hp{
 width: 195px;
 height: 126px;
 position:absolute;
 margin: 215px 0 0 0;
}
div#indian-hp{
	width: 195px;
 height: 82px;
 position:absolute;
 margin: 481px 0 0 0;
}
div#indian-sp{
	width: 210px;
 height: 116px;
 position:absolute;
 margin: 661px 0 0 667px;
}

div#facebook{
width: 120px;
text-align: center;
 height: 181px;
 position:absolute;
 margin: 580px 0 0 35px;
 color: #FFFFFF;
}

/** jidelni lístek **/
div#menufood{
   width: 720px;
   height: 720px;
   background: transparent url(../images/design/bg-menu.jpg) top left no-repeat;
   position:absolute;
   margin: 151px 0 0 86px;
   z-index:-1;
}
div#selectmenu{
	width: 515px;
	height: 30px;
	position:absolute;
	margin: 198px 0 0 51px;
}
div#selectmenu h2{
   display: inline;
   font-family: "Times New Roman", Times, serif;
   font-size: 1.6em;
   font-weight:bold;
   color:#a68960;
}
div#selectmenu a{
  text-decoration: none;
    color:#a68960;
}
div#selectmenu a:hover{
  color: #cc0000;
}
div#selectmenu .active{
   color: #cc0000;
}
div#selectsubmenu{
  width: 515px;
  position:absolute;
  margin: 254px 0 0 51px;
}
div#selectsubmenu h3{
   display: inline;
   font-family: "Times New Roman", Times, serif;
   font-size: 1.3em;
   line-height: 1.3em;
   font-weight:bold;
   color:#a68960;
}
div#selectsubmenu a{
  text-decoration: none;
  color:#a68960;
  font-weight:bold;
}
div#selectsubmenu a:hover{
  color: #cc0000;
}
div#selectsubmenu .active{
   color: #cc0000;
}
div#jobs{
	width: 565px;
	position:absolute;
	margin: 307px 0 0 0;
	color:#000000;
}
div#foods{
	width: 565px;
	position:absolute;
	margin: 547px 0 0 0;
	color:#000000;
}
div#foods_breakfast{
	width: 565px;
	position:absolute;
	margin: 500px 0 0 0;
	color:#000000;
}
div#foodstop{
	width: 565px;
	position:absolute;
	margin: 397px 0 0 0;
	color:#000000;
}
div#foods .jobOffers{
	margin: 0 0 0 51px;
}
div#foods .jobOffers p{
	margin: 10px 0 15px 0;
	 color:#000000;
}
div#foods table,
div#foods_breakfast table,
div#foodstop table{
  font-size: 1em;
  color:#000000;
}
div#foods td,
div#foodstop td{
	font-size: 1em;
	line-height: 1.1em;
	height:40px;
}
div#foods_breakfast td{
	font-size: 1em;
	line-height: 1.1em;
	padding: 0 0 10px 0;
}
div#paging{
	
	margin: 30px 0 0 51px;
	font-weight:bold;
	font-family:"Times New Roman", Times, serif;
	font-size: 1.1em;
}
div#paging .darkred{
	color:#a60000;
}
div#paging a{
  text-decoration: none;
  color:#a68960;
  margin: 0 10px 0 10px;
}
div#paging a:hover{
  color:#a60000;
  text-decoration:underline;
}
div#paging .active{
  color:#a60000;
  text-decoration:underline;
}
div#categoryImage{
	position: absolute;
	margin: 310px 0 0 55px;
}
div#categoryImage img{
   float: left;
   margin: 0 12px 0 0;
   border: 2px solid #b3986d;
   width: 300px;
}
div#categoryImage p{
	float: right;
	width: 185px;
	color: #000000;
	font-weight: bold;
}
/** Contact **/
div#contact{
   width: 522px;
   height: 548px;
   background: transparent url(../images/design/bg-contact.jpg) top left no-repeat;
   position:absolute;
   margin: 135px 0 0 283px;
   z-index:-1;
}
div#content{
	width: 380px;
	position: absolute;
	margin: 249px 0 0 222px;
	color:#000000;
	text-align:right;
	/** font-weight:bold; **/
}
div#content p{
	margin: 0 0 20px 0;
}
div#navjobs{
	width: 230px;
	position: absolute;
	margin: 194px 0 0 298px;
}
div#navjobs h2{
   display: inline;
   font-family: "Times New Roman", Times, serif;
   font-size: 1.4em;
   font-weight:bold;
   color:#a68960;
}
div#navjobs a{
  text-decoration: none;
    color:#a68960;
}
div#navjobs a:hover{
  color: #cc0000;
}
div#navjobs .active{
   color: #cc0000;
}
div#jobsform{
	width: 380px;
	position:absolute;
	margin: 208px 0 0 203px;
	color: #000000;
}
div#jobsform table{
  font-size: 1em;
  color:#000000;
}
div#jobsform td{
	font-size: 1em;
	line-height: 1.1em;
	padding: 5px 3px 5px 2px;
}
div#jobsform input{
	width: 222px;
}
div#jobsform textarea{
	width: 222px;
	height: 130px;
}
div#jobsform .send{
	width: 150px;
	margin: 35px 0 0 98px;
}
div#jobsform .send input{
	width: 96px;
}
div#rezervace{
	width: 275px;
	position:absolute;
	margin: 205px 0 0 335px;
}
div#rezervace h1{
 	display: inline;
   font-family: "Times New Roman", Times, serif;
   font-size: 1.8em;
   font-weight:bold;
   color:#cc0000;
}
div#rezervaceform{
	width: 415px;
	position:absolute;
	/*margin: 261px 0 0 182px;*/
	margin: 230px 0 0 182px;
	color:#000000;
}
div#rezervaceform .inputText{
	padding:2px 4px;
	margin-right:5px;
}
div#rezervaceform table{
  font-size: 1em;
  color:#000000;
}
div#rezervaceform td{
	font-size: 0.95em;
	line-height: 1.1em;
	padding: 5px 3px 5px 2px;
}
div#rezervaceform .send{
	width: 150px;
	margin: 35px 0 0 150px;
}
div#rezervaceform .send input{
	width: 96px;
}
div#rezervaceform .send_cs{
	width: 150px;
	margin: 35px 0 0 150px;
}
div#rezervaceform .send_cs input{
	width: 96px;
}
div#rezervaceform .send_es{
	width: 254px;
	margin: 20px 0 0 75px;
}
div#rezervaceform .send_es input{
	width: 254px;
}
div#rezervaceform .send_en{
	width: 150px;
	margin: 35px 0 0 150px;
}
div#rezervaceform .send_en input{
	width: 54px;
}
div#map{
	width: 637px;
	position:absolute;
	margin: 247px 0 0 119px;
}
/** mapa **/
div#bgmap{
   width: 718px;
   height: 724px;
   background: transparent url(../images/design/bg-mapa.jpg) top left no-repeat;
   position:absolute;
   margin: 141px 0 0 82px;
   z-index:-1;
}
/*** photogallery ***/
div#photoLg{
  width: 556px;
  height: 375px;
  position:absolute;
  margin: 234px 0 0 163px;
  background: transparent url(../images/design/bg-photo-lg.jpg) no-repeat center center;
}
div#photoImg{
	width: 544px;
	height:363px;
	position:absolute;
	margin:239px 0 0 168px;
	overflow:hidden;
}
div#photoTmb{
 width: 562px;
 height: 90px;
 position: absolute;
 margin: 624px 0 0 166px;  
}

div#photoTmb .tmbBg{
  width: 130px;
  height: 88px;
  background: transparent url(../images/design/bg-photo-tmb.jpg) no-repeat top left;
  margin: 0 10px 0 0;
  float: left;
}
div#photoTmb .tmb{
  margin: 2px;
  display:block;
  overflow: hidden;
}
div#photoHeader{
  width: 520px;
  position: absolute;
  margin: 192px 0 0 194px;
}
div#photoHeader .noactive{
   color:#a68960;
}
div#photoHeader .active{
   color: #cc0000;
}