/* CSS Document */

#web { width: 929px; margin: 0 auto; padding: 30px 0; position: relative; z-index: 10; overflow: hidden; }
#web-bg { height: 541px; width: 100%; background: url('/img/layout/web-bg-top.png') top left repeat-x;  position: absolute; top: 0; left: 0; }


/* headers */
.header { height: 20px; overflow: hidden; background: url('/img/layout/headers/header-left.png') top left no-repeat; padding: 0 0 0 5px; }
.header h2 {
  margin: 0; line-height: 20px; height: 20px; font-size: 1em; padding: 0 5px 0 0; 
  background: url('/img/layout/headers/header-bg.png') top right no-repeat;
  color: #567c00;
}
.header h2 span { background: url('/img/icons/actions/small/header-flag.png') center left no-repeat; display: block;  padding: 0 0 0 15px; }
.header.text-right h2 span { background-position: center right; padding: 0 15px 0 0; }


/* input and fields */
div.input { 
  background: url('/img/layout/inputs/input-green-left.png') top left no-repeat;
  line-height: 20px; margin: 0; padding: 0;
}
div.input.gray { background-image: url('/img/layout/inputs/input-gray-left.png'); }
div.input input { 
  margin: 0 0 0 5px;
  background: url('/img/layout/inputs/input-green-bg.png') top right no-repeat; 
  border: 0; vertical-align: center; height: 20px; float: right;
}
div.input.gray input { 
  background-image: url('/img/layout/inputs/input-gray-bg.png'); 
}


#top-header { height: 160px; overflow: hidden; position: relative; }
#top-header #header { position: absolute; top: 5px; left: 286px; }
#top-header #header img { position: absolute; top: 0; left: 0;}

#top-header #head { 
  width: 100%; height: 100%;
  position: absolute; top: 0; left: 0; 
  background: url('/img/layout/header-top-bg.png') top left no-repeat;
}


#top-header #head .logo {
  margin: 10px 0 0 25px;
  float: left;
}
#top-header #head .logo a { cursor: pointer; }

#top-header .user {
  width: 267px; height: 120px;
  margin: 18px 20px 0 0;
  background: url('/img/layout/login-bg.png') top left no-repeat;
  text-align: center;
  float: right;
}
#top-header .user form { margin: 10px 5px; text-align: right; color: #3d5800;}
#top-header .user form .button { margin: 5px 0 0 0; }
#top-header .user form .input { width: 150px; float: right; margin: 0 10px 0 0; }
#top-header .user form .input input { width: 145px; }
#top-header .user form label { width: 70px; float: left; text-align: right margin: 0 10px 0 0; line-height: 22px; clear: both; }
#top-header .user form .submit { clear: both; padding: 10px 0 0; }
#top-header .user form .submit a { padding: 6px; border-bottom: none; text-decoration: none;  }
#top-header .user form .submit a:hover { color: #3d5800; }
#top-header .user form .submit .links { 
  background: url('/img/layout/login-links.png');
  float: left; width: 140px; line-height: 22px; margin: 0 0 0 10px;
}
#top-header .user form .submit .links a strong { color: white; }
#top-header .user form .submit input { 
  display: inline; float: right; border: 0; height: 20px; width: 80px; margin: 0 10px 0 0; 
  background: url('/img/layout/buttons/80x20.png') top left no-repeat;
}
#top-header .user form .submit input:hover { background-image: url('/img/layout/buttons/80x20-over.png'); color: white; cursor: pointer; }

#top-header #profil { margin: 10px;  }
#top-header #profil .avatar { float: left; margin: 0 10px 10px 0; }
#top-header #profil .settings { margin: 5px 0; }
#top-header #profil .verify { background: #9ac01b; padding: 2px 5px; }


 

#navigation {
  height: 53px; margin: 10px 0 0 0;
  background: url('/img/layout/navigation-bg.png') bottom right no-repeat;
  overflow: hidden;
}
#navigation .search {
  width: 300px; height: 53px; overflow: hidden; padding: 0; float: left; text-align: center;
  background: url('/img/layout/search-bg.png') top right no-repeat;
}
#navigation .search form { margin: 20px; color: #567c00; font-weight: bold; }
#navigation .search form label { float: left; width: 60px; }
#navigation .search form label, #navigation .search form input { line-height: 20px; vertical-align: bottom; }
#navigation .search form .input { width: 150px; float: left; margin: 0 0 0 0; }
#navigation .search form .input input { width: 145px; }
#navigation .search form .submit { width: 20px; height: 20px; border: 0; background: url('/img/layout/buttons/search.png') top left no-repeat;  }

