/*
  (c) 2006, Mediaweb Internet Design Studio
  Client: ООО "Джи-Эм-Пи" Санкт-Петербург"
  URL: 
*/



  /* common */
body,div {
  font-family: Tahoma, Verdana, sans-serif;
  font-size: 12px;
  color: #3C5D76;
  margin:0;
  padding:0;}
html, body {
  margin: 0; 
  padding: 0;}  
h1,
h2,
h3,
h4,
h5,
h6,
form {
  margin: 0;
  padding: 0;}



  /* tags */
/* h1 {
  color: #525252;
  font-size: 10px;
  font-weight: normal;
  padding-bottom: 3px;
  text-align: center;}
h2 {
  font-size: 14px;
  font-weight: bold;
  color: #5F5F5F;
  text-align: left;
  font-family: Times New Roman, serif;} */
h1 {
  font-size: 17px;
  font-weight: bold;
  color: #5F5F5F;
  text-align: left;
  font-family: Times New Roman, serif;}
h2 {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 15px;}
h3.job {
  font-size: 10px;
  font-weight: normal;}
h4 {
  font-size: 12px;
  font-weight: bold;
  margin: 20px 0px 10px 0px ;}
P {
  font-size: 12px;
  color: #3C5D76;}
A {
  text-decoration: underline;
  color: #283FA5;}
A:hover {
  text-decoration: none;}
  
.dwnldpl {
  padding-left: 15px;
  color: #5F5F5F;
  font-weight: bold;
  font-size: 11px;}

.consult-name {
  display: block;
  color: #525252;
  font-size: 10px;
  font-weight: normal;
  padding-bottom: 3px;
  text-align: center;
  clear: both;}
.consult-blk {
  font-size: 14px;
  font-weight: bold;
  color: #5F5F5F;
  text-align: left;
  font-family: Times New Roman, serif;}

  /* общие ссылки */
.more-red {
  font-size: 11px;
  text-decoration: underline;
  color: #F60000;}
.more-red:hover {
  text-decoration: none;}
.more-blue {
  font-size: 11px;
  text-decoration: underline;
  color: #283FA5;}
.more-blue:hover {
  text-decoration: none;}
#archive A, 
#offerz A, 
#go-back A, 
#search-field A,
#print A,
#pager A {
  text-decoration: underline;
  color: #5276E7;}
#archive A:hover, 
#offerz A:hover, 
#go-back A:hover, 
#search-field A:hover, 
#print A:hover,
#pager A:hover {
  text-decoration: none;}



  /* header */
#top {
  width: 100%;
  height: 74px;
  background: #FFFFFF url(/img/bg/top.gif) repeat-x;}

  /* header - поиск */
#search-field {
  position: absolute;
  top: 6px;
  right: 15px;
  font-size: 10px;}
#search-field FORM {
  padding-top: 7px;}
#search-field INPUT.field {
  width: 130px;}

#search-phones {
  position: absolute;
  top: 20px;
  left: 160px;
  font-size: 11px;}
#search-phones-p {
  position: absolute;
  top: 20px;
  left: 210px;
  font-size: 11px;}

  /* основное меню */
#menu {
  width: 100%;
  height: 32px;
  background: #E5E6EE url(/img/bg/menu.gif); repeat-x}
#menu TABLE {
  text-align: center;
  width: 100%;
  height: 32px;}
/*#menu TD {
  width: auto;}*/



  /* flash */
#flash {
  width: 100%;
  height: 201px;
  background: #0049AC url(/img/bg/flash.gif) right top repeat-x ;}
#flash TABLE {
  width: 100%;
  height: 201px;}
#flash TD {
  width: 50%;}



  /* основной блок */
#container {
  background: none;
  margin-top: -30px;
  clear: both;}
#content-table {
  width: 100%;
  height: 100%;}
.left {
  width: 184px;
  vertical-align: top;
  background: url(/img/bg/lcol.gif) repeat-x;}
.right {
  padding-top: 40px;
  vertical-align: top;
  width: 100%;
  background: url(/img/bg/lcol_sep.gif) bottom repeat-x;}
.right-field {
  background: url(/img/bg/right_field.gif) 0px 40px;
  width: 30px;}



  /* левая колонка */
  /* левая колонка - заголовок */
#left-column-name {
  width: 204px;
  height: 30px;
  background: #CECECE url(/img/bg/lcol_head.gif) repeat-x;
  position: absolute;
  top: 276px;
  left: 0px;
  padding-top: 3px;
  font-size: 11px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  font-family: Arial, sans-serif;
  text-transform: uppercase;}

  /* левая колонка - первое меню */
#left-column-top {
  padding: 34px 0px 0px 0px;
  clear: both;}
#left-column-goods {
  font-size: 11px;
  background: none;
  width: 184px;
  padding: 0px 0px 0px 20px;}
#left-column-goods A {
  color: #272727;
  text-decoration: underline;
  line-height: 20px;}
#left-column-goods A:hover {
  text-decoration: none;}

  /* левая колонка - второе меню */
#left-column-serv {
  font-size: 11px;
  background: none;
  font-weight: bold;
  width: 184px;
  padding-left: 20px;}
