html{ margin:0px; padding:0px; background: url("../img/sp.gif") fixed; height:100%;}
/* inside page */
UL.arrow {list-style:none; margin:0 0 10px;}
UL.arrow LI {background:url(../img/bul/big-arrow.gif) no-repeat 0 7px; padding:3px 17px 5px; position:relative;}

.left {float:left;}
.right {float:right;}


#content { background:#cfdfb8 url(../img/bgInside.jpg) no-repeat; min-height:264px; position:relative; padding:20px 18px; color:#333;}
#content .path {margin:0 0 3px 0; font-family:"Times New Roman", Times, serif; font-size:14px; font-weight:normal; color:#015121;}
#content .path A {text-decoration:none;}
#content .path A:hover {text-decoration:underline;}
#content .path SPAN {background:url(../img/strelka.gif) 0 50% no-repeat; padding-left:24px; margin-left:7px;}
#content h2.menu-cat {margin-left:55%;margin-bottom:10px; font-family:"Times New Roman", serif; font-size: 36px; color:#015121; font-weight:normal;}
#content P {margin:0 0 6px;}
#content .ramka {position:relative;}
#content .photo {position:absolute; top:5px; left:5px;}
#content .pager {clear:both; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding:0 20px 20px;}
#content .pager A {text-decoration:none;}
#content .pager A:hover {text-decoration:underline;}
#content .pager A.active {font-weight:bold;}

#content .img {float:left; width:286px;}
#content .ramka {margin-bottom:15px;}
#content .ramka240 {background:url(../img/ramka/ramka240top.gif) no-repeat; position:relative; padding-top:5px; margin-bottom:15px;}
#content .ramka240 img {cursor: hand; cursor: pointer; }
#content .ramka240 IMG {display:block;}
#content .ramka240 .photo {width: 240px; position:relative; top:0; left:0;background:url(../img/ramka/ramka240middle.gif) repeat-y; padding:0 5px;}
#content .ramka240 .icon-lupa {position:relative; top:-34px; left:3px;}
#content .ramka120 {background:url(../img/ramka/ramka120top.gif) no-repeat; padding-top:5px;}
#content .ramka120 IMG {display:block;}
#content .ramka120 .photo {position:relative; top:0; left:0;background:url(../img/ramka/ramka120middle.gif) repeat-y; padding:0 5px;}
#content .img .bestface {width:120px; float:left; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-bottom:30px; padding-right:10px;}
#content .img .bestface H5 {color:#015121; margin:0 0 5px 5px;font-size:11px;}
#content .img .bestface P {margin:0 0 0 5px;}

#content .description { float: left; width: 649px; overflow: hidden}
#content .description P{margin:0 0 15px;}
#content .description P.adress{margin:0 0 5px;}
/*#content .description no-img {margin-left: 0px; width: 100%; }*/