#navigation .menu {
  width: 607px; height: 49px; float: right; margin: 4px 7px 0 0; padding: 0 0 0 15px; list-style: none;
  background: url('/img/layout/menu-bg.png') bottom left repeat-x;
}
#navigation .menu li { display: inline; }
#navigation .menu li a { padding: 0 5px; margin: 17px 2px 0; color: white; text-decoration: none; display: block; float: left; font-weight: bold; }
#navigation .menu li a:hover, #navigation .menu li a.selected { background: url('/img/layout/menu-selected-bg.png') center left repeat-x; border: 1px solid #5a6e19; -moz-border-radius: 4px; padding: 0 4px; }



#info {
  width: 904px; height: 25px; padding: 0 10px 0 15px; line-height: 23px; color: white; overflow: hidden; margin: 0 0 10px;
  background: url('../img/layout/navigation-path-bg.png') top right no-repeat;
}


#show { height: 170px; margin: 0 0 10px; overflow: hidden; }
#show #intro { width: 418px; height: 130px; background: url('/img/layout/intro-bg.png') top left no-repeat; float: left; padding: 20px; color: #edffa6; }
#show #top-menu { width: 458px; height: 170px; background: url('/img/layout/menu-top-bg.png') top left no-repeat; float: right; }

#show #top-menu #menuIndex { background: none; border: none; color: #daff53; font-weight: bold; position: relative; }
#show #top-menu #menuIndex ul { 
  width: 130px; height: 20px; line-height: 20px; border: 0; background: url('/img/layout/indexmenu-menu.png') top left no-repeat; 
  position: absolute; top: 5px; right: 10px; list-style: none; 
}
#show #top-menu #menuIndex ul li { display: inline; padding: 0; margin: 0; background: none; border: 0; font-weight: bold; color: #5a6e19; }
#show #top-menu #menuIndex ul li a, #show #top-menu #menuIndex ul li span  { 
  height: 16px; padding: 0; margin: 0; color: #5a6e19;
  display: block; float: left; width: 25px; text-align: center;
}
#show #top-menu #menuIndex ul li.ui-tabs-selected a { color: white; background: #5a6e19; }
#show #top-menu #menuIndex ul li a:hover { color: white; }
#show #top-menu #menuIndex .soup { color:#edffa6; font-size: 1.2em; }
#show #top-menu #menuIndex dl { margin: 20px 0 0; color: #5a6e19; }
#show #top-menu #menuIndex dt, #show #top-menu #menuIndex dd { color: #daff53; line-height: 18px; margin: 0; padding: 0; height: 18px; }
#show #top-menu #menuIndex dt { float: left; width: 20px; }
#show #top-menu #menuIndex dd { color: #edffa6; }
#show #top-menu #menuIndex dd span { float: left; }
#show #top-menu #menuIndex dd strong { color: #daff53; font-weight: bold; font-size: 1.2em; float: right; }
#show #top-menu #menuIndex .off { font-weight: normal; }
#show #top-menu #menuIndex .off p { margin: 30px 20px; }
#show #top-menu #menuIndex .off p strong { font-size: 1.3em; }
#show #top-menu #menuIndex .off a { color: white; }


/* content */
#content { width: 929px; margin: 0 0 10px 0; color: #eaff9a; position: relative; }
#content .top, #content .bottom { height: 5px; overflow: hidden; background: url('/img/layout/content-top.png') top left no-repeat; }
#content .bottom { background-image: url('/img/layout/content-bottom.png');}
#content .content { background: url('/img/layout/content-bg.png');}


#content .corner { width: 4px; height: 4px; position: absolute; overflow: hidden; background: #fff top left no-repeat; }
#content .corner.tl { top: 0; left: 0; background-image: url('../img/layout/corners/content-tl.png'); }
#content .corner.tr { top: 0; right: 0; background-image: url('../img/layout/corners/content-tr.png'); }
#content .corner.bl { bottom: 0; left: 0; background-image: url('../img/layout/corners/content-bl.png'); }
#content .corner.br { bottom: 0; right: 0; background-image: url('../img/layout/corners/content-br.png'); }

#content h1 { padding: 0; margin: 0 0 20px 0; font-weight: 500; color: #edffa6; font-size: 1.6em; }
#content h1 img { margin: 0 10px 0 10px; font-weight: normal; vertical-align: text-bottom; }
#content button {
  width: 140px; height: 22px; line-height: 22px;
  margin: 0 3px 10px 3px;
  border: 0px solid black;
  position: relative;
  background: url('../img/layout/buttons/pb-140.png');
}

