@import url(base.css);

/*{{{ =Layout */ 

body {
  font: 11px Tahoma, sans-serif;
  color: #010101;
  text-align: center;
  background: url(03.gif) 50% 0 repeat-y #B97F4F;
}

body.inner {
  font: 12px Tahoma, sans-serif;
  color: #000;
}


a {
  color: #799B01;
}

#container a:hover {
  color: #6B8800;
}


#container {
  width: 1065px; 
  height: auto; min-height: 100%; _height: 100%; 
  margin: 0 auto;
  text-align: left;
  background: url(00.jpg) 0 0 repeat-y #F7F0C6;
}

body.inner #container {
  width: 1084px;
}


#header {
  height: 146px;
  position: relative;
  background: url(01.jpg) 0 0 no-repeat;
}

body.inner #header {
  background: url(11.jpg) -4px 0 no-repeat;
}


#content {
  float: left; 
  width: 100%;
  margin-right: -100%;
}


#txt {
  margin: 0 0 0 280px; padding: 0;
  background: url(02.jpg) 0 0 no-repeat;
  height: 836px;
  position: relative;
}

body.inner #txt {
  background: url(12.jpg) 100% 0 no-repeat;
  height: auto;
  padding: 113px 95px 0 50px;
}


#sidebar {
  float: left;  
  width: 280px;
  margin: 0 0 90px 0;
}

body.inner #sidebar {
  overflow: visible;
  margin: 0;
}


#sp1 {
  height: 16px; 
  clear: both;
}

body.inner #sp1 {
  height: 250px;
}

.hr hr {
  display: none;
}


#footer {
  width: 1065px; height: 16px;
  margin: -16px auto 0;
  text-align: left;
  position: relative;
}

body.inner #footer {
  width: 1084px;
  height: 104px;
  margin: -104px auto 0;
}

/*}}}*/


/*{{{ =Header*/

#aromatizaciya {
  position: absolute; top: 0; left: 20px;
}


#icons {
  position: absolute; top: 111px; left: 72px;
  width: 80px;
}

#icons li {
  float: left;
  margin: 0 15px 0 0;
}


#slog {
  margin: 0;
  width: 371px; height: 79px;
  background: url(slog.gif) 0 0 no-repeat;
  position: absolute; top: 41px; left: 385px;
  text-indent: -9999px;
}


#tel {
  margin: 0;
  width: 200px; height: 67px;
  background: url(tel.jpg) 0 0 no-repeat;
  position: absolute; top: 12px; right: 63px;
  text-indent: -9999px;
}

body.inner #tel {
  right: 75px;
}

/*}}}*/


/*{{{ =Txt*/

h1, h2 {
  margin: 0 0 10px 0;
  font-weight: normal; font-size: 18px;
}

h1 {
  color: #CD0A12;
}

h2 {
  color: #BF895A;
}

p {
  margin: 0 0 19px 0;
}

.desc {
  width: 195px; height: 113px;
  position: absolute;
}

.desc h1 {
  margin: 0 0 7px 0;
  font-size: 13px;
  font-weight: bold;
  color: #799B01;
  text-decoration: underline;
}

.desc p {
  margin: 0;
}

.one {
  top: 21px; left: 55px;
}

.two {
  top: 120px; left: 283px;
}

.three {
  top: 228px; left: 513px;
}

.four {
  top: 356px; left: 99px;
}

.five {
  top: 489px; left: 423px;
}


.txttext {
  padding: 0 0 0 19px;
  zoom: 1;
}


table#aroma {
  margin: 10px 0 0 0;
}

table#aroma th {
  text-align: left; vertical-align: top;
  color: #CD0A12;
  font-weight: normal;
  padding: 0 4px 6px;
  border-bottom: 1px solid #CD0A12;
}

table#aroma td {
  text-align: left; vertical-align: top;
  padding: 8px 4px 10px;
}

table#aroma td p {
  margin: 0;
}

table#aroma .fix {
  width: 174px; _width: 178px;
}

table#aroma td.fix {
  font-weight: bold;
}

table#aroma h2 {
  background: url(bul3.gif) 0 100% repeat-x;
  padding: 0 0 6px 4px; margin: 0 0 0 -4px;
}

/*{{{ =Добавил*/

/*table#equipments1 {
  margin: 10px 0 0 0;
}*/
/*Отступ от начала таблицы с оборудованием (отступ от заголовка страницы)*/

table#equipments1 th {
  text-align: left; vertical-align: top;
  color: #CD0A12;
  font-size: 11px;
  font-weight: bold;
  padding: 0px 4px 6px;
  border-bottom: 1px solid #CD0A12;
}

table#equipments1 td {
  font-size: 11px;
  text-align: left; vertical-align: top;
  padding: 8px 4px 10px;
}

table#equipments1 td p {
  margin: 0;
}

table#equipments1 .fix1 {
  padding: 20px 6px 20px 6px;
/*cтока с картинками ароматизаторов (equipments)*/
}

table#equipments1 .fix {
  width: 350px;
/*Ширина строки слева от картинок ароматизаторов (equipments)*/
}

table#equipments1 td.fix {
  font-weight: bold;
