/* R E S E T */



/* reset */
body {color:#020202;background-color:#F9BF8B}
fieldset, body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
li {list-style:none}
caption,th {text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
abbr,acronym {border:0;font-variant:normal}

sub {vertical-align:text-bottom}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit}

body{font:12px arial, verdana,helvetica,clean,sans-serif}
table {font-size:inherit;font-size:100%}
select, input, textarea {font:99% arial,helvetica,clean,sans-serif}

body * {line-height:1.22em}

h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #CE6241 }
strong{font-weight: bold}

abbr,acronym{border-bottom: 1px dotted #000;cursor: help}
em{font-style: italic}

a { /*text-decoration: none;*/ color: #020202 }
a:hover { color: #020202 }
a:visited { color: #020202 }


a#logo, strong#logo {
  display: block;
  width: 246px;
  height: 47px;

  float: left;

  background: transparent url("/images/logo.gif") no-repeat right top
}
a#logo span, strong#logo span { display: none }

body.blank { padding: 17px }
body.blank strong,
body.blank p,
body.blank a#logo,
body.blank img
{ display: block; float: left; clear: both }
body.blank p, body.blank img { margin: 17px 0 20px }

body.blank strong { margin: 10px 0 5px 0; font-size: 120% }



/* C O M M O N */



/* grid */
html, body { height: 100%; margin: 0; padding: 0 }

body { /*text-align: center */}

div#layout, div#footer div.grid { width: 1005px; margin: 0 auto }
div#layout {
  border-left: 5px solid #F9BF8B;

  background: transparent url("/images/bg/content.gif") repeat-y right top;

  padding: 0 0 0 38px;

  min-height: 100%;
  margin-bottom: -216px;
  height: auto
}
div#clear_content { clear: both; height: 216px }
* html div#layout { height: 100% }


div#layout, div#footer div.grid { text-align: left }

div#top, div#menu { background-color: #F9BF8B }


div.left_column { float: left; margin-right: -100%; width: 220px }
div.left_column div.padding { padding: 0 28px 0 29px ! important }

div.right_column { float: right }
div.right_column div.padding { padding: 0 0 0 220px ! important }

div.right_right_column {
  float: left;
  width: 214px;
  margin-left: -214px;

  font-size: 92%
}
div.center_column div.padding { padding: 0 224px 0 0 ! important; width: 550px;}
div.center_column { float: left; width: 100% }

div.right_right_column div.padding { padding: 0 35px 0 31px ! important }



/* top */
div#top { padding: 24px 27px 43px 34px; padding: 24px 0 43px 0; float: left; width: inherit; position:relative; }

a#logo, strong#logo {
  display: block;
  width: 246px;
  height: 47px;

  float: left;
  padding: 0 0 0 34px;

  background: transparent url("/images/logo.gif") no-repeat right top
}
a#logo span, strong#logo span { display: none }

div#top ul { padding: 25px 0 0 69px }
div#top ul, div#top ul li, div#top ul li a, div#top ul li span { display: block; float: left }

div#top ul li a, div#top ul li span {
  height: 16px;
  width: 17px;

  background-image: url("/images/icons.gif")
}
li#sitemap a, li#sitemap span { background-position: -17px 0 }
li#feedback a, li#feedback span { background-position: -34px 0 }

div#top ul li { padding: 0 7px 0 8px; background: transparent url("/images/bg/li-border.gif") no-repeat right 3px }
li#feedback { background-image: none ! important }

div#top ul li a span, div#top ul li span span { display: none }


p#contacts {
  display: block;
  float: right;
  padding: 5px 0 0 0;
  margin-right:150px;

  color: #060606;
  font-size: 92%;
  font-weight: bold
}
p#contacts span.phone {
  display: block;
  padding: 0 220px 0 4px;

  color: #E10009;
  font-size: 150%;
  font-weight: bold
}


/* menu */
div#menu, div#menu div.decor, div#menu ul, div#content-background { display: block; float: left; width: 100% }

div#menu div.decor { background: transparent url("/images/bg/decor-top-left.jpg") no-repeat left top }
div#menu div.decor div.decor { background: transparent url("/images/bg/decor-top-right.jpg") no-repeat right top }
div#menu div.padding { padding: 0 28px 0 29px }
div#menu div.padding div.padding { padding: 0 28px }

a.topMenu{
	color:#fff;
}

a.topSubMenu{
	color:#fff;
}

div#menu ul {
  height: 49px;
  background: #CE6342 url("/images/bg/menu.jpg") repeat-x left top;
}
div#menu ul li {
  display: block;
  padding-right:20px;
  float: left;
  padding-top: 18px;
  color: #FFF;
  font-family: "Times New Roman", Arial, Verdana, serif;
  font-size: 125%;
}
div#menu ul li.products a, div#menu ul li.products span { margin-left: 12% }
div#menu ul li.objects a, div#menu ul li.objects span { margin-left: 28% }
div#menu ul li.prices a, div#menu ul li.prices span { margin-left: 35% }
div#menu ul li.markup a, div#menu ul li.markup span { margin-left: 35% }

div#menu ul li.first a, div#menu ul li.first span { margin-left: 0 ! important }
div#menu ul li.last a, div#menu ul li.last span { float: right; margin-left: 0 }

div#menu ul li a, div#menu ul li.selected span {
  display: block;
  padding: 0 0 0 17px;
  margin-left: 5%;

  background: transparent url("/images/bg/menu-marker.gif") no-repeat left ;

  color: #FFF;
}
/*div#menu ul li.selected span, div#menu ul li.selected a { background-image: url("/images/bg/menu-marker-selected.gif") }*/
div#menu ul li a:hover { background-image: url("/images/bg/menu-marker-selected.gif") }

div#menu ul li div { display: none }
div#menu ul li:hover div, div#menu ul li.hover div {
  display: block;
  position: absolute;
  float: left;
  clear: both;
  background: transparent url("/images/bg/submenu-bottom.gif") no-repeat left bottom;
  /*background: transparent url("/images/bg/submenu-marker.gif") no-repeat left bottom;*/
  padding: 0 0 9px;
  height: auto;
  width: 155px; width: 200px; /*fix*/
}
div#menu ul li:hover ul, div#menu ul li.hover ul {
  display: block;
  clear: both;
  float: left;

  background: #CE6342;

  padding: 11px 0 0 0;

  height: 100%;
  width: 100%; width: 200px; /*fix*/
}

div#menu ul li ul li {
  display: block;

  clear: both;
  width: inherit;

  font-size: 90%;

  padding: 0 0 0 18px;
  margin: 0;

  background: transparent url("/images/bg/submenu-item.jpg") no-repeat 28px bottom
}
div#menu ul li ul li.last { background-image: none ! important }

div#menu ul li ul li a {
  display: block;
  float: left ! important;
  white-space: nowrap;

  margin: 0 ! important;
  padding: 8px 28px 8px 18px ! important;

  background-image: none
}
div#menu ul li ul li a:hover {
  background: transparent url("/images/bg/submenu-marker.gif") no-repeat left 12px
}


/* content area */
div#content-area, div#content-area div.decor { clear: both; float: left; width: 100% }

div#content-area { background: transparent url("/images/bg/content.jpg") no-repeat left top }
div#content-area div.decor div.decor { padding-top: 85px }


div#content { /*margin-top: -14px; position: relative*/ }

div#content img { border: 1px solid #F9BF8B; padding: 4px }

div#content table.products { margin-bottom: 20px }
div#content table.products td { font-size: 92%; padding: 0 29px 0 0 }
div#content table.products td p { line-height: 1.6em ! important }
div#content table.products td.bg {
  padding: 0 ! important;
  height: 39px;
  background: transparent url("/images/bg/products.jpg") no-repeat 28px center
}

div#content table { width: 100% }
div#content p { margin: 14px 0 }
div#content ul, div#content ol { margin: 14px 15px }
div#content ul li, div#content ol li { margin: 18px 0 }

div#content ul li {
  display: block;
  padding-left: 22px;
  background: transparent url("/images/bg/marker.gif") no-repeat left 3px
}


/* news section */
div.news dd, div.news dt { clear: both }

div.news dd { text-align: justify }
div.news dt { font-size: 110%; margin: 5px 0 0 }

div.news dd a, a.background {
  display: block;
  float: left;
  clear: both;
  background-color: #F9BF8B;
  padding: 1px 7px 3px;
  margin: 7px 0
}
div.news dd a { float: right }

div#news h3, div.left_column h2, div.promo ul { position: relative; z-index: 1 }

div#news h3, div.left_column h2 {
  margin-top: -28px;
  font-weight: normal;
  font-size: 125%;
  text-align: center
}
div.left_column h2 { margin-left: -20px }
div#news h3 { font-size: 135%; margin-top: -28px; margin-bottom: 24px }

/* promo section */
/*div.promo ul { padding: 14px 0 0 }
div.promo ul li { display: block; margin: 0 0; padding: 0 0 14px; font-size: 95% }
div.promo ul li a { padding: 0 0 0 44px; background: transparent url("/images/bg/marker.gif") no-repeat 25px 3px; white-space: nowrap }

div.promo ul li span { display: none }
div.promo ul li span.decor {
  display: block;
  padding: 0 0 0 44px;
  background: #F9BF8B url("/images/bg/promo-marker.gif") no-repeat left top;
}
div.promo ul li span.decor span.decor { padding: 5px 0; background: transparent url("/images/bg/promo-ender.gif") no-repeat right top }*/



/* footer */
div#footer {
  background: #F9BF8B url("/images/omg.jpg") no-repeat center center;

  width: 100%;
  min-width: 1005px;
  height: 216px;

  clear: both;
}

div#footer div.grid div.padding { padding: 7px 7px 0 50px }

div#footer div.footer_container { height: 45px }

div#footer div.banners { float: left; padding: 8px 14px 0 }
div#footer div.banners a img { border: 0 ! important }
div#footer div.banners a { margin: 0 5px 0 0 }

div#footer p { display: block; float: right; font-size: 92%; font-weight: bold }
div#footer p.design {
  font-size: 82%;

  margin: 13px 0 0 0;
  padding: 0 13px 0 28px;

  background: transparent url("/images/bg/copyright.gif") no-repeat 6px 5px
}
div#footer p.copyright { padding: 17px 2px 0 0 }


/* common */
.hidden { display: none }
.nowrap { white-space: nowrap }

.wide { width: 100% }
.narrow { width: 1% }

td.layout, table.layout { border-collapse: collapse; border-width: 0; padding: 0; margin: 0 }
td.layout { vertical-align: top; text-align: left }



/* FCK */



body img.left {float: left; margin-right: 8px; margin-top: 3px;}
body img.right {float: right; margin-left: 8px; margin-top: 3px;}



/* FIX */



a { /*text-decoration: none;*/}
body table {border-collapse: collapse;}
body table.table,
body table.table td {border: 1px solid #ffe5cc;}
body table tr.border td {border: 1px solid #ffe5cc;}
/*a {text-decoration: underline;}*/
div#menu a,
div#footer a,
div.left_column a,
div.right_right_column a {text-decoration: none;}
div#menu ul li.selected a { background-image: url("/images/bg/menu-marker-selected.gif") }
div#menu ul li.selected ul li a { background-image: none }
div#menu ul li ul li.selected a {background: transparent url("/images/bg/submenu-marker.gif") no-repeat left 12px}

div.right_column { margin-top: -27px; }
h1 {font-size: 125%; padding-bottom: 10px; text-align: center;}
div#news h3 { margin-top: -1px;  }
div#footer {min-width: 1048px}

div.promo ul { padding: 14px 0 0 }
div.promo ul li { display: block; margin: 0 0; padding: 0 0 14px; font-size: 95% }
div.promo ul li a { display: block; padding: 0 0 0 44px; background: transparent url("/images/bg/marker.gif") no-repeat 25px 3px; /*white-space: nowrap*/ }
div.promo ul li a:hover {color: #CE6241;}
div.promo ul span.decor {display: block; padding: 0 0 0 44px; background: transparent url("/images/bg/marker-selected.gif") no-repeat 25px 3px}
div.promo ul li span { display: none }