#content .field {
  min-height: 170px; margin: 0 10px 10px 10px; overflow: hidden;
  background: #80a625 url('../img/layout/field-bg.png') bottom left repeat-x;
  position: relative;
}
#content .field.left { clear: left; margin-right: 0px; }
#content .field.right { clear: right; margin-left: 0px; }
#content .field.twice { width: 448px; }
#content .field .text { padding: 10px; }

#content .field .toTop { position: absolute; top: 0; right: 0; margin: 3px 5px; color: #555; }
#content .field .toTop img { margin: 0 5px 0 0; }

#content .field .corner { width: 4px; height: 4px; position: absolute; overflow: hidden; background: top left no-repeat; }
#content .field .corner.tl { top: 0; left: 0; background-image: url('../img/layout/corners/field-tl.png'); }
#content .field .corner.tr { top: 0; right: 0; background-image: url('../img/layout/corners/field-tr.png'); }
#content .field .corner.bl { height: 10px; bottom: 0; left: 0; background-image: url('../img/layout/corners/field-bl.png'); }
#content .field .corner.br { height: 10px; bottom: 0; right: 0; background-image: url('../img/layout/corners/field-br.png'); }

#restaurant .prewiev { margin: 10px auto; }
#restaurant .prewiev h3 { font-size: 1.2em; margin: 0; line-height: 1.3em; padding-bottom: 10px; }
#restaurant .prewiev img {  border: 2px solid white; } 

#restaurant .open-time {
  width: 120px; height: 130px;
  margin: 0 10px 0 0; padding: 0 5px; float: left;
  background: url('../img/layout/open-time-bg.png') bottom left no-repeat;
}
#restaurant .open-time .time, #restaurant .open-time .day { width: 50px; float: left; padding: 0 5px; }
#restaurant .open-time .time.sel ,#restaurant .open-time .day.sel { background: #eaff9a; color: #7ca116; }
#restaurant .open-time .time { text-align: right; width: 45px; }
#restaurant .title { height: 14px; margin: 0 0 8px 0;  font-weight: bold; }
#restaurant .capacity {
  width: 265px; height: 130px;
  margin: 0 0 0 0; padding: 0 5px; float: left;
  background: url('../img/layout/capacity-bg.png') bottom left no-repeat;
}
#restaurant .capacity .room, #restaurant .capacity .seats { width: 225px; float: left; padding: 0px; }
#restaurant .capacity .seats { text-align: right; width: 40px; }
#restaurant .capacity .line { border-bottom: 1px solid #eaff9a; }
#restaurant .capacity .reservations { text-align: center; margin: 8px 0 0 0; }
#restaurant .capacity .reservations img { margin: 0 10px 0 0; vertical-align: middle; }
#restaurant .sport { min-height: 135px; margin: 10px 0px; line-height: 40px; text-transform: uppercase; font-size: 12px; font-style: italic; }
#restaurant .sport .game { background: #8aaa30; margin: 2px 0; width: 208px;  }
#restaurant .sport a { text-decoration: none; }
#restaurant .sport img { margin: 5px; vertical-align: middle; }
#restaurant .sport .right img { float: right; }
#restaurant .sport .right { clear: right; text-align: right; }
#restaurant .sport .left img {float: left; }
#restaurant .sport .left { clear: left; }

#restaurant .even, #restaurant .odd { width: 420px; clear: both; }
#restaurant .even .avatar, #restaurant .odd .avatar  { float: left; margin: 1px 10px 1px 0; }
#restaurant .even img, #restaurant img  { vertical-align: text-bottom; margin: 1px 5px 1px 0; }
#restaurant .userdate { padding: 2px 0 0 0; }
#restaurant .userdate strong { margin: 0 5px 0 0; }
#restaurant .even { background: #84a927; }
#restaurant .gbtext { margin: 3px 0 0 0; line-height: 14px; }

#contact { } 
#contact #map_canvas { margin: 10px; height: 350px; position: relative; border: 2px solid #375000; }
#contact form { margin: 20px; color: #d7ed8c; line-height: 20px; }
#contact form label { float: left; clear: left; width: 50px; height: 30px; }
#contact form .input { width: 250px; margin: 0 5px; padding: 2px 5px 0; background: #9bbe28; border: 1px solid #5a6e19; -moz-border-radius: 4px; float: left;  }
#contact form textarea { padding: 2px 5px 0; height: 80px; width: 320px; background: #9bbe28; border: 1px solid #5a6e19; vertical-align: top; margin: 0 0 0 55px;  color: #375000; padding: 2px 5px; -moz-border-radius: 4px; }
#contact form .button { margin: 5px 0 0 55px; }
#contact form .button:hover { font-weight: bold; cursor: pointer; }