#left-column-serv A {
  color: #272727;
  text-decoration: underline;
  line-height: 20px;}
#left-column-serv A:hover {
  text-decoration: none;}

  /* левая колонка - заголовок */
#head {
  width: 179px;
  height: 31px;
  background: url(/img/bg/heady.gif) repeat-x;
  padding: 6px 0px 0px 3px;
  margin-left: 11px;}

  /* прикрепленные файлы */
#attachment {
  text-align: left;
  width: 177px;
  background: url(/img/bg/frame.gif) repeat-y;
  margin: 6px 15px 15px 13px;}
#attachment SPAN {
  font-size: 10px;
  color: #8A8A8A;}
#attachment-info {
  font-size: 11px;
  margin: 7px 15px 7px 15px;}



  /* консультанты - содержимое */
#consulting {
  width: 177px;
  background: url(/img/bg/frame.gif) repeat-y;
  margin: 6px 0px 20px 13px;}

  /* консультанты - сведения */
#consult-info {
  width: 150px;
  font-size: 11px;
  color: #5F5F5F;
  padding: 10px 0px 5px 15px;}
#consult-info IMG {
  clear: left;
  padding: 3px 5px 0px 0px;}

  /* консультанты - сведения - контакты */
#consult-contact {
  text-align: center;
  font-size: 11px;
  clear: both;
  margin-bottom: 10px;}
#consult-contact IMG {
  margin: 3px 5px 0px 0px;}
#consult-contact A {
  text-decoration: underline;
  color: #283FA5;}
#consult-contact A:hover {
  text-decoration: none;}



  /* главное содержание */
#mainest-head {
  width: 100%;
  height: 31px;
  background: url(/img/bg/heady.gif) repeat-x;
  padding: 5px 0px 0px 3px;}
.more-icn {
  border: none;
  width: 11px;
  height: 9px;}
.date {
  font-size: 10px;
  color: #222828;}



  /* новое оборудование - container */
#content-container {
  margin: 10px 0px 10px 0px;}
.new-left {
  width: 0px;
  text-align: center;
  vertical-align: top;}
.new-right {
  width: 60%;
  vertical-align: top;}
.new-right LI {
  font-size: 11px;}

  /* новое оборудование */
#new-product {
  width: 176px;
  background: url(/img/bg/frame_main.gif) repeat-y;
  text-align: center;
  margin: 0px 40px 10px 40px;}
.new {
  color: #F60000;
  font-weight: bold;}
.new-name {
  font-weight: bold;}
#content-container UL {
  list-style-type: square;
  font-size: 11px;}



  /* главный каталог */
#cat1 {
  margin-top: 10px;
  width: 100%;}

#cat1 TD {
  vertical-align: top;}

  /* каталог - второй уровень */
#cat2 {
  vertical-align: top;
  width: 100%;}

#cat2 TD {
  text-align: center;
  vertical-align: top;}
.cat2-item {
  padding: 8px 0px 8px 0px;
  width: 100%;
  background-color: #EEEEEE;}
.price {
  height: 24px;
  background: #FFFFFF url(/img/bg/price.gif) repeat-x;
  text-align: center;
  color: #EC0013;
  margin: 5px 0px 5px 0px;
  padding-top: 5px;}

  /* картинка в каталоге */
#catalog-data {
  width: 100px;
  background: #FFFFFF url(/img/bg/cat1.gif) repeat-y;
  text-align: center;
  margin-right: 15px; 
  float: left;}
#catalog-data-in {
  width: 100px;
  background: #FFFFFF url(/img/bg/cat1.gif) repeat-y;
  text-align: center;}
.catalog-pic {
  height: 85px;}
.cat {
  clear: both;
  color: #3C5D76;
  font-weight: bold;
  margin-bottom: 10px;}
.cat:hover {
  text-decoration: none;}



  /* новости, предложения - container */
#news-container {
  width: 100%;
  margin: 10px 0px 10px 0px;}
.c-left-n {
  width: 55%;
  vertical-align: top;
  color: #647676;
  line-height: 20px;}
.c-right-o {
  width: 45%;
  vertical-align: top;}

  /* предложения */
#offer-container {
  clear: both;}
#offer {
  width: 134px;
  background: url(/img/bg/offer.gif) repeat-y;;
  text-align: center;
  margin: 4px 7px 1px 0px;
  float: left;
  clear: left;}
.offer-text {
  margin: 7px 7px 7px 7px;}
#offer-info {
  font-size: 11px;
  clear: right;
  padding-top: 8px; 
  margin-bottom: 10px;}



  /* footer - счетчики */
#buttons {
  clear: both;
  width: 100%;
  padding: 10px 0px 10px 0px;
  vertical-align: bottom;}

  /* footer - повтор меню */
#menu-repeat {
  clear: both;
  width: 100%;
  height: 27px;
  background: #FFFFFF url(/img/bg/bottom.gif) repeat-x;
  text-align: right;
  font-size: 10px;
  color: #9FA19F; 
  padding-top: 7px;}
#menu-repeat A {
  text-decoration: underline;
  color: #5276E7;}
