body, html {
margin:0px; /*Это хорошая практика обнулять поля и отсупы, т.к. различные браузеры их по разному воспринимают. */
padding:0px;
text-align:center; /*Выравниваем макет по центру в старых версиях браузеров */
height:100%;
background-image:url('light_bl.jpg');
background-repeat:repeat;
font-family:Tahoma, Verdana, Sans-Serif;
	font-size:11pt;
}
#container
{
	background-image:url('/sky_bgd0.jpg');
	background-repeat:repeat-x;
margin:0 auto;  /*выравниваем макет по центру в современных браузерах */
text-align:left;  /*Отменяем tex-align:center заданное в Body. Делаем чтобы весь текст в макете выравнивался по левому краю */
 position:relative;
  min-height: 100%;
min-width:1200px;  /*задаем минимальную ширину макета в современных браузерах */
width:expression(   /*задаем минимальную ширину макета в старых версия браузера. Просто замените цифру на свою шиирину :) */
(document.compatMode && document.compatMode == 'CSS1Compat')
?
(
document.documentElement.clientWidth < 1200
?
"1200px"
:
"auto"
)
:
(
document.body.clientWidth < 1200
?
"1200px"
:
"auto"
)
);
}
/*Здесь пишем стили для шапки сайта */
#header{
background-color:transparent;
margin-right:152px;
margin-left:152px;
height:270px;
position:relative;
}
#header h1 {
	margin: 0; /* Обнуляем отсупы для заголовка первого уровня, находящегося в шапке. Это нужно обязательно делать, при использовании заголовков. Если используются параграфы, то тоже нужно обнулить отсупы для них. */
	padding: 10px 0; /* Задаем поля */
}
#logo
{
	background-color:white;
	height:240px;
	position:relative;
}
#pics
{
	position: absolute;
   top: 50%;
   left: 50%;
   width: 800px;
   height: 250px;
   margin-left: -400px;
   margin-top: -112px;
   background:transparent;
}
#pics img
{
	border:none;
}
#logopic
{
	position:absolute;
	top:90px;
	left:7px;
	background-color:Transparent;
}
#fruitpic
{
	position:absolute;
	top:0px;
	left:437px;
	background-color:Transparent;
}
#fave
{
	position:absolute;
	top:45px;
	left:715px;
	background-color:Transparent;
}
#home
{
	position:absolute;
	top:45px;
	left:745px;
	background-color:Transparent;
}
#email
{
	position:absolute;
	top:45px;
	left:775px;
	background-color:Transparent;
}
/*Здесь пишем стили для блока меню */
#menu{
background-color:white;
height:65px;
margin:0px; /*обнуляем отступы сверху и снизу*/
margin-left:152px; /*обязательный отступ слева, должен быть немного больше ширины левой колонки */
margin-right:152px; /*Обязательный отступ справа, должен быть немного больше ширины правой колонки */
position:relative;
}
#menuwr
{
	position: absolute;
   top: 50%;
   left: 50%;
   width: 850px;
   height: 60px;
   margin-left: -400px;
   margin-top: -30px;
}
#menuwr ul
{
list-style: none;
padding: 0;
margin: 0;
} 
#menuwr li
{
float: left;
margin: 0 0.15em;
} 
#menuwr li a
{
	display:block;
	text-decoration:none;
} 
#menuwr img
{
	border:none;
}
/*Здесь пишем стили для блока контента */
#content{
background-color:white;
margin:0px; /*обнуляем отступы сверху и снизу*/
margin-left:152px; /*обязательный отступ слева, должен быть немного больше ширины левой колонки */
margin-right:152px; /*Обязательный отступ справа, должен быть немного больше ширины правой колонки */
padding-bottom:100px;
height:100%;
position:relative;
}
#content h1 {
margin:0px; /* Обнуляем отсупы для заголовка первого уровня, находящегося в блоке контента.*/
padding-top:10px;
font-size:16pt;
} 