#menu {}
#menu .select {
  position: absolute; top: 15px; right: 20px;
  padding: 2px 5px;
  background: #6a9314; border: 0px solid black; color: white;
}
#menu table { width: 700px; margin: 10px auto; }
#menu table td { padding: 2px 5px; }
#menu table .type { width: 100px; font-weight: bold; color: #fdfdfd; text-align: right; }
#menu table .title { color: #d7ed8c; }
#menu table .price { width: 50px; color: #daff53; font-size: 16px; font-weight: bold; }
#menu table .feast { height: 140px; color: #d7ed8c; font-size: 16px; font-weight: bold; }


#sport { }
#sport .sport { text-align: center; margin: auto; }
#sport .sport .game { float: left; font-size: 14px; line-height: 20px; }
#sport .sport .game img { float: none; margin: 0 6px; }
#sport a { text-decoration: none; }



#card table { width: 100%; border-collapse: collapse; }
#card .title { font-size: 14px; font-style: italic; border-bottom: 1px dotted #d7ed8c; padding: 5px; margin: 5px 0; }
#card .food, #card .drink { height: 20px; }
#card .food .weight, #card .drink .capacity { width: 50px; }
#card .food .name, #card .drink .name { width: 310px; font-weight:bold; }
#card .food .price, #card .drink .price { width: 60px; text-align: right; }
#card .food .info { font-style: italic; }


#guestbook textarea { width: 800px; height: 160px; }
#guestbook iframe { border: 1px solid #4f6612; margin: 0 0 0 3px; }
#guestbook .even, #guestbook .odd { clear: both; padding: 10px; margin: 2px 0; border: 1px solid #718627; }
#guestbook .even { background: #84a927; }
#guestbook .odd { background: #729617; }
#guestbook .avatar { float: left; margin: 0 10px 10px 0; }
#guestbook .username { width: 220px; font-size: 16px; margin: 5px 0; }
#guestbook .gbtext { width: 600px; clear: right; float: right; padding: 5px 10px; position: relative; }
#guestbook .gbtext .delete { position: absolute; top: -3px; right: -3px; }
#guestbook .gbtext p { margin: 0; padding: 0; }


#gallery .even, #gallery .odd { clear: both; padding: 10px; margin: 2px 0; border: 1px solid #718627; overflow: hidden; }
#gallery .left { width: 462px; }
#gallery .even { background: #84a927; }
#gallery .odd { background: #729617; }
#gallery .prew { width: 182px; height: 125px; float: left; }
#gallery .prew img { border: 3px solid white; }
#gallery .tit, #gallery .date,#gallery .links { float: right; width: 280px; margin: 0 0 0 0px; }
#gallery .tit { height: 55px; font-size: 16px; }
#gallery .links { padding: 23px 0 0 0; }
#gallery .links a { padding: 2px 5px; margin: 0 0 0 0; background: #96b929; border: 1px solid #718627; text-decoration: none; -moz-border-radius: 4px; }
#gallery .links a:hover { background: #bddf53; color: #4e6700; }
#gallery .inf { width: 340px; height: 55px; float: right; clear: right; }
#gallery .slide { 
  width: 340px; height: 70px; float: right; clear: right;
  background: url('../img/layout/gallery-slide-bg.png') top right no-repeat;
}
#gallery .slide .move-left, #gallery .slide .move-right, #gallery .slide .move-left-over, #gallery .slide .move-right-over {
  float: left; width: 15px; height: 70px; overflow: hidden; background: top left no-repeat; cursor: pointer; position: relative;
}
#gallery .slide .move-right { float: right; }
#gallery .slide .move-left { background-image: url('../img/layout/buttons/arrow-left.png'); }
#gallery .slide .move-right { background-image: url('../img/layout/buttons/arrow-right.png'); }
#gallery .slide .move-left-over { background-image: url('../img/layout/buttons/arrow-left-over.png'); }
#gallery .slide .move-right-over { background-image: url('../img/layout/buttons/arrow-right-over.png'); }
#gallery .slide .slideshow { float: left; width: 310px; height: 70px; overflow: hidden; white-space: nowrap; }
#gallery .slide .slideshow img { margin: 2px; border: 3px solid white; }

