@charset "UTF-8";
/* CSS Document */
//img,div{ behavior: url(/scripts/iepngfix.htc) }

/* === reset Markup-UA === */
a:hover{text-decoration:none;}
img{border:none;}
ul, ol{list-style:none;}
form, fieldset{border:none;}
ul, ol, form, fieldset{
	margin:0;
	padding:0;
}
body, h1, h2, h3, h4, h5, h6, dl, dt, dd, p{margin:0;}
table{width:100%; border-collapse:collapse;}
h7{color:red;}
q{quotes: none;}
q:before{content:"";}
q:after{content:"";}

h8{font-family:Arial; font-size:14pt; color:#e62a1f; letter-spacing:-1; font-weight:normal;}
/* === end reset Markup-UA === */
body{
	font: 14px/16px georgia, verdana, serif;
	min-width: 1000px;
	background: url("/images/gradient_907x235.jpg") no-repeat;
}
.main{
	width: 100%;
}
/*--header--*/
#header{
	height: 250px;
	width: 100%;
	background: url(/images/header.png) no-repeat;

}
/*--logo--*/
#wrapper{
width: 40%;
float:left;
padding:20px 0 0 228px;
}
h1{
	background: url(/images/logo.png) no-repeat;
	width: 301px;
	padding-bottom:10px;
	margin-left:10px;
}
 h1 a{
	display: block;
	width: 370px;
	height: 57px;
	overflow: hidden;
	text-indent: -9999px;
}
.newred{
color:red;}

#sostav{text-align:center;padding-left:20px;color:#333;
font-size:12px;font-style:italic;}

.sostav{text-align:center;padding-left:20px;color:#333;
font-size:12px;font-style:italic;}

.fancy-content #sostav{
text-align:right;
padding-top:40px;
margin-right: 20px;
}

#zazhig{text-align:center;padding-left:20px;color:#333;
font-size:12px;font-style:italic;}

.fancy-content #zazhig{text-align:right;}

#wrapper p{
font-size : 16px;
color: #22201f;
font-size : 15px;
padding:0 0 10px 10px;
}
/*--phone--*/
.phone{
float:right;
width: 320px;
text-align:right;
padding:10px 30px 0 0;
font-family: Arial;
}
.phone div{
padding-bottom:5px;
}
.phone span.grau{
color:#999999;
font-weight:bold;
}

.phone span.red {
   color:#CC0000;
}
.phone .smol{
font-size:.75em;
color:#999;
line-height:13px;
padding-bottom:8px;
font-style:italic;
}
.phone .lost{
padding-bottom:5px;
}
.phone strong{
color:#CC0000;
font-size:1.3em
}
.phone div.red{
color:#CC0000;
font-weight:bold;
}
.phone .dostavka {
  font-size:16px;
color:#999999;
font-style:italic;
font-family:Georgia;
}
/*--last_order--*/
.last_order{
	font-size: 15px;
	line-height: 20px;
	color: #d21406;
	position: absolute;
	right:12px;
	top:150px;
	/*width:231px;*/
}
/*--order--*/
 a.order{
	font-size: 20px;
	line-height: 25px;
/*	color: #d21406;*/
	color:#FFFFFF;
	position: relative;
	right:5px;
	/*top:195px;*/
	width:auto;
	/*margin-right:25px;*/
	margin-top:10px;
	padding:3px 3px 4px 3px;
	height:32px;
	text-decoration:underline;border:0px;
	background: #900;
	font-family:Georgia;
}

div.main div#header a.order:hover {text-decoration:none}

/*--main-menu--*/
#main-menu {
	height: 38px;
	font-style: italic;
	font-weight: bold; /*background: url('/images/bgc.jpg');*/}
#main-menu td {text-align:center;}
#main-menu td.menu_fixed {width:20px; white-space:nowrap;padding:0px 30px 0px 30px;}
#main-menu td a {font-size:20px;color:#000;}