#content .inner_coneten p 
{
	padding-left: 0px;
	padding-right: 0px;
}

#content p {
margin:0px; /* Обнуляем отсупы для параграфов я, находящегося в блоке контента.*/
padding-left:100px; /*задаем поля, т.е. чтобы был промежуток между строками, чтобы было понятно, что это параграф :)*/
padding-right:100px; /*задаем поля, т.е. чтобы был промежуток между строками, чтобы было понятно, что это параграф :)*/
padding-top:4px;
}
/*атрибут, который опускает подвал сайта ниже всех блоков. Нужен для корректной работы макета. */
#clear{
height:500px;
font-size:1px;
line-height:500px;
clear:both;
}
/*Здесь пишем стили для подвала сайта */
#footer{
background-color:Transparent;
position: relative;
  margin-top: -90px;
  height: 90px;
  text-align:center;
  font-weight:bold;
}
#bleft
{
	background-image:url('footer_b.png');
position: relative;
  margin-top: -322px;
  height: 322px;
  float:left;
  width:556px;
}
#bright{
background-image:url('footer_c.png');
position: relative;
  margin-top: -156px;
  height: 156px;
  float:right;
  width:482px;
}




.labelTime
{
	position:absolute;
	top:185px;
	left:5px;
	font-weight:bold;
}
.labelAddress
{
	position:absolute;
	top:205px;
	left:5px;
	font-weight:bold;
}
.pathLink
{
	position:absolute;
	top:225px;
	left:5px;
	font-weight:bold;
}
.common
{
	font-weight:bold;
}
.commonTxt
{
	width:500px;
}
.sendbut
{
	margin-left:300px;
	background-image:url('send_but.png');
	width:68px;
	height:23px;
}
.element
{
	margin-left:100px;
}
.leftcol
{
	padding-left:100px;
}
.reqheader
{
	font-size:11pt;
	color:white;
	font-weight:bold;
}










/*** НЕОБХОДИМЫЕ СТИЛИ ***/
  .sf-menu, .sf-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
  }
  .sf-menu {
  line-height: 1.0;
  }
  .sf-menu ul {
  position: absolute;
  top: -999em;
  width: 10em; 
  }
  .sf-menu ul li {
  width: 100%;
  margin: 0;
  }
  .sf-menu li:hover {
  visibility: inherit; 
  }
  .sf-menu li {
  position: relative;
  }
  .sf-menu a {
  display: block;
  position: relative;
  }
  .sf-menu li:hover ul,
  .sf-menu li.sfHover ul {
  left:  0;
  top:  2.5em;
  z-index: 99;
  }
  ul.sf-menu li:hover li ul,
  ul.sf-menu li.sfHover li ul {
  top: -999em;
  }
  ul.sf-menu li li:hover ul,
  ul.sf-menu li li.sfHover ul {
  left: 10em; 
  top: 0;
  }
  ul.sf-menu li li:hover li ul,
  ul.sf-menu li li.sfHover li ul {
  top: -999em;
  }
  ul.sf-menu li li li:hover ul,
  ul.sf-menu li li li.sfHover ul {
  left: 10em; 
  top: 0;
  }
/*** СКИН ДЕМО ***/
  .sf-menu {
  float: left;
  margin-bottom: 1em;
  }
  .sf-menu a {
  border-left: 1px solid #fff;
  border-top: 1px solid #CFDEFF;
  padding: .75em 1em;
  text-decoration:none;
  }
  .sf-menu a, .sf-menu a:visited  {
  color: #13a;
  }
  .sf-menu li {
  margin-bottom: 10px;
  background: #BDD2FF;
  }
  .sf-menu li li {
  background: #AABDE6;
  min-width: 549px;
  }
  .sf-menu li li li {
  background: #9AAEDB;
  }
  .sf-menu li:hover, .sf-menu li.sfHover,
  .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
  background: #CFDEFF;
  outline: 0;
  }
