/*Сброс всех стилей*/

BODY,DIV,DL,DT,DD,UL,OL,LI,H1,H2,H3,H4,H5,H6,PRE,FORM,FIELDSET,INPUT,TEXTAREA,P,BLOCKQUOTE,TH,TD {margin:0;padding:0;}
TABLE {border-collapse:collapse;border-spacing:0;}
FIELDSET,IMG {border:0;}
IMG {display:block;}
ADDRESS,CAPTION,CITE,CODE,DFN,EM,STRONG,TH,VAR {font-style:normal;font-weight:normal;}
OL,UL {list-style:none;}
CAPTION,TH {text-align:left;}
H1,H2,H3,H4,H5,H6,SMALL,BIG {font-size:100%;font-weight:normal;}
Q:before,Q:after {content:'';}
ABBR,ACRONYM {border:0;}
/*---*/

/*Базовые стили*/
A {color: #028D47;}
A:hover {color: #000;}
HR {display: none;}
STRONG {font-weight: 700;}
EM {font-style: italic;}
.hr {height: 1px; background-color: #eee; margin: 20px 0px; overflow: hidden;}
/*---*/

/*Основная разметка*/
HTML {height: 100%;}
BODY {position: relative; height: auto !important; height: 100%; min-height: 100%; min-width: 1020px; font-size: 12px; line-height: 16px; font-family: 'Open Sans', Verdana, Arial, sans-serif; color: #666; background-color: #fff; overflow: hidden;}
.minwidth {position: relative; width: 1020px; margin: 0px auto;}
.page {position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; overflow: auto;}
/*---*/

/*Формы*/
.input_bg {background-color: #fff; padding: 4px 9px; height: 16px; overflow: hidden; border: 1px solid #eee; border-radius: 4px;}
.input_bg INPUT {outline: none; padding: 0px; border-style: none; background: none; color: #999; font-size: 11px; line-height: 16px; height: 16px; font-family: Verdana, Arial, sans-serif; width: 100%; display: block;}

.submit_bg {position: relative; display: block; font-size: 12px; line-height: 36px; height: 36px; background: #028d47 url(buttons.png) right 0px no-repeat; color: #fff; text-align: center; text-transform: uppercase; font-weight: 700; overflow: hidden; text-decoration: none; border-radius: 4px; padding: 0px 10px; white-space: nowrap; transition: all 0.5s ease;}
.submit_bg INPUT {position: absolute; left: 0px; top: 0px; width: 100%; height: 36px; cursor: pointer; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0);}
.submit_bg:hover {opacity: 0.8; color: #fff;}

.submit_bg_img {padding: 0px 52px 0px 15px;}

.submit_bg_cart {background-position: right -36px;}
.submit_bg_order {background-position: right -72px;}
.submit_bg_download {background-position: right -144px;}
.submit_bg_demo {background-position: right -108px; background-color: #d14836;}
/*---*/

/*Шапка*/
.header {position: relative; padding-top: 20px; overflow: hidden;}
.header .header_title {font-size: 20px; line-height: 24px; font-weight: 700; color: #000; text-decoration: none; padding-left: 116px; background: url(logo.png) 0px center no-repeat; display: block; float: left;}

.client {position: absolute; top: 20px; right: 0px; font-size: 11px; line-height: 15px; color: #999;}
.client A {color: #028d47;}
.client A:hover {text-decoration: none;}

.search {position: absolute; width: 240px; bottom: 0px; right: 0px;}
.search .input_bg {padding-right: 28px;}
.search .search_submit {position: absolute; width: 24px; height: 24px; background: url(search.png) center center no-repeat; border-style: none; top: 1px; right: 1px; cursor: pointer; transition: all 0.5s ease;}
.search .search_submit:hover {opacity: 0.8;}

.menu {border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin: 20px 0px; padding: 10px 0px; text-align: center; overflow: hidden;}
.menu LI {display: inline; margin-left: 20px; padding-left: 20px; border-left: 1px solid #eee;}
.menu LI.menu_item_1 {margin-left: 0px; padding-left: 0px; border-left-style: none;}
.menu A {color: #999; text-decoration: underline;}
.menu A:hover {text-decoration: none;}
.menu .menu_item_active A {color: #000; text-decoration: none;}

.menu_collections {float: left; font-weight: 700;}
.menu_collections A {color: #028d47;}
.menu_collections .menu_item_active A {color: #000;}
.menu_links {float: right; font-size: 11px;}
/*---*/

/*Баннеры*/
.promo {margin: 20px 0px;}
.promo td {font-size: 14px; line-height: 18px; text-align: center; color: #000;}
.promo p {position: relative;}
.promo p span {position: absolute; opacity: 0; left: 0px; top: 0px; width: 100%; height: 40px; padding: 50px 0px; background: rgba(2,141,71,0.8); color: #fff; font-size: 40px; line-height: 40px; text-align: center; transition: 0.2s;}
.promo p a:hover span {opacity: 1;}
/*---*/

/*Колонки*/
.cols {}
.col_left {float: left; width: 760px; margin: -20px 0px;}
.col_right {float: right; width: 240px; margin: -20px 0px;}
.col_right .item {margin: 20px 0px;}

.item_title {color: #000; font-weight: 700;}
.item_content {font-size: 11px; line-height: 15px;}
/*---*/

/*Контент*/
.page_title {margin: 20px 0px; font-size: 20px; line-height: 24px; color: #000; font-weight: 700;}
.page_title SPAN {color: #999;}
.page_title SPAN A {text-decoration: none; font-weight: normal; color: #999;}
.page_title SPAN A:hover {color: #000;}

.text {margin: 20px 0px;}
.text H2 {margin: 20px 0px; font-size: 14px; line-height: 18px; color: #000; font-weight: 700;}
.text P {margin: 20px 0px;}
.text UL, .text OL {margin: 20px 0px 20px 40px; list-style-position: outside;}
.text LI {margin: 5px 0px;}
.text UL {list-style-type: square;}
.text OL {list-style-type: decimal;}
/*---*/

/*Каталог*/
.products {width: 1040px; margin: -20px 0px 20px; overflow: hidden;}

.product-b {position: relative; float: left; width: 328px; margin: 20px 18px 0px 0px;}
.product {position: relative; float: left; width: 288px; padding: 19px; border: 1px solid #eee; margin: 20px 18px 0px 0px; transition: 0.3s;}
.product:hover {border-color: #000;}
.product .thumb {display: block; width: 288px; height: 384px; background: #eee center 0px no-repeat; background-size: cover; box-shadow: 0px 0px 10px rgba(0,0,0,0.25);}
.product .product_title {margin: 15px 0px; text-align: center; font-size: 14px; line-height: 18px; height: 18px; overflow: hidden; font-weight: 700;}
.product .product_title A {text-decoration: none;}
.product TABLE {width: 100%;}
.product TH {width: 1%;}
.product TD {vertical-align: middle; text-align: center;}
.product .sale_price {display: block; font-size: 18px; line-height: 22px; color: #fe3333; font-weight: 700;}
.product .old_price {display: block; font-size: 10px; line-height: 14px; color: #999;}

.product-green {border: 2px solid #028d47 !important; padding: 18px;/* background: #028d47; color: #fff;*/}
/*.product-green .product_title A {color: #fff;}
.product-green .sale_price {color: #fff;}*/
/*---*/

/*Товар*/
.product_page {margin: 20px 0px; overflow: hidden;}

.product_image {position: relative; float: left; width: 360px; padding: 4px; border: 1px solid #eee;}

.product_info {float: left; width: 390px; margin-left: 20px;}
.product_info .page_title {margin: 0px 0px 20px;}
.product_info FORM {padding: 10px 10px 10px 0px; background-color: #eee;}
.product_info FORM TABLE {width: 100%;}
.product_info FORM TH {width: 1%;}
.product_info FORM TH.product_demo {padding-left: 10px;}
.product_info FORM TH.product_demo SPAN {display: block; width: 151px; height: 36px;}
.product_info FORM TD {vertical-align: middle; text-align: center;}
.product_info .sale_price {display: block; font-size: 18px; line-height: 22px; color: #fe3333; font-weight: 700;}
.product_info .old_price {display: block; font-size: 10px; line-height: 14px; color: #999;}

.product_info .product_short_description {margin: 20px 0px 0px;}

.product_properties {width: 100%; margin: 20px 0px 0px; font-size: 11px; line-height: 15px;}
.product_properties TH {width: 1%; white-space: nowrap; border: 1px solid #eee; border-left-style: none; padding: 5px 10px 5px 0px; color: #000;}
.product_properties TD {border: 1px solid #eee; border-right-style: none; padding: 5px 0px 5px 10px;}

.product_extra {float: right; width: 220px;}
.product_extra .extra_title {font-size: 14px; line-height: 18px; color: #000; font-weight: 700;/* text-transform: uppercase;*/ margin-bottom: 20px;}
.product_extra LI {margin-top: 10px; position: relative; font-size: 11px; line-height: 15px; padding: 5px 0px 5px 50px;}
.product_extra LI SPAN {position: absolute; width: 40px; height: 40px; left: 0px; top: 0px; background-color: #eee; color: #028d47; font-weight: 700; font-size: 20px; line-height: 40px; text-align: center; border-radius: 20px;}

.product_clients li {padding: 0px; margin: 5px 0px;}

.product_clients {padding-top: 20px; margin-top: 20px; border-top: 1px solid #eee;}
.product_clients P {margin-top: 10px; font-size: 11px; line-height: 15px;}
.product_clients .extra_title {margin: 0px 0px 10px;}

.product_screenshots {width: 1040px; margin: -20px 0px 20px; overflow: hidden;}
.product_screenshots A {position: relative; float: left; display: block; width: 240px; height: 240px; margin: 20px 20px 0px 0px; background: #eee 0px 0px no-repeat; background-size: cover;}
.product_screenshots A SPAN {opacity: 0; position: absolute; width: 140px; height: 140px; left: 50px; top: 50px; background: rgba(0,0,0,0.8) url(zoom.png) center center no-repeat; transition: all 0.5s ease; border-radius: 70px;}
.product_screenshots A:hover SPAN {opacity: 1;}

.marker {position: absolute; top: -1px; right: -6px; width: 95px; height: 58px; background: 0px 0px no-repeat;}
.marker-new {background-image: url(new-badge.png);}
.marker-bestseller {background-image: url(bestseller-badge.png);}
/*---*/

/*Галерея*/
#gallery {display: none; position: fixed; z-index: 20; left: 0px; top: 0px; width: 100%; height: 100%; overflow: auto;}
#gallery .shade {position: absolute; z-index: 1; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.8);}
#gallery .full_img {position: relative; z-index: 2; width: 240px; height: 240px; background: #eee url(load.gif) center center no-repeat; border: 10px solid #fff; margin: 20px auto;}
#gallery .full_img IMG {opacity: 0;}
#gallery .full_img SPAN {position: absolute; top: -10px; right: -64px; width: 44px; height: 44px; background: url(close.png) 0px 0px no-repeat; cursor: pointer; opacity: 0.2; transition: all 0.5s ease;}
#gallery .full_img SPAN:hover {opacity: 0.8;}
/*---*/

/*Соц. кнопки*/
.social {margin-top: 20px;}
.social .t {font-size: 11px; line-height: 20px;}
.social .yashare-auto-init {}
.social .b-share {padding: 0px !important;}

.like {margin-top: 20px;}

.comments {margin-top: 20px;}
/*---*/

/*Услуги*/
.services {width: 1040px; margin: -20px 0px 20px; overflow: hidden;}

.service {position: relative; float: left; width: 250px; padding-left: 250px; height: 240px; margin: 20px 20px 0px 0px;}
.service .thumb {position: absolute; left: 0px; top: 0px; display: block; width: 238px; height: 238px; center 0px no-repeat; background-size: cover; border: 1px solid #eee;}
.service .product_title {text-transform: uppercase; font-weight: 700;}
.service .product_title A {text-decoration: none;}
.service FORM {padding: 10px 10px 10px 0px; margin: 10px 0px; background-color: #eee;}
.service TABLE {width: 100%;}
.service TH {width: 1%;}
.service TD {vertical-align: middle; text-align: center;}
.service .sale_price {display: block; font-size: 18px; line-height: 22px; color: #fe3333; font-weight: 700;}
.service .old_price {display: block; font-size: 10px; line-height: 14px; color: #999;}
.service .product_description {font-size: 11px;}
/*---*/

/*Публикации*/
.pubs {width: 780px; margin: 20px 0px; overflow: hidden;}

.pub {float: left; width: 240px; margin: 0px 20px 0px 0px; overflow: hidden;}
.pub_thumb {display: block; width: 240px; height: 135px; overflow: hidden; margin: 0px 0px -20px; background: #eee center center no-repeat;}
.pub_meta {position: relative; z-index: 1; width: 70px; font-size: 11px; line-height: 15px; height: 15px; background-color: #eee; color: #000; padding: 2px 2px 3px; text-align: center;}
.pub .pub_title {margin: 5px 0px 0px;}
.pub .pub_title A {color: #028d47;}
.pub .pub_title A:hover {text-decoration: none;}
.pub_preview {font-size: 11px;}
.pub_preview P {margin: 5px 0px 0px;}

.item_pub LI {margin: 5px 0px;}
.item_pub LI A {color: #028d47;}
.item_pub LI A:hover {text-decoration: none;}
.item_pub LI.last A {color: #999;}
/*---*/

/*Пейджинг*/
.paging_place {margin: 20px 0px;	 padding-top: 20px; border-top: 1px solid #eee;}
.paging_place .paging {overflow: hidden; margin: 0px;}
.paging SPAN, .paging A, .paging EM {float: left; margin-right: 10px; color: #999; background-color: #eee; text-decoration: none; width: 36px; line-height: 36px; text-align: center;}
.paging A:hover {color: #000;}
.paging EM {background-color: #fff;}
.paging SPAN {color: #000; font-weight: 700;}

.paging_new {margin: 20px 0px; color: #000; background-color: #eee; line-height: 40px; text-align: center; font-weight: 700;}
/*---*/

/*Корзина*/
.cart_place {margin: 20px 0px;}

.cart_table {width: 100%;}
.cart_table TH, .cart_table TD {border: 1px solid #eee; border-left-style: none; padding: 10px 15px;}
.cart_table TH {white-space: nowrap; font-size: 11px; line-height: 15px; color: #000;}
.cart_table TD {}
.cart_table .th_delete, .cart_table .td_delete {border-right-style: none}

.th_quantity, .th_price {text-align: center;}
.td_quantity, .td_price, .td_delete {width: 1%; white-space: nowrap;}
.td_price {text-align: right;}

.td_delete A {color: #f30; font-size: 11px; line-height: 15px;}
.td_delete A:hover {text-decoration: none;}

.cart_place FORM .product_quantity {position: relative; padding: 0px 20px;}
.cart_place FORM .product_quantity .input_bg {width: 20px;}
.cart_place FORM .product_quantity .input_bg .input {text-align: center; color: #999;}
.cart_place FORM .quantity {}
.cart_place FORM .quantity A {position: absolute; top: 50%; margin-top: -8px; width: 16px; height: 16px; cursor: pointer; text-indent: -500px; overflow: hidden; background: url(quantity.png) 0px 0px no-repeat;}
.cart_place FORM .quantity .q_minus {left: 0px; background-position: 0px -16px;}
.cart_place FORM .quantity .q_plus {right: 0px; background-position: 0px 0px;}

.cart_footer {margin: 20px 0px;}

.create_order {float: right; width: 195px; padding: 10px; background-color: #eee;}
.create_order P {position: relative; margin-bottom: 10px;}
.create_order P STRONG {position: absolute; top: -5px; right: 0px; display: block; font-size: 18px; line-height: 22px; color: #000; font-weight: normal;}
.create_order P SPAN {display: block; font-size: 11px; line-height: 15px; color: #999;}
/*---*/

/*Подвал*/
.footer {border-top: 3px solid #eee; padding: 20px 0px; color: #999; margin: 20px 0px 0px;}
/*---*/

/*Разности*/
.clear {clear: both; height: 0px; overflow: hidden;}

#add_product_notification, #add_product_wait {position: fixed; left: 50%; top: 50%;}
#add_product_notification {z-index: 50; width: 310px; background-color: #eee; padding: 14px 0px 16px; margin: -33px 0px 0px -155px; font-size: 16px; line-height: 20px; text-align: center; color: #666; text-transform: uppercase; font-weight: 700; border-radius: 6px;}
#add_product_notification P {font-size: 12px; line-height: 16px; text-transform: none; color: #666; font-weight: normal;}
#add_product_notification A {}
#add_product_wait {z-index: 49; margin-left: -30px; margin-top: -30px; background: #eee url(load.gif) center center no-repeat; width: 60px; height: 60px; border-radius: 40px;}

.simex {width: 100%; background: #F9F1E4; font-size: 16px; line-height: 20px;}
.simex table {width: 100%}
.simex th {width: 2%;}
.simex td {width: 49%; vertical-align: middle; text-align: left; color: #000; padding: 10px 0px;}
.simex td a {color: #000;}
.simex td a:hover {text-decoration: none;}
.simex .simex-left {background: #0089D1; text-align: right; color: #fff;}
.simex .simex-left a {color: #fff;}

.prtnr {width: 1020px; margin: 20px auto; text-align: center;}
.prtnr p {margin: 20px 0px;}
.prtnr table {width: 100%; table-layout: fixed;}
.prtnr table th, .prtnr table td {text-align: center; padding: 0px 20px;}
.prtnr table td {vertical-align: top;}
.prtnr table td p {margin: 5px 0px;}
.prtnr strong {display: block; color: #000; font-size: 14px; line-height: 18px; font-weight: normal; margin-top: 5px;}
.prtnr img {margin: 0px auto;}


/*---*/