#main-menu td a:hover,
#main-menu td.ui-state-active a,
#main-menu td.active a{
	color: #990000;/*#c00;*/
}

#main-menu td.menu_fixed  a {white-space:nowrap;}
.main-menu{
	width:100%;
	overflow: hidden;
}
/*--content--*/
#content{
	width: 100%;
}
#tabs div{
	height: 442px;
	clear: both;
}
#tabs div a{
	display: block;
	margin: 0 auto;
	width:662px;
}
#tabs div a img{
	display: block;
}
.ui-tabs-hide{
	display: none;
}
/*--footer--*/
#footer{
	width:100%;
	padding: 25px 0 0 0;
}
#footer ul{
	width:100%;
	text-align: center;
	padding-bottom: 10px;
}
#footer ul li{
	display: inline;
	padding: 0 1%;
}
#footer ul li a{
	color:#666;
	font-size: 14px;
	line-height: 24px;
	padding-right: 10px;
}
#footer ul li a:hover,
#footer ul li.active a{
	color:#c00;
}
#footer p{
	padding-bottom: 10px;
	text-align: center;
	font-size: 12px;
	color:#ccc;
}
#footer p a{
	color:#ccc;
	text-decoration: none;
}
#footer p a:hover{
	text-decoration:underline;
}
.footer-box{
	height: 1%;
	padding:10px 0;
	margin: 0 24%;
	border-top: 1px solid #666;
	color:#666;
	font-size: 14px;
	line-height: 18px;
}
#footer .footer-box p{
	padding: 0 10px 5px 10px;
	text-align: left;
	color:#666;
}
.top-block{
	margin-left: 200px;
	height: 33px;
	color:#666;
	width:500px;
                padding: 5px 10px 0 0 ;
                overflow:hidden;
}
/*=== text page ===*/
.text-content{
	margin: 0 21%;
	min-height: 352px;
	padding: 45px 0;
	position: relative;
}
* html .text-content{
	height: 352px;
}
.order-phone{
	width: 100px;
	position: absolute;
	top: 43px;
	right:-150px;
}
.order-phone span{
	line-height: 24px;
}
.text-content h2{
	font-size: 16px;
	line-height: 18px;
	color: #c00;
	font-weight: normal;
}
.text-content p{
	color:#3b372c;
	padding-bottom: 15px;
}
/*===order-page===*/
.text-content table{
	border-collapse: collapse;
	width:100%;
	font-size: 16px;
	color:#333;
}
.text-content table tr td{
	padding: 10px 0;
}
.text-content table tr td.count span{
	border: 1px solid #999;
	padding: 0 4px;
}
.text-content table tr td.count{
	width:200px
}
.text-content table tr td.count input{
	border:1px solid #999999;
	width: 20px;
	text-align: center;
}
.count-menu{
	width: 100%;
	overflow: hidden;
	font-size: 14px;
	padding: 10px 0 35px;
}
.count-menu a{
	float: left;
	color:#c00;
}
.count-menu a.first{
	margin-right: 35%;
}
.total{
	overflow: hidden;
/*	background: url(/images/border.gif) repeat-x 0 100%;
	font-size: 18px;*/
	line-height: 20px;
  margin-bottom: 5px;
}
.total span{
	float: left;
	background: #fff;
	padding: 0 2px;
}
.total em{
	float: right;
	font-style: normal;
	background: #fff;
	padding: 0 2px;
}
/*===menu page===*/
.menu-content{
	width: 100%;
	overflow: hidden;
	padding: 38px 0 0 0;
}
.menu-content .wh{
width: 160px;
height:150px;
display:block;
text-decoration:none
}