/*** СТРЕЛКИ **/
  .sf-menu a.sf-with-ul {
  padding-right: 2.25em;
  min-width: 500px; 
  }
  .sf-sub-indicator {
  position: absolute;
  display: block;
  right: .75em;
  top: 1.05em; /* ТОЛЬКО ДЛЯ IE6 */
  width: 10px;
  height: 10px;
  text-indent: -999em;
  overflow: hidden;
  background: url('images/arrows-ffffff.png') no-repeat  -10px -100px; 
  }
  a > .sf-sub-indicator {  
  top: .8em;
  background-position: 0  -100px; 
  }
a:focus > .sf-sub-indicator,
  a:hover > .sf-sub-indicator,
  a:active > .sf-sub-indicator,
  li:hover > a > .sf-sub-indicator,
  li.sfHover > a > .sf-sub-indicator {
  background-position: -10px  -100px; 
  }

.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
  .sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
.sf-menu ul a:focus > .sf-sub-indicator,
  .sf-menu ul a:hover > .sf-sub-indicator,
  .sf-menu ul a:active > .sf-sub-indicator,
  .sf-menu ul li:hover > a > .sf-sub-indicator,
  .sf-menu ul li.sfHover > a > .sf-sub-indicator {
  background-position:  -10px 0; 
  }
/*** ТЕНИ ДЛЯ ВСЕХ БРАУЗЕРОВ,  КРОМЕ IE6 ***/
  .sf-shadow ul {
  background: url('images/shadow.png') no-repeat bottom  right;
  padding: 0 8px 9px 0;
  -moz-border-radius-bottomleft:  17px;
  -moz-border-radius-topright:  17px;
  -webkit-border-top-right-radius:  17px;
  -webkit-border-bottom-left-radius:  17px;
  }
  .sf-shadow ul.sf-shadow-off {
  background:  transparent;
  }

  
  .gallery
  {
	padding: 10px;
	text-align: left;
	padding: 20px;
}
  
  
  
  .content_menu
  {
  }
  
  
  .sf-menu2 li
  {
	list-style: none;
	margin-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	border-bottom: 1px solid #eee;
	display: table;
  }
  
  .sf-menu2 a
  {
	color: #557;
	text-decoration: none;
	font-size: 17px;
  }
  
  .sf-menu2 li:hover
  {
	text-shadow: 0 0 20px rgba(0,0,0,0.5);
	
  }
  
  .bred_wrapper a
  {
	color: #99c;
	text-decoration: none;
	font-size: 17px;
	font-weight: 400;
	border-bottom: 1px solid #eee;
  }
  
   .bred_wrapper a:hover
  {
	text-shadow: 0 0 10px rgba(0,0,0,0.3);
	
  }
  
  
  .inner_coneten
  {
	padding: 20px;
  }
  
   .gallery  a, .qua_orders a
   {
	text-decoration: none;
   }
   
   
   .qua_orders
   {
	padding: 20px;
   }
   
   .qua_orders table tr td
   {
	border-bottom: 1px solid #eee;
   }
   
    .qua_orders table tr td:first-child
	{
		width: 200px;
		padding-left: 20px;
	}
   
  .gallery .fancybox img, .qua_orders .fancybox img
{
	border: 1px solid #ccc;
	padding: 2px;
	box-shadow: 0px 0px 10px #ccc;
	border-radius: 3px 3px 3px 3px;
}


.heeeader
{
	padding: 20px;
}

.quality_h1
{
	padding: 20px;
	color: #666666;
}
.quality_h1 img
{
	padding-right: 20px;
}

.superman
{
	margin-bottom: 10px;
	
	text-align: center;
}

.superman label
{    display: block;
    text-align: center;
	
	    font-family: Arial;
    font-size: 11pt;
    font-weight: bold;
	margin-bottom: 5px;
	color: #6D6EEB;
}

.superman .title
{
    text-align: center;
}