/*Строка может не понадобиться, ее нет в index equipments*/
}

table#equipments1 h2 {
  background: url(bul3.gif) 0 100% repeat-x;
  padding: 0 0 6px 4px; margin: 0 0 0 -4px;
}

table#equipments1 h3 {
  padding: 0 0 6px 4px; margin: 0 0 0 -4px;
}


/*Страница с описанием каждого оборудования*/
table#equipments2 {
  margin: 10px 0 0 0;
}

table#equipments2 th {
  text-align: left; vertical-align: top;
  color: #CD0A12;
  font-weight: normal;
  padding: 0 4px 6px;
  border-bottom: 1px solid #CD0A12;
}

table#equipments2 td {
  text-align: justify; vertical-align: top;
  padding: 8px 4px 10px;
}

table#equipments2 .fix {
  width: 500px; _width: 178px;
}

table#equipments2 h2 {
  background: url(bul3.gif) 0 100% repeat-x;
  padding: 0 0 6px 4px; margin: 0 0 0 -4px;
}

table#equipments2 .fix1 {
  padding: 20px 6px 20px 20px;
/*cтока с картинками ароматизаторов (equipments)*/
}


/*}}} =Добавил*/

/*}}}*/


/*{{{ =Sidebar*/

.topp {
  width: 241px; height: 10px;
  background: url(05.jpg) 0 0 no-repeat;
  margin: 0 0 0 39px;
}

.bott {
  width: 242px; height: 37px;
  background: url(07.png) 0 0 no-repeat; _background: none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pic/07.png',sizingMethod='scale');
  margin: 0 0 10px 38px;
}

#nav {
  margin: 0 0 0 39px;
  background: url(04.jpg) 0 0 repeat-y #FFF5C8;
  position: relative;
  zoom: 1;
}

#nav ul {
  background: url(06.jpg) 0 100% no-repeat;
  padding: 7px 15px 10px 18px;
}

#nav ul li {
  font-size: 14px;
  line-height: 120%;
  margin: 0 0 4px 0; _margin: 0 0 1px 0;
}

#nav ul li strong {
  display: block;
  padding: 2px 0 4px 15px;
}

#nav ul li.active {
  background: url(bul2.jpg) 0 0 no-repeat #FAF6D9;
}

#nav li.active strong {
  background: url(bul1.jpg) 0 100% no-repeat;
}

#nav li.active a {
  color: #C28E60;
  text-decoration: none;
}

#nav ul li a {
  color: #CD0A12;
}

#nav ul li a:hover {
  color: #F4212C;
}

#nav li.active a:hover {
  color: #C28E60;
  text-decoration: underline;
}


#bat {
  width: 73px; height: 83px;
  background: url(bat.gif) 0 0 no-repeat;
  position: absolute; bottom: -27px; right: -35px;
}


#sub-nav {
  margin: 23px 0 35px 39px;
}

#sub-nav li {
  line-height: 120%;
}

#sub-nav li strong {
  font-weight: normal;
  display: block;
  padding: 0 10px 0 33px;
}

#sub-nav li span {
  display: block;
  line-height: 0; font-size: 0;
  width: 241px; height: 9px;
}

#sub-nav li.active span.tt {
  background: url(15.gif) 0 0 no-repeat;
}

#sub-nav li.active span.bb {
  background: url(16.gif) 0 0 no-repeat;
}

#sub-nav li.active strong {
  background: url(14.jpg) 0 0 repeat-y #FFF7CB;
}

#sub-nav li a {
  color: #033900;
}

#sub-nav li.active a {
  color: #CD0A12;
  text-decoration: none;
}

#sub-nav li.active a:hover {
  color: #CD0A12;
  text-decoration: underline;
}


.anonce {
  margin: 0 40px 13px 70px;
  font-size: 12px;
}

.anonce h2 {
  margin: 0 0 9px 0;
  color: #FAF6DB;
}

.anonce h2 a {
  color: #FAF6DB;
}

#sidebar .anonce h2 a:hover {
  color: #fff;
}

.anonce img {
  border: 1px solid #A27147;
}

.anonce p {
  margin: 5px 0 0 0;
}

.anonce a {
  color: #033900;
}

#container .anonce a:hover, #sub-nav li a:hover {
  color: #066900;
}


#list {
  width: 200px; height: 296px;
  background: url(09.gif) 100% 0 no-repeat;
}

/*}}}*/


/*{{{ =Footer*/

#cap {
  width: 443px; height: 240px;
  background: url(10.png) 0 0 no-repeat; _background: none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pic/10.png',sizingMethod='scale');
  position: absolute; top: -224px; left: 372px;
}

.inner #cap {
  top: -136px;
}


#inf {
  color: #023900;
  font-size: 12px;
  margin: 0 0 0 72px;
  width: auto;
  position: absolute; top: -88px; left: 0;
}

body.inner #inf {
  top: 0;
}

#inf a {
  color: #023900;
}

#inf h2 {
  margin: 0 0 3px 0;
}

#inf h2 a {
  color: #FAF6DB;
}

#inf address {
  font-style: normal;
}

/*}}}*/