.menu-content .over_ok {filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
.menu-content .over_ok img {filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}

.menu-content ul{
	width: 100%;
	overflow: hidden;
}
.menu-content ul li{
	float: left;
	width: 158px;
	padding: 0 5.78%;
}
.box-menu{
	width:100%;
	padding: 5px 0 27px 0;
}
.box-menu h4{
	font-size: 14px;
	color:#666;
	padding-bottom: 5px;
}
.box-menu p{
	color:#333;
	padding: 0 0 5px 0;
}
.input-wrapp{
	width:100%;
}
.input-wrapp:after {
	height: 0;
	clear: both;
	content: "";
	display: block;
}
.input-wrapp input{
	float: right;
}
.input-wrapp input.text-input-col,
.input-holder input.input-count{
	margin-top: 5px;
	float: left;
	border:1px solid #999;
	width: 20px;
	text-align: center;
	color:#c00;
}
.fancy-box{
	padding: 5px;
	overflow: hidden;
	position: relative;
}
.fancy-box img{
	float: left;
}
.fancy-content{
	margin-left: 230px; /*300px;*/
/*	width:235px;
	height: 277px;*/
	width: 440px!important;/*350px!important;*/
	height: 310px!important;
	position: relative;
	
}
.fancy-content h3{
	font-size: 26px;
	line-height: 18px;
	color:#990000;
	padding-bottom: 20px;
	text-align:right;
	position: absolute;
	right: 0px;
	margin-right:20px;
}
.fancy-content p{width:200px;
	font-size: 14px;
	padding-bottom: 10px;
}
/*--order-bott-box--*/
.order-bott-box{
	width:100%;
	position: absolute;
	left: 0;
	bottom: 0;
}
/*--input-holder--*/
.input-holder{
	width:100%;
	overflow: hidden;
	padding-bottom: 30px;
}
.input-holder label{
	float: left;
}
.input-holder input.input-count{
	float: right;
	margin: 0;
}
.input-holder span{
	float: right;
	line-height: 20px;
	padding:0 5px;
}
#sub-wrapp{
	float: right;
	position: relative;
	width:97px;
	height: 34px;
}
.popup-box{
	display: none;
	position: absolute;
	top:-50px;
	left: -45px;
	font-size: 10px;
}
.input-wrapp div.hover .popup-box,
#sub-wrapp:hover .popup-box{
	display:block;
}
.table-holder{
	margin-top: 20px;
	width:312px;
	border: solid #cfcfcf;
	border-width: 1px 0 0 1px;
}
.table-holder table{
	width:100%;
}
.table-holder table th{
	text-align: left;
	color:#c66;
	font-size: 16px;
	font-weight: normal;
	padding: 5px 0 5px 10px;
	background: url(/images/table-bg.gif) repeat-x 0 100%;
	border: solid #cfcfcf;
	border-width: 0 1px 1px 0;
}
.table-holder table td{
	padding: 5px 0 5px 10px;
	background: url(/images/table-bg.gif) repeat-x 0 100%;
	border: solid #cfcfcf;
	border-width: 0 1px 1px 0;
	font-size: 12px;
}

  /* List catalog */
#list_catalog {margin:0px;padding:0px;height:100px;}  
#list_catalog td {width:25%;text-align:center;margin:0px;padding:0px;}
#list_catalog td table {width:160px;margin:0px auto;height:100%}
#list_catalog td form {height:100%;margin:0px;padding:0px;}
#list_catalog td form table td {text-align:left; vertical-align:top;}
#list_catalog td form table td.foto {height:150px;}
#list_catalog td form table td.price_count {height:30px; padding-bottom:20px;}

#list_catalog td table td h4{
	font-size: 12px;
	color:#666;
}
#list_catalog td table td p{
	color:#333;
	padding: 0px 0px 5px 0px; display:block;
}
#list_catalog td table td input.text-input-col,
#list_catalog td table td input.input-count{
	margin:5px 40px 0px 0px;
	float: left;
	border:1px solid #999;
	width: 20px;
	text-align: center;
	color:#c00;
}