#menu-repeat A:hover {
  text-decoration: none;}
#menu-repeat SPAN {
  color: #0C375F;}

  /* footer */
#footer {
  clear: both;
  width: 100%;
  font-size: 11px;
  color: #747474;}
#footer TABLE {
  width: 100%;
  height: 80px;
  padding: 0px 30px 0px 15px;}
#footer TD {
  width: 50%;}
#footer A {
  text-decoration: underline;
  color: #283FA5;}
#footer A:hover {
  text-decoration: none;}



  /* STUFF */
  /* centerpath */
#centerpath {
  clear: left;
  font-size: 11px;
  color: #000000;
  margin-bottom: 10px;}



  /* вложенная таблица */
.incld-table {
  margin: 10px 0px 20px 0px;
  width: 70%; 
  background-color: #F4F4F4;}
.incld-td-hl {
  width: 70%; 
  height: 28px; 
  background-color: #E1E1E1;  
  color: #3C5D76; 
  font-weight: bold; 
  text-align: center; 
  border: #FFFFFF 1px solid;}
.incld-td-hr {
  width: 30%; 
  height: 28px; 
  background-color: #E1E1E1;  
  color: #3C5D76; 
  font-weight: bold; 
  text-align: center; 
  border: #FFFFFF 1px solid;}
.incld-td-l {
  height: 20px;  
  padding: 0px 10px 0px 10px; 
  border: #FFFFFF 1px solid;}
.incld-td-r {
  height: 20px;  
  text-align: center; 
  border: #FFFFFF 1px solid;}



  /* форма обратной связи */
#feedback-table {
  width: 50%;
  background: #F4F4F4;
  text-align: left;
  margin: 10px 0px 20px 0px;}
#feedback-table TD {
  border: #FFFFFF 1px solid;}
.field-name {
  padding-left: 10px;
  width: 30%;}
.field {
  padding: 5px 15px 5px 15px ;
  width: 70%;}
#feedback-table SPAN {
  padding: 0px 5px 0px 5px;
  font-weight: bold; 
  line-height: 24px;}
.feedback-btm {
  text-align: center; 
  height: 46px;}
.field2 {
  width: 100%;}
.field3 {
  width: 100%;}
.radio {
  margin: 0px 10px 0px 5px}
.form-field {
  width: 200px;}


  /* прикрепленный файл */
.download {
  width: 50%; 
  background-color: #F4F4F4; 
  margin: 10px 0px 20px 0px;}
.icon {
  margin: 12px 30px 12px 12px;}



  /* версия для печати */
#print {
  width: auto;
  background: url(/img/icn/print.gif) 10px 7px no-repeat;
  font-size: 11px;
  padding: 3px 0px 0px 26px;
  clear: both;
  float: right;
  margin-bottom: 20px;}



  /* пейджер */
#pager {
  clear: both;
  width: auto;
  font-size: 11px;
  clear: both;
  float: left;}
#pager IMG {
  width: 8;
  height: 5;
  border: none;}
#pager SPAN {
  font-weight: bold;
  color: #000000;}

.red-text {
  color: #ED1F11;
  font-weight: bold;}



  /* разделители */
#left-column-sep {
  width: 204px;
  height: 29px;
  background: url(/img/bg/lcol_sep.gif) repeat-x;}
#news-sep {
  clear: both;
  width: auto;
  height: 10px;
  background: url(/img/bg/news_sep.gif) repeat-x;}
#main-sep {
  clear: both;
  width: 100%;
  height: 29px;
  background: url(/img/bg/lcol_sep.gif) repeat-x;}



  /* ссылки на доп. инфо */
#archive {
  width: auto;
  height: 18px;
  background: #F0F0F0 url(/img/icn/archive.gif) 10px 7px no-repeat;
  border: #D8D8D8 solid 1px;
  font-size: 11px;
  padding: 2px 0px 0px 26px;
  clear: both;
  margin: 0px 0px 0px 0px;
  line-height: 14px;}
#offerz {
  width: auto;
  height: 18px;
  background: #F0F0F0 url(/img/icn/offer.gif) 10px 7px no-repeat;
  border: #D8D8D8 solid 1px;
  font-size: 11px;
  padding: 2px 0px 0px 26px;
  clear: both;
  margin: 0px 0px 0px 0px;}
#back {
  width: auto;
  height: 18px;
  background: #F0F0F0 url(/img/icn/back.gif) 10px 7px no-repeat;
  border: #D8D8D8 solid 1px;
  font-size: 11px;
  padding: 2px 0px 0px 26px;
  clear: both;;}

/* Галерея */
#photogalery {
        float: center;
        width: auto;
        margin-bottom: 10px;
        vertical-align: top;
        font-size: 11px;
        text-align: center;
        margin-bottom: 20px;}
#galery {
        width: 100%;
        float: center;
        height: auto;
        clear: both;}
#galery TABLE {
        width: 23%;
        float: left;
        margin: 0px 4px 10px 4px;
        text-align: center;}
#galery TD {
        margin-bottom: 10px;
        height: 100%;
        text-align: center;}
.galery-name {
        width: 100%;
        float: left;}