.menu-left {margin-bottom:20px; width:250px;}
.menu-left DIV { overflow: hidden; background:#F0FFAA url(../img/menu-left/bgMenuLeft.jpg) no-repeat; padding:5px 0 0 0;}
.menu-left UL {list-style:none;background:url(../img/menu-left/middle.gif) repeat-y; padding:0 6px 0 5px;}
.menu-left UL LI {position:relative;}
.menu-left UL LI A {display:block; padding:10px 11px 10px; font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; text-decoration:none; border-bottom:1px solid #C0DC94; color:#015121; width:216px;}
.menu-left UL LI A:hover, .menu-left UL LI.active A {color:#015121; background:#EAFF7F;}
.special { border-bottom: 3px double #396A3D; }


#restoran-spisok .ramka {position:relative; float:left; margin-right:-110px;}
#restoran-spisok .photo {position:absolute; top:5px; left:5px;}
#restoran-spisok .item {float:left; width:400px; margin-right:40px; margin-bottom:35px; height:250px;}
/*#restoran-spisok .item:last-child { display: none; }*/
#restoran-spisok .item H2 {font-size:22px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; color:#015121; margin-bottom:6px; margin-left:-15px;}
#restoran-spisok .item H2 a { text-decoration: none; }
#restoran-spisok .item .text {margin-left:125px; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#restoran-spisok .item .text P {margin:0 0 6px;}

#news-spisok .left, #news-spisok .right {width:460px;}
#news-spisok .item { margin-right:50px; margin-bottom:25px; padding:0 0 0 5px;}
#news-spisok .item A {font-family: Georgia, "Times New Roman", Times, serif; font-size:16px;}
#news-spisok .item P {padding:4px 0 0 12px; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#777;}
#news-spisok .item A.duble-arrow {background:url(../img/bul/duble-arrow.gif) no-repeat 0 5px; padding-left:12px;}
#news-spisok .item .duble-arrow {background:url(../img/bul/duble-arrow.gif) no-repeat 0 5px; padding-left:12px;  line-height:110%;}
#news-spisok .item .duble-arrow SPAN {line-height:120%; font-size:14px; color:#015121;font-family: Georgia, "Times New Roman", Times, serif; font-weight:bold;}


.description H1 {font-size:23px; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; color:#015121; background:url(../img/bul/big-arrow.gif) no-repeat 0 10px; padding-left:17px; margin-left:-18px;}
.description H2 {font-size:20px; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; color:#015121; margin:0px 0 5px;}
 H1.big-arrow {font-size:23px; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; color:#015121; background:url(../img/bul/big-arrow.gif) no-repeat 0 10px; padding-left:17px;}
.description .date{font-size:13px; color:#777; padding:6px 0 20px;}
.description UL {list-style:none; margin:0 0 10px;}
.description UL LI {background:url(../img/bul/big-arrow.gif) no-repeat 0 7px; padding:3px 17px 5px; position:relative;}

#content .press {padding:0 17px 0;}
#content .press .date {font-size:13px; color:#777; padding:0 0 15px;}
#content .press .author {padding:12px 0 15px;}

.menu-price TABLE{width:99%; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333;}
.menu-price h2+TABLE{margin-top: 20px;}
.menu-price TABLE td {vertical-align: top;}
.menu-price TABLE .menu-photo {}
.menu-price TABLE .menu-photo img {display: block; width: 180px; margin-right: 14px; border: 1px solid #8faf4f;}
.menu-price TABLE .name {white-space:nowrap; padding-right:7px; color:#015121; font-size:16px; font-weight:bold; }
.menu-price TABLE .dot {background:url("../img/border-dot.gif")/*tpa=http://grabli.ru/img/border-dot.gif*/ repeat-x left 12px;}
.menu-price TABLE TD.price {white-space:nowrap ; padding-left:4px; width:150px; font-size:16px; color:#015121;}

DL.vacancy {float:left; width:300px;}
DL.vacancy.specialist {width:340px;}
DL.vacancy DT {font-size:22px; color:#015121; font-family:"Times New Roman", Times, serif;}
DL.vacancy DD {padding:18px 22px;}
DL.vacancy DD UL.arrow LI {background-position:0 9px;}
DL.vacancy DD UL.arrow A {font-size:16px; font-family:Georgia, "Times New Roman", Times, serif;}

DL.vacancy.place {width:100%;}
DL.vacancy.place DD {padding-left:0;}
DL.vacancy.place DL {float:left; width:300px;}
DL.vacancy.place DL DT {font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold;background:url(../img/bul/big-arrow.gif) no-repeat 0 5px; padding-left:17px;}
DL.vacancy.place DL DD {padding-left:17px; padding-top:15px;}
DL.vacancy.place DL DD STRONG {color:#015121;}
DL.vacancy.place.specialnost DD {padding-top:0;}
DL.vacancy.place.specialnost DL DD {padding-top:18px;}

.resume-send {background:#E7F3B3; padding:16px 8px; margin:7px 0; color:#333; font-size:12px;}
.resume-send LABEL {margin-bottom:6px; display:block;}
.resume-send P {margin-bottom:4px !important;}
.resume-send INPUT.file {width:200px; border:1px solid #3C3C3C; background:#FFF;}

UL#map {margin-left:49px; margin-top:-14px;}
UL#map, #map UL {list-style:none; font-family:Georgia, "Times New Roman", Times, serif; background:url(../img/bul/map-end.gif) 5px bottom no-repeat;}
#map UL {list-style:none; background:url(../img/bul/map-ul-end.gif) 5px bottom no-repeat;}
#map UL {margin-left:20px;}
UL#map A {text-decoration:none;}
UL#map A:hover {text-decoration:underline;}
UL#map LI {font-size:20px; background:url(../img/bul/map-middle.gif) 5px 16px no-repeat; padding:10px 0 10px 37px; position:relative;}
UL#map LI LI {font-size:18px;}
UL#map LI.first {background:url(../img/bul/map-top.gif) 0 0 no-repeat; padding-top:20px;}
UL#map LI.last {background:url(../img/bul/map-bottom.gif) 5px -8px no-repeat;}

div.order { color:#0a246a}
strong.cost { display: block; margin:10px 12px 5px 12px;}
UL.cost {list-style:none; padding:0 0 10px 15px; background: none}
UL.cost LI {background:url(../img/bul/big-arrow.gif) no-repeat 0 7px; padding:3px 17px 5px; position:relative;}

#content ul.cack {}
#content ul.cack li { background: none;}
#content ul.cack li ul { overflow: hidden; }
#content ul.cack li ul li { display: inline-block; width: 180px;  margin:10px 10px; list-style-type: none; background: none; padding:0; }
#content ul.cack li ul li div.cack-image {width: 180px; min-height: 160px; display: table-cell; text-align: center; vertical-align: bottom;}
#content ul.cack li ul li div.cack-image img {display: inline;}
#content ul.cack li ul li h2 {min-height: 2em; color:#333; margin: 10px 0 5px 25px; font: bold 11px Arial; text-transform: uppercase;}
#content ul.cack li ul li p  {margin-left: 25px; font-size: 10px;}
html body #content ul.classik li ul li {display: block; float: left;}
#content ul.exlusive li ul li h2 {text-align: center; margin-left: 0;}
* + html #content ul.exlusive li ul li { display: inline; }

/* FF2 fix */
@-moz-document url-prefix()
{
  #content ul.cack li ul li {display: block; float: left;}
  #content #content ul.cack li ul li div.cack-image {vertical-align: middle;}
  x:default, #content ul.cack li ul li {display: inline-block; float: none;}
  x:default, #content ul.cack li ul li div.cack-image {vertical-align: bottom;}
}
/* /FF2 */


#wrapper a.fixed-banner {  position: fixed; top: 316px; margin-left: 850px; z-index:100; display: block;  height: 145px; width: 218px; text-indent: -900em; text-align: center; overflow: hidden; outline: none;
 _position:absolute; _top: expression(eval(document.documentElement.scrollTop)+331); cursor: pointer; color: red}
#wrapper a.fixed-banner span { position:absolute; top:0; left:0; display: block; height: 100%; width: 100%; background:url(../img/ill-subscribe.png) no-repeat; cursor: pointer; }
#wrapper a.fixed-banner img { display: block;}

ul.banners {margin: 0; padding: 0; list-style-type: none;}
ul.banners li {margin: 0 0 30px; padding: 0; background: none; overflow:hidden;}
ul.banners li.breakfast_100 {float: left; margin-right: 50px;}
ul.banners li.breakfast_200 {clear: both;}
ul.banners li a {display: block;}
#wrapper a.bonus span  { background:url("../img/bonuse.gif") no-repeat 0 0;}

a.smheader {display: block; clear: both; margin: 20px 0 0; font: 22px Georgia,"Times New Roman",Times,serif; color: #015121;  }
.nohref {text-decoration: none; }





div.form-ans { width:484px; margin: 0 auto; padding: 20px 28px; background:#7DB237; position:relative; zoom:1; color:#0; font-family:Arial; }
div.form-ans label { display: inline-block; vertical-align: top; }
div.form-ans label.email { margin-bottom: 12px; margin-left: 24px; }

div.form-ans label input { position:relative; left:0; width: 205px; height: 28px; margin: 2px 0;  padding: 0 10px; border: 1px solid #c2cdcf; background-color: #fff; background-repeat: no-repeat; }
div.form-ans textarea { font-family:Arial, sans-serif; max-width:460px}
div.form-ans textarea { width: 460px; height: 124px; border: 1px solid #c2cdcf; padding: 10px; background-color: #fff; background-repeat: no-repeat; }


div.form-ans label input::-webkit-input-placeholder {font: 12px Arial, Helvetica, sans-serif;}
div.form-ans label input:-moz-placeholder {font: 12px Arial, Helvetica, sans-serif;}

div.form-ans ul.fieldset li.capture-text input[type="text"] { width: 155px; }

div.form-ans span.sp { display: block; margin-left: 2px; font-size: 10px; }


div.form-ans label  input,
div.form-ans label  textarea {color: #c2cdcf; font: 12px Arial, Helvetica, sans-serif;}

div.form-ans input[type="submit"] { width: 140px; height: 30px; line-height: 30px; margin: 5px 0 0 340px; padding: 0; border: none; font-weight: bold; font-size: 12px; background: #CFDFB8; color: #000 !important; text-transform: uppercase; cursor: pointer; }
div.form-ans ul.fieldset { overflow: hidden; margin: 11px 0 0; padding: 0; }
div.form-ans ul.fieldset li { float: left; margin: 0; padding: 0; background: none }
div.form-ans ul.fieldset li.capture-img { width: 147px; padding-top:22px;}
div.form-ans ul.fieldset li.capture-img img { width: 145px; height: 28px; border: 1px solid #c2cdcf }
div.form-ans ul.fieldset li.capture-text { width: 177px; margin: 0 19px  }
div.form-ans ul.fieldset li.capture-text span { display: block; margin-bottom: 7px; line-height: 13px; font-size: 9px; color: #859c9f }

div.form-ans ul.fieldset li.capture-submit { text-align: left; width: 120px;}
div.form-ans ul.fieldset li.capture-submit input[type="submit"] { width: 120px; margin: 22px 0 0;  }

div.form-ans label .error[type="text"],
div.form-ans label  textarea.error { background:red; color:#000;}

#fill_form {font-size:12px; display:none; padding:10px; border:1px solid #CFDFB8; margin-bottom:10px;}
#fill_form  ul {padding-left:15px;}
#fill_form.visible {display:block;} 


div.form-ans label  input.placeholder,
div.form-ans label  textarea.placeholder { background:#FFF url(../img/placeholder.png) 0 0 no-repeat;}


div.form-ans label  input.placeholder#vashe-imya {background-position:0 0;}
div.form-ans label  input.placeholder#vash-email {background-position:-254px 0;}
div.form-ans label  textarea.placeholder#vash-vopros {background-position:0 -54px;}

div.form-ans label  input.placeholder.error,
div.form-ans label  textarea.placeholder.error {background:red url(../img/placeholder-error.png) 0 0 no-repeat;}



div.form-ans label  input.placeholder.error#vashe-imya {background-position:0 0;}
div.form-ans label  input.placeholder.error#vash-email {background-position:-254px 0;}
div.form-ans label  textarea.placeholder.error#vash-vopros {background-position:0 -54px;}