#new {width:100%}
#new td {text-align:center; vertical-align:top;}
#new td form {text-align:center;width:160px; padding:0 0 20px 0; margin:0}
#new td center h4 {text-align:center;width:250px;font-size: 14px;color:#990000; font-weight:bold;}
	
#new td p{	color:#333;	padding: 0px 0px 5px 0px; display:block;}
#new td  input.text-input-col,#new td  input.input-count{	margin:5px 35px 0px 0px;float: left;border:1px solid #999;width: 20px;	text-align: center;	color:#c00;}

  /* End List Catalog */


p.sales {padding-top:20px;color:grey}
p.sales span{padding-top:5px;display:block}
a.link {padding-left:50px}
#wrapper a.link {
    left: 500px;
    position: absolute;
    top: 75px;
    width: 17%;
}
#wrapper a.link img{
  width: 100%;
  max-width: 221px;
}
.YMaps-balloon td {
padding: 0px !important;
}
/* Vakansii */
#vaki td{
text-align: left;
	vertical-align: top;
	padding-bottom: -30px;
}

.input-holder .spinner {
  float: left;
  height: 20px;
  width: 10px;
}
.text-content table tr td.count span.spinner {
  border: none;
  padding: 0;
}
.fancy-box .input-holder .spinner {
  /*float: right;*/
}
.spinner a {
  cursor: pointer;
}
.dop {
  font-style: italic;
  color: #900;
  display: block;
  margin: 5px 10px;
}
.text-content table tr.ingredient td {
  padding-top: 0;
}
.ingred {
  font-style: italic;
  color: #999;
  padding-left: 10px;
}

#order_form { 
  min-width: 750px;
}
#order_form label, #order_form .label {
  font-size: 14px;
  font-weight: normal;
  width: 130px;
  padding-top: 4px;
  padding-right: 10px;
  text-align: right;
  display: inline-block;
}
#order_form label {
//  float: left;
}
#order_form .order_field {
  font-size: 16px;
  width: 60px;
  padding: 2px;
  margin: 4px 2px;
  border: solid 1px #999;
  border-radius: 3px;
}
#order_form select{
  font-size: 16px;
  padding: 2px;
  margin-left: 2px;
  width: 305px;
  border: solid 1px #999;
  border-radius: 3px;
}
#order_form textarea.order_field {
  width: 300px;
  height: 50px;
}
#order_form  #name, #order_form #street {
  width: 300px;
}
#order_form  #number, #order_form  #number2{
  width: 203px;
}
#order_form  #submit {
  background: #F0F0F0;
  color: #333;
  text-transform: uppercase;
  font-size: 46px;
  border: solid 2px #666;
  border-radius: 10px;
  width: 100%;
  margin-top: 50px;
  cursor: pointer;
}
#order_form  #submit:hover {
  background: #e0e0e0;
}
#order_form  h2 {
  margin: 60px 0 15px;
  font-size: 2em;
  font-weight: bold;
  font-style: italic;
}
#order_form .reqired {
/*  border: #C00 solid 1px;*/
  
}
.ingred-line, .class-product {
  padding-bottom: 20px;
  border-bottom: solid 2px #900;
}
.discount, .no-discount {
  color:#999;
}
.total.no-discount {
  font-weight: bold;
}
.discount5, .discount10, .itog, .red, .text-content p.red {
  color:#c00;
}
.total.itog {
  color:#000;
  margin-top: 20px;
  border-top: solid 1px #999; 
  padding-top: 20px;
  font-size: 30px;
  line-height: 1em;
}

.text-content #ord_form, .text-content #premier_order {
  font-family: Arial, Helvetica, sans-serif;
}
span.label#lstroenie, span.label#lentrance, span.label#lintercom {
  width: 152px;
}
#comment_label {
  height: 50px;
  vertical-align: top;
}
textarea#comment {
  font-family: Georgia, Times, sans;
  font-style: italic;
  color: #666;
}