#gallery table { width: 864px; border: 1px solid #718627; background: #84a927; }
#gallery table td { width: 216px; height: 150px; vertical-align: middle; text-align: center; background: url('../img/layout/gallery-field-bg.png') center center no-repeat; }
#gallery table .selected { background-image: ('../img/layout/gallery-field-bg-sel.png'); }
#gallery table .selected img { border: 2px solid white; cursor: pointer; }
#gallery table .video { width: 160px; height: 120px; margin: 0 auto; background: black url('../img/layout/video-play.png') center 20px no-repeat; cursor: pointer; overflow: hidden; }
#gallery table .selected .video { border: 2px solid white; background-image: url('../img/layout/video-play-over.png'); }
#gallery table .video a { display: block; width: 160px; height: 60px; padding: 60px 0 0 0; text-decoration: none; }


#actions .even, #actions .odd { padding: 10px; margin: 2px 0; border: 1px solid #718627; }
#actions .even { background: #84a927; }
#actions .odd { background: #729617; }
#actions .title { font-size: 18px; margin: 5px 0; }
#actions .atext { padding: 25px 10px 5px 0; text-align: justify; }
#actions .atext p { margin: 0; padding: 0; }
#actions .baner { float: right; margin: 0 0 0 10px; }
#actions .link { text-align: right; }
#actions .link a { padding: 2px 5px; margin: 0 0 0 10px; background: #96b929; border: 1px solid #718627; text-decoration: none; -moz-border-radius: 4px; text-decoration: none; }
#actions .link a:hover { background: #bddf53; color: #4e6700; }


/* registration */
#registration .field { padding: 10px 5px 20px; }

#registration .cleaner { height: 22px; }
#registration .error { border: 1px dotted #900; line-height: 16px; color: #c00; padding: 10px; margin: 0 0 10px 0; font-weight: bold; }
#registration .ok { margin: 10px 0 20px 0; padding: 10px; border: 1px solid #fcefa1; background: #fbf9ee; color: black; font-weight: bold; }
#registration .section-title { height: 24px; line-height: 24px; background: url('../img/layout/topic-header-black-bg.png') center center repeat-x; color: white; font-weight: bold; }
#registration .section-title a, #registration .section-title span { 
	padding: 0 10px; color: white; font-weight: bold; display: block; float: left;
	background: url('../img/layout/topic-header-black-bg.png.png') center center repeat-x;
}
#registration .section-title a { margin: 0 1px 0 0; color: #d7ed8c; }
#registration .section { clear: both; padding: 10px; margin: 0 0 15px 0; border: 1px solid #6F8720; background: #9bbe28; color: white; }
#registration .info { text-align: right; float: right; height: 20px; margin: 0px; overflow: hidden; }
#registration .info span { padding: 0 5px; }
#registration .button { width: 200px; float: left; }
#registration .button input { vertical-align: top; height: 19px; padding: 0 5px 0; background: #667E19; border: 1px solid #5a6e19; -moz-border-radius: 4px; color: white; }
#registration .lab, #registration .inp { float: left; width: 120px; line-height: 25px; }
#registration .lab.small { width: 50px; }
#registration .inp { width: 180px; font-weight: bold; }
#registration .inp.small { width: 90px;}
#registration .inp.small input { width: 40px; }
#registration .inp.long { width: 260px; font-weight: bold; }
#registration .inp.long input { width: 240px; }
#registration .inp input { width: 150px; vertical-align: middle; margin: 0 10px 0 0; padding: 2px 5px 0; background: #d7ed8c; border: 1px solid #5a6e19; -moz-border-radius: 4px; }
#registration .lab span { color: white; font-size: 12px; }
#registration .info span { color: red; }
#registration .info span { float: left; margin: 0 0 0 10px;}
#registration .lab label { float: left; }
#registration .inp img { margin: 0 5px 0 0; vertical-align: middle; }
#registration .msg { width: 400px; padding: 0 5px 0 0; line-height: 20px; color: white; float: right; text-align: right; font-size: 10px; background: #d7ed8c; -moz-border-radius: 4px; display: none; }
#registration .licence { background: white; border: 0px solid black; padding: 5px; margin: 0 0 10px 0; font-size: 10px; color: #333; }
#registration .licence ul { line-height: 1.2em; list-style-type: decimal; list-style-image: none; }
#registration .licence div { padding: 10px 0 10px 40px; }
#registration .licence ul li { padding: 0 0 5px 0; }
#registration #captcha { width: 300px; height: 30px; font-size: 20px; background: #d7ed8c; border: 1px solid #5a6e19; -moz-border-radius: 4px; text-align: center; padding: 5px 10px 0 10px; margin: 0 0 10px 0; letter-spacing: 0.1em; }
#registration #imgcap { background: #d7ed8c; border: 1px solid #5a6e19; -moz-border-radius: 4px; }

#registration #personSection, #registration #contactSection, #registration #otherSection { display: none; }


#footer { color: #edffa6; } 
#footer .copy { float: left; }
#footer .links { float: right; }