/* 
------------------------------------------------------------------------------------------------------------------
  Classes
------------------------------------------------------------------------------------------------------------------
*/

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }

.clear { display: block; clear: both; font-size: 1px; line-height: 1px; height: 1px; }

.hidden { display: none; }
.show { display: block; }

.fleft { float: left; }
.fright { float: right; }

img.fleft { float: left; margin: 0 10px 5px 0; }
img.fright { float: right; margin: 0 0 5px 10px; }

.aleft { text-align: left; }
.aright { text-align: right; }
.acenter { text-align: center; }

.container { overflow: hidden; }

/* 
------------------------------------------------------------------------------------------------------------------
  Main
------------------------------------------------------------------------------------------------------------------
*/

* { margin: 0; padding: 0; }
html { height: 100%; }
body { position: relative; color: #363636; font: 0.75em/1.3 Verdana, Sans-Serif; line-height: 1.3; background: #fff url(/data/i/site/body-left_top.jpg) no-repeat 0 55px; height: 100%; }

form fieldset { border: 0; }
form input.text, 
form input.password, 
form input.file, 
form select, 
form textarea { font-size: 1em; width: 270px; }
form input.submit, form input.button { font-size: 1em; }
form input.image { position: relative; top: 2px; }
form textarea { height: 70px; }

form.main p label { float: left; width: 120px; }
form.main p span.field { display: block; margin-left: 125px; }
form.main p span.field input.text, 
form.main p span.field input.file, 
form.main p span.field select { display: block; }
form.main p span.field small.descr { display: block; padding: 4px 0; color: #727272; }
form.main p span.field span.radio, 
form.main p span.field span.checkbox { padding-right: 15px; }

h1, h2, h3, h4 { padding: 8px 0; color: #1D1815; }
h1 { font-size: 2em; font-weight: normal; }
h2 { font-size: 1.7em; font-weight: normal; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.1em; }

h1 a.small { font-size: 0.45em; font-weight: bold; }

p, ul, ol, dl, form { padding: 8px 0; }
blockquote { padding: 8px 0 8px 30px; }

ul li,
ol li { margin-left: 16px; }

dl dd { padding: 8px 0 8px 30px; }

big {font-size: 1.2em; }
small { font-size: 0.9em; }

a { color: #0FB339; text-decoration: underline; }
a:hover { text-decoration: none; }
a img { border: 0; }

a img { border: 0; }

.c_grey { color: #A1A5A9; }

#center_wrapper { position: relative; background: #FFFFFF; min-width: 990px; width: 100%; min-height: 100%; }
#center_wrapper #center_wrapper_bg { margin: 0 auto; max-width: 1200px; }
#center_wrapper #center_wrapper_bg #center { margin: 0 12px; background: #fff; }

#center_bg { position: absolute; top: 0; left: 0; min-width: 990px; width: 100%; height: 100%; }
#center_bg #center_bg_wrapper { margin: 0 auto; max-width: 1200px; height: 100%; }
#center_bg #center_bg_wrapper #center_bg_color { margin: 0 12px; background: #fff; height: 100%; }

#center_bgline_top { position: absolute; z-index: 100; left: 0; top: 0; font-size: 1px; line-height: 1px; background: #FFFFFF; width: 100%; height: 12px; }
#center_bgline_bottom { position: absolute; z-index: 100; left: 0; bottom: 0; font-size: 1px; line-height: 1px; background: #FFFFFF; width: 100%; height: 12px; }

/*
------------------------------------------------------------------------------------------------------------------
  Header
------------------------------------------------------------------------------------------------------------------
*/

#header { position: relative; width: 100%; height: 170px; }

#header_logo { padding: 0 35px;  height: 98px; overflow: hidden; padding-top: 11px}

#header_nav { position: absolute; left: 0; top: 109px; width: 100%; }
#header_nav .padding { margin: 0 35px; }
#header_nav table { border-collapse: collapse; width: 100%; }
#header_nav table td { text-align: center; vertical-align: middle;background: url(/data/i/site/headernav-bg0.png) repeat-x 0 bottom; height: 39px; }
#header_nav table td.leftcorner { background: url(/data/i/site/headernav-bg1.png) no-repeat 0 bottom; width: 19px; }
#header_nav table td.rightcorner { background: url(/data/i/site/headernav-bg2.png) no-repeat right bottom; width: 19px; }
#header_nav table td a { position: relative; top: -2px; color: #fff; text-decoration: none; }
#header_nav table td span { position: relative; top: -2px}
#header_nav table td a:hover { text-decoration: underline; }

/*
------------------------------------------------------------------------------------------------------------------
  Content
------------------------------------------------------------------------------------------------------------------
*/

#body { position: relative; padding: 0 35px 95px 35px; }
#body #body_ie { width: 100%; }

#content_wrapper { float: left; width: 100%; }
#content_wrapper #content { position: relative; margin: 0 auto; width: 48%; } /* width: 530px; */

#content p.place { padding-top: 0; color: #A1A5A9; font-size: 0.9em; }
#content p.place a { color: #A1A5A9; }
#content p.place span.arrow { font-size: 1.2em; }
#content p.place strong { color: #7AB325; font-size: 1.8em; font-weight: normal; }

#content .listing p { float: right; }
#content .listing span { color: #A1A5A9; background: #F3F3F3; border-top: 2px solid #F3F3F3; border-right: 4px solid #F3F3F3; border-bottom: 2px solid #F3F3F3; border-left: 4px solid #F3F3F3; }
#content .listing span, 
#content .listing a { margin-left: 5px; }
#content .listing span.active { margin-left: 2px; margin-right: -3px; }
#content .listing a.arrow { color: #A1A5A9; font-size: 1.1em; text-decoration: none; }

#content .content_pic { overflow: hidden; position: relative; margin-bottom: 10px; text-align: right; height: 261px; }
#content .content_pic .corners { position: absolute; top: 0; left: 0; background: url(/data/i/site/content_pic_bg.png) no-repeat 0 0; width: 10px; height: 261px; }
.genPhone { color: #0FB339; font-size: 2.3em; line-height: 2em}
.genPhone span { font-size: 0.6em}
/* Catalog */

#content .catalog table { margin: 8px 0; width: 100%; }
#content .catalog table td { text-align: center; width: 50%; }
#content .catalog table tr.photos td { vertical-align: middle; }
#content .catalog table tr.description td { padding: 10px 0 30px 0; }
#content .catalog table tr.description td strong { color: #7AB325; }
#content .catalog table tr.description td strong.title { display: block; padding-bottom: 5px; color: #363636; }
#content .catalog table tr.description td img.rouble { position: relative; top: 3px; }

#content .catalog_cols .col { float: left; font-size: 0.9em; width: 49.9%; }
#content .catalog_cols .col .category { padding: 8px 20px 8px 0; }
#content .catalog_cols .col .category a { color: #A1A5A9; }
#content .catalog_cols .col .category strong.name { display: block; font-size: 1.1em; }
#content .catalog_cols .col .category strong.name a { color: #0FB339; }

/* Catalog inner */

#content .catalog_inner form.sort { position: relative; margin: 8px 0 25px 0; padding: 10px 15px 13px 15px; background: #F6F6F6; }
#content .catalog_inner form.sort select { color: #A1A5A9; width: auto; }
#content .catalog_inner form.sort select option { padding-right: 10px; }
#content .catalog_inner form.sort .string { position: relative; padding: 5px 0; }
#content .catalog_inner form.sort .string label { margin-top: 1px; float: left; padding-right: 5px; width: 110px; }
#content .catalog_inner form.sort .string .field { margin-left: 120px; }
#content .catalog_inner form.sort .string .field a.sorttype { margin-right: 15px; color: #A1A5A9; text-decoration: none; white-space: nowrap; }
#content .catalog_inner form.sort .string .field img.down { position: relative; top: -1px; }
#content .catalog_inner form.sort .string .field img.up { position: relative; top: -2px; }

#content .catalog_inner .items .item { padding: 8px 0; }
#content .catalog_inner .items .item .pic { float: left; margin-top: 8px; text-align: center; width: 100px; }
#content .catalog_inner .items .item .pic img { margin: 0 auto; }
#content .catalog_inner .items .item .text { margin-left: 130px; }
#content .catalog_inner .items .item .text p { padding: 3px 0; }
#content .catalog_inner .items .item span.price { color: #7AB325; font-weight: bold; }
#content .catalog_inner .items .item img.rouble { position: relative; top: 3px; }
#content .catalog_inner .count { padding: 13px 0;}
#content .catalog_inner .count input.text { padding: 2px; border: 1px solid #D9DBDD; width: 25px; margin-left: 0}
#content .catalog_inner .count input.submit { cursor: pointer; margin-left: 5px; padding: 0 0 2px 0; color: #fff; line-height: 17px; background: #DADADA url(/data/i/site/btn-grey.gif) no-repeat 0 0; border: 0; width: 90px; height: 19px; } 
html:first-child #content .catalog_inner .items .item .count input.text { padding: 1px 2px; }
html:first-child #content .catalog_inner .items .item .count input.submit { padding-bottom: 0; } 

#content .catalog_complectation { padding: 5px 0 15px 0; }
#content .catalog_complectation span { position: relative; display: block; padding: 3px 0 3px 20px; background: url(/data/i/site/item-bg.gif) no-repeat 5px 0.7em; }

#content .catalog_table { margin: 10px 0; background: #F3EFDC url(/data/i/site/table1.gif) no-repeat 0 0; }
#content .catalog_table .inner1 { background: url(/data/i/site/table2.gif) no-repeat right 0; }
#content .catalog_table .inner2 { background: url(/data/i/site/table3.gif) no-repeat right bottom; }
#content .catalog_table .inner3 { padding: 5px 0; background: url(/data/i/site/table4.gif) no-repeat 0 bottom; }
#content .catalog_table table { font-size: 0.9em; border-collapse: collapse; border: 0; width: 100%; }
#content .catalog_table table tr.last td { border: 0; }
#content .catalog_table table td { padding: 3px 15px; border-bottom: 1px solid #fff; }
#content .catalog_table table td.green { color: #73AA20; }


/* News */

#content .newslist .news { padding: 8px 0; }
#content .newslist .news p { padding: 0; }
#content .newslist .news p.head span.date { font-size: 0.9em; color: #A1A5A9; }
#content .newslist .news .text { padding-top: 3px; }

#content .news_view p.date { font-size: 0.9em; color: #A1A5A9; }
#content .news_view .text { margin-top: -10px; }

/* Articles */

#content .articles .preview p.head { margin-bottom: -4px; padding-bottom: 0; }
#content .articles .preview p.head span.date { font-size: 0.9em; color: #A1A5A9; }

#content .articles .view p.date { margin-bottom: -4px; padding-bottom: 0; font-size: 0.9em; color: #A1A5A9; }

/* Forum */

#content .forum h3 { color: #1DB0E7; font-size: 1.2em; }
#content .forum table.themes { margin-top: -10px; border-collapse: collapse; border: 0; width: 100%; }
#content .forum table.themes th, 
#content .forum table.themes td { padding: 8px 13px; vertical-align: middle; }
#content .forum table.themes td.pic { padding-left: 25px; width: 10%}
#content .forum table.themes td.theme { font-size: 0.9em; line-height: 1.2}
#content .forum table.themes td.theme strong.head { display: block; padding-bottom: 3px; font-size: 1.2em; font-weight: normal; }
#content .forum table.themes td.count { padding-right: 25px; color: #73AA20; font-size: 1.3em; font-weight: bold; width: 10%; text-align: center}
#content .forum table.discussion { margin-top: -10px; border-collapse: collapse; border: 0; width: 100%; }
#content .forum table.discussion th, 
#content .forum table.discussion td { padding: 8px 13px; vertical-align: middle; }
#content .forum table.discussion td.author { font-size: 0.9em; white-space: nowrap; vertical-align: top; }
#content .forum table.discussion td.author strong.head { display: block; padding-bottom: 5px; font-size: 1.2em; }
#content .forum table.discussion td.message { line-height: 1.2em; }
#content .forum table tr.bg td { background: #F4F1DF; }
#content .forum table tr.top_corners td.first { background-image: url(/data/i/site/table1.gif); background-repeat: no-repeat; background-position: 0 0; }
#content .forum table tr.top_corners td.last { background-image: url(/data/i/site/table2.gif); background-repeat: no-repeat; background-position: right 0; }
#content .forum table tr.bottom_corners td.last { background-image: url(/data/i/site/table3.gif); background-repeat: no-repeat; background-position: right bottom; }
#content .forum table tr.bottom_corners td.first { background-image: url(/data/i/site/table4.gif); background-repeat: no-repeat; background-position: 0 bottom; }

/* Sidebar */

#leftside { float: left; margin-left: -100%; width: 100%; }
#leftside .inner1 { margin-right: 48%; } /* margin-right: 530px; */
#leftside .inner2 { width: 100%; }
#leftside .inner3 { margin-right: 50%; }
#leftside .inner4 { margin-right: 25px; }

#rightside { float: left; margin-left: -100%; width: 100%; }
#rightside .inner1 { margin-left: 48%; } /* margin-left: 530px; */
#rightside .inner2 { width: 100%; }
#rightside .inner3 { margin-left: 50%; }
#rightside .inner4 { margin-left: 25px; }

.sidebar h4 { font-size: 1.7em; font-weight: normal; }

.sidebar .block { margin-bottom: 25px; padding-bottom: 60px; position: relative;}
.sidebar .block .bg1 { background: url(/data/i/site/block-bg.gif) repeat-y right 0; }
.sidebar .block .bg2 { background: url(/data/i/site/block-bg.gif) repeat-x 0 bottom; }
.sidebar .block .bg3 { background: url(/data/i/site/block-bg.gif) repeat-y 0 0; }
.sidebar .block .corner1 { background: url(/data/i/site/block-bg1.gif) no-repeat 0 0; }
.sidebar .block .corner2 { background: url(/data/i/site/block-bg2.gif) no-repeat right 0; }
.sidebar .block .corner3 { background: url(/data/i/site/block-bg3.gif) no-repeat right bottom; }
.sidebar .block .corner4 { position: relative; padding: 5px 25px 25px 25px; background: url(/data/i/site/block-bg4.gif) no-repeat 0 bottom; }

.sidebar .lastnews .corner4 { min-height: 232px; }
.sidebar .lastnews h4 { padding-bottom: 3px; }
.sidebar .lastnews p { padding: 5px 0; }
.sidebar .lastnews p span.date { color: #A1A5A9; font-size: 0.8em; }

.sidebar .catalog { color: #A1A5A9; }
.sidebar .catalog h4 { padding-bottom: 0; }
.sidebar .catalog ul li { list-style: none; margin-left: 0; padding: 5px 0; }
.sidebar .catalog .archive { margin-top: 5px; padding: 8px 15px 10px 15px; background: #F6F6F6; }
.sidebar .catalog .archive a { color: #A1A5A9; }
.sidebar .catalog .archive .excel { padding: 5px 0 5px 25px; line-height: 16px; background: url(/data/i/site/icon-excel.png) no-repeat 0 5px; height: 16px; }
.sidebar .catalog .archive .rar { padding: 5px 0 5px 25px; line-height: 16px; background: url(/data/i/site/icon-rar.png) no-repeat 0 5px; height: 16px; }

.sidebar .articles { color: #A1A5A9; }
.sidebar .articles ul li { list-style: none; margin-left: 0; padding: 5px 0; }

.sidebar .forum h4 { padding-bottom: 0; }
.sidebar .forum ul li { list-style: none; margin-left: 0; padding: 3px 0; }

.sidebar .basket { margin-bottom: 25px; padding: 0 0 10px 85px; color: #565656; font-size: 0.9em; background: #AAAAAA url(/data/i/site/basket-bg.gif) no-repeat 0 0; }
.sidebar .basket h4 { color: #DADADA; font-size: 1.3em; font-family: Verdana; font-weight: normal; }
.sidebar .basket .count img.rouble { position: relative; top: 3px; }

/*
------------------------------------------------------------------------------------------------------------------
  Footer
------------------------------------------------------------------------------------------------------------------
*/

#footer_wrapper { position: absolute; bottom: 0; left: 0; min-width: 990px; width: 100%; height: 75px; }
#footer_wrapper #footer_maxwidth { margin: 0 auto; max-width: 1200px; }
#footer_wrapper #footer_maxwidth  #footer { margin: 0 47px; }

#footer_contacts { font-size: 0.9em; }
#footer_contacts .area .block { overflow: hidden; background: url(/data/i/site/contacts_block1.gif) no-repeat 0 0; width: 216px; height: 159px; }
#footer_contacts .block_center1 .area { margin-right: 3%; }
#footer_contacts .block_center2 .area { margin-left: 3%; }
#footer_contacts .block_left .area .block { margin-right: auto; }
#footer_contacts .block_center1 .area .block, 
#footer_contacts .block_center2 .area .block { margin: 0 auto; }
#footer_contacts .block_right .area .block { margin-left: auto; }
#footer_contacts .contacts { float: left; width: 24.95%; }
#footer_contacts .contacts .block .text { padding: 20px 10px 10px 22px; }
#footer_contacts .contacts .block .text strong.header { display: block; padding-bottom: 4px; }

p#footer_copyright { float: right; padding-top: 16px; padding-right: 5px; font-size: 0.9em; }