* {margin:0; padding:0}
body {background:#d9d9d5 url(/img/body_bg.png) top repeat-y; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff}

/*--------------------Ссылки--------------------*/
a img {border:none}
a {color:#dac226}
a:hover {text-decoration:none}

/*--------------------Разметка--------------------*/
div#page {width:1000px; margin:0 auto; background:#4d4d4f url(/img/header_bg1.jpg) no-repeat}
div#contacts_page {width:1000px; margin:0 auto; background:#4d4d4f url(/img/header_bg2.jpg) no-repeat}
div#page_b {background:url(/img/page_b.png) bottom no-repeat}
div#header {position:relative; height:259px}
div#left_column {float:left; width:290px}
div#content {float:right; width:650px; padding:50px 30px 0 30px}
div#footer {padding:60px 0 20px 0; background:#a0a1a6 url(/img/footer_bg.png) repeat-x}

/*--------------------Глобальные классы--------------------*/
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden}

/*--------------------Шапка--------------------*/
div.logo_wrapper {position:absolute; top:23px; left:41px; width:205px; height:223px; padding:16px 4px 0 1px; background:url(/img/logo_wrapper.png)}
div.logo_wrapper img.logo {display:block; margin:0 auto}
div.logo_wrapper div.icons {margin-top:12px; text-align:center}
div.logo_wrapper div.icons img {display:inline-block; margin:0 10px}

div.slogan {position:absolute; top:50px; left:420px; width:262px; height:44px; padding:0 4px 4px 0; background:url(/img/slogan_bg.png); font:400 24px/44px "Times New Roman", Times, serif; text-align:center; color:#4d4d4f}
div.slogan2 {position:absolute; top:40px; left:420px; font:400 24px/24px "Times New Roman", Times, serif; text-align:center; color:#4d4d4f}
div#contacts_page div.slogan {top:110px; left:auto; right:20px}

div.phone_wrapper {position:absolute; top:23px; right:35px; width:230px; font-size:18px; text-align:right; color:#000}
div.phone_wrapper span {font-size:34px}
div.phone_wrapper a {font-size:16px; color:#000}
/* div.call_order {position:absolute; top:86px; right:35px; display:none; width:170px; margin-top:5px} */
/*div.call_order input {display:block; float:left; width:126px; height:16px; padding:2px 10px 2px 10px; border:none; background:url(/img/call_order_input.png); font:12px Arial, Helvetica, sans-serif; color:#4d4d4f}
div.call_order button {display:block; float:left; width:24px; height:20px; border:none; background:url(/img/call_order_button.png); cursor:pointer}*/

/*--------------------Левая колонка--------------------*/
div.menu {width:210px; margin-left:40px; background:url(/img/menu_m.png) repeat-y; font-size:14px; font-weight:700}
div.menu_t {background:url(/img/menu_t.png) no-repeat}
div.menu_b {padding:8px 12px 20px 9px; background:url(/img/menu_b.png) 0 100% no-repeat}
div.menu ul {list-style:none}
div.menu li {margin-top:7px; padding-left:15px; background:url(/img/menu_item_l.png) left no-repeat}
div.menu a {color:#4d4d4f}

div.menu_opened {width:210px; margin-left:40px; padding-bottom:30px; font-size:14px; font-weight:700}
div.menu_opened ul {list-style:none}
div.menu_opened ul li {margin-top:7px; padding-left:15px; background:url(/img/menu_opened_item_l.png) 0 3px no-repeat}
div.menu_opened ul li.active {padding-left:0}
div.menu_opened ul li.active div {background:url(/img/menu_m.png) repeat-y}
div.menu_opened ul li.active div div {padding-top:8px; background:url(/img/menu_t.png) no-repeat}
div.menu_opened ul li.active ul {padding:10px 5px 0px 30px; background:url(/img/menu_b.png) 0 100% no-repeat; font-size:13px; line-height: 14px; font-weight:400; color: #333;}
div.menu_opened ul li.active li {margin-top:2px; padding-left:0; background:none}
div.menu_opened ul li.active a {color:#4d4d4f}
div.menu_opened ul li.active a, div.menu_opened ul span {color: #333; padding-right: 10px; padding-bottom: 10px;}
div.menu_opened ul li.active a.active {padding-left:20px; background:url(/img/menu_item_active_l.png) 5px 3px no-repeat}
div.menu_opened ul li.active ul ul {padding:10px 0 0 10px; background:none}

div.menu_opened ul li ul li {margin: 8px 0px;}

div.search {width:210px; margin-left:40px}
div.search input {display:block; float:left; width:163px; height:16px; padding:2px 10px 2px 10px; border:none; background:url(/img/search_input.png); font:12px Arial, Helvetica, sans-serif; color:#4d4d4f}
div.search button {display:block; float:left; width:24px; height:20px; border:none; background:url(/img/search_button.png); cursor:pointer}

div.route_calculation {margin:30px 0 0 40px}

div.calculator {width:210px; margin:30px 0 0 40px; font-size:11px}
div.calculator img {display:block}
div.calculator a {color:#ececec; text-decoration:none}
div.calculator a img {float:left; margin-right:7px}

div.left_banner {margin:30px 0 0 25px}

/*--------------------Контент--------------------*/

#content h1 {}
#content p { margin-bottom:12px;padding:0;text-indent:1.5em;}
#content .des p {text-indent:0em;}
#content div.product_di {width: 180px; padding-right: 50px; padding-bottom: 20px; float: left;}

#content div.product_di.c_3 {padding-right: 0px;}

#content div.product_di p.price {font-size: 18px;}
#content .last_news h2 {padding-bottom: 4px;}

#content ul {padding:0px; margin:0px 0px 16px 10px;}
#content ul li {padding:0px; margin:0px 0px 4px 8px;}


table.content {margin-top:15px; width:100%; border-collapse:collapse}
table.content th {border-top:1px solid #fff; font-weight:700;border-bottom:1px solid #808082}
table.content tr td {padding:6px 10px; border-bottom:1px solid #808082}
table.content tr.content.dark {background:#565658}
table.content tr.content td {padding:6px 10px; border-bottom:1px solid #808082}
table.content tr.content td.amount {font-size:12px; white-space:nowrap}
table.content tr.content td.num {font-size:24px}
table.content tr.content td span {font-size:11px; font-style:italic}


div.goods div.clearfix {padding-bottom:30px}
div.goods_item {width:140px; float:left; margin-left:30px}
div.goods_item:first-child {margin-left:0}
div.goods_item img {display:block; margin-bottom:5px}
div.goods_item p {margin-top:4px; font-size:18px; color:#fff}

div.description {float:left; width:300px; color:#fff}
div.description h1 {font-size:18px}
div.description p {margin-top:4px; line-height:18px; text-indent:18px}

#content div.last_news p, #content div.last_news_item p {margin:0; padding:0; text-indent: 0;}
#content div.last_news {float:right; width:300px; color:#fff}
#content div.last_news p.archive {margin-top:20px; font-style:italic; text-align:right}
#content div.last_news p.archive a {color:#dbd084}
#content div.last_news_title {font-size:21px; font-weight:700; color:#dac226}
#content div.last_news_item {margin-top:5px}
#content div.last_news_item p {float:left; width:70px; margin-right:5px; font-size:11px; color:#999; text-align:right}
#content div.last_news_item h2 {float:left; width:215px; font-size:12px; font-weight:400}

div.special_offers {float:right; width:300px; margin-top:50px; color:#fff}
div.special_offers_title {font-size:21px; font-weight:700; color:#a6bd45}
div.special_offers a {color:#fff}
div.special_offers ul {list-style:none; font-size:18px}

div.price {font-size:14px}
div.price h1 {font-size:24px; text-align:center}
div.price_sub_title {margin-top:35px; font-size:12px; text-align:center}
div.price table {margin-top:15px; width:100%; border-collapse:collapse}
div.price table th, div.price table td {padding:0 10px; text-align:center}
div.price table th {height:36px; background:#c1d537; font-size:18px; font-weight:700; line-height:36px; color:#4d4d4f}
div.price table tr.titles td {height:40px; border-top:1px solid #fff; font-weight:700; line-height:40px}
div.price table tr.sub_titles td {height:30px; border-bottom:1px solid #fff; line-height:30px; white-space:nowrap}
div.price table tr.content.dark {background:#565658}
div.price table tr.content td {padding:6px 10px; border-bottom:1px solid #808082}
div.price table tr.content td.amount {font-size:12px; white-space:nowrap}
div.price table tr.content td.num {font-size:24px}
div.price table tr.content td span {font-size:11px; font-style:italic}

#content div.contacts p {margin:0; padding:0; text-indent:0; }
#content div.contacts p.map { margin-top:4px; padding-left:18px; background:url(/img/ico_map.png) left no-repeat}
#content div.contacts div.clearfix {padding-bottom:30px}
#content div.contacts div.address {float:left; width:333px; margin-right:10px}
#content div.contacts div.address p.info {font-size:16px; line-height:24px}
#content div.contacts div.address div.clearfix {padding-bottom:0}
#content div.contacts div.address div.clearfix p.phone {float:left; padding-bottom:0; font-size:16px; line-height:24px}
#content div.contacts div.address div.clearfix p.icq {float:right; font-size:16px; line-height:24px}
#content div.contacts div.work_time {position:relative; float:left; width:129px; margin-right:20px; padding:8px; border:1px solid #737380}
#content div.contacts div.work_time img {position:absolute; z-index:1; display:block}
#content div.contacts div.work_time img.tl {top:-1px; left:-1px}
#content div.contacts div.work_time img.tr {top:-1px; right:-1px}
#content div.contacts div.work_time img.br {bottom:-1px; right:-1px}
#content div.contacts div.work_time img.bl {bottom:-1px; left:-1px}
#content div.contacts div.print_version {float:left; width:120px; padding-left:20px; background:url(/img/ico_print.png) no-repeat}
#content div.contacts div.print_version a {color:#88c540}

.footerb{position:absolute; bottom:0px; margin-left:-2500px;}

div.site_map {font-size:12px}
div.site_map h1 {font-size:24px; text-align:center}
div.site_map ul {list-style:none; margin-top:40px; font-size:14px; line-height:20px; font-weight:700}
div.site_map ul ul {margin-top:6px; padding:0 0 10px 25px; font-size:12px; line-height:18px; font-weight:400}
div.site_map ul ul a {color:#fff}


/*--------------------Подвал--------------------*/
div.copyrights {padding-left:90px}
div.copyrights_left {float:left; width:42px}
div.copyrights_right {float:left; line-height:18px}
div.copyrights_right p {margin-top:4px}
div.copyrights_right p.map {margin-top:0; padding-left:18px; background:url(/img/ico_map.png) left no-repeat}

div.bottom_banner {width:468px; height:60px; margin:30px auto 0 auto; text-align:center; font:700 16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#333; background:#ccc}
.footercontent {position:absolute; margin-left:-2500px; bottom:0px;}

h1, h2, h3 {
    padding-bottom: 12px;
    color: #fec;
}


img.imgr {
    float: right;
    margin: 0;
    padding: 0;
    border: none;
    margin-left: 20px;
    margin-bottom: 20px;
}

div.menu_opened ul li li.active a.active {
    padding-left: 0;
    background: 0;
}

div.menu_opened ul ul li li {
    font-size: 11px;
}

.online_order input , .online_order select, .online_order textarea {
    border: 1px solid #fff;
    background-color: #ffffe0;
    padding: 2px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.inputDest input:focus, .online_order input:focus , .online_order textarea:focus {
    background-color: #e0ffe0;
    border: 1px solid #0c0;    
}

div.call_order {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

div.call_order input, .inputDest input {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}