﻿body { background: url(../img/bg.jpg) no-repeat #000000 top center; font-family: "Cuprum", Tahoma; }

#header { width: 980px; margin: 20px auto 0; height: 120px; }
.fltleft { float: left; }
.fltright { float: right; }

#language { margin: 33px 0px 0 40px; vertical-align: middle; }
.clear { clear: both; }

.selected {
    min-width: 100px;
    padding: 0 5px;
    height: 32px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: #f07d00;
    -webkit-box-shadow: inset 0 1px rgba(255,255,255,.5);
    -moz-box-shadow: inset 0 1px rgba(255,255,255,.5);
    box-shadow: inset 0 1px rgba(255,255,255,.5);
    background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.31), rgba(255,255,255,.31));
    background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.31), rgba(255,255,255,.31));
    background-image: -o-linear-gradient(bottom, rgba(0,0,0,.31), rgba(255,255,255,.31));
    background-image: -ms-linear-gradient(bottom, rgba(0,0,0,.31), rgba(255,255,255,.31));
    background-image: linear-gradient(to top, rgba(0,0,0,.31), rgba(255,255,255,.31));
}
.selected a { color:#000; }

#header li { float: left; line-height: 32px; text-align: center; }
#language img { margin-right: 2px; }
#language a { margin-right: 20px; color: #ffffff; text-decoration: none; }
#language span:hover, a:hover { text-decoration: underline; }

#menu { margin-top: 31px; }
#menu li { font-size: 16px; }
#menu div { margin-right: 22px; font-weight: bold; }

a { margin: 0 auto; color: #ffffff; text-decoration: none; }

#language li { font-size: 12px; }

#content-outer {
    width: 980px;
    margin: 0 auto;
    background: #f39200; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzOTIwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYlIiBzdG9wLWNvbG9yPSIjZWU2ZjAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTIlIiBzdG9wLWNvbG9yPSIjZWM1YTAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjQlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQzMTgwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #f39200 0%, #ee6f00 6%, #ec5a00 12%, #000000 64%, #431800 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f39200), color-stop(6%,#ee6f00), color-stop(12%,#ec5a00), color-stop(64%,#000000), color-stop(100%,#431800)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f39200 0%,#ee6f00 6%,#ec5a00 12%,#000000 64%,#431800 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f39200 0%,#ee6f00 6%,#ec5a00 12%,#000000 64%,#431800 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f39200 0%,#ee6f00 6%,#ec5a00 12%,#000000 64%,#431800 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f39200 0%,#ee6f00 6%,#ec5a00 12%,#000000 64%,#431800 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f39200', endColorstr='#431800',GradientType=0 ); /* IE6-8 */
    border-radius: 15px;
    padding: 4px;
}

#page-content { background: #000000; border-radius: 15px; }

#footer { width: 980px; margin: 35px auto; text-align: center; }
#copyright { color: #717171; font-size: 14px; margin-right: 7px; }

.orange { color: #f07d00; }
.white { color: #ffffff; }
.grey { color: #b7b7b7; }

.page-header { margin:20px 0 15px; font-size:30px; font-weight:bold; line-height:30px; text-align:center; color:#fff; }

#homepage { background: url(../img/bghomeup.jpg) no-repeat top center #000000; color: #ffffff; border-radius: 15px; }
#news { background: url(../img/bghomebottom.jpg) no-repeat bottom center #000000; border-radius: 15px; margin: 0px 16px; overflow:hidden; }

#maindesc { width: 280px; margin: 40px 36px; }
#mainimage { width: 600px; height: 279px; padding: 2px 7px 0px; }
p { margin-bottom:.8em; }

#homeline {
    width: 920px;
    height: 2px;
    background: #010000; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAxMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iIzQ0MTgwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #010000 0%, #441800 49%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#010000), color-stop(49%,#441800), color-stop(100%,#000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #010000 0%,#441800 49%,#000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #010000 0%,#441800 49%,#000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #010000 0%,#441800 49%,#000000 100%); /* IE10+ */
    background: linear-gradient(to right, #010000 0%,#441800 49%,#000000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#010000', endColorstr='#000000',GradientType=1 ); /* IE6-8 */
    margin: 0px 30px;
}

.news { width: 280px; margin: 40px 18px; }
.news a { font-size: 15px; }
.news div { font-size: 14px; margin-top: 10px; }
.news p { text-align:left !important; }

#center-news { margin: 40px 30px; }
#viewcontent { padding: 35px 36px; }
#titlecontent { font-size: 30px; margin-bottom: 20px; }

#imagenews { width: 280px; height: 380px; margin-right: 28px; border-radius: 15px; background-color: #fff; text-align: center; line-height: 380px; }
#imagenews > img { border-radius: 15px; background-color: #fff; vertical-align: middle; }

#descriptionnews { width: 600px; }

#categories { margin-right: 40px; width: 300px; overflow: hidden; }
#categories li { /*margin-bottom: 20px;*/ /*padding-left: 20px;*/ font-weight: bold; }
#categories li div { display: inline-block; line-height: 32px; padding: 0 20px; }
#categories a { font-size: 14px; /*padding-left: 20px;*/ }
#categories .selected a { text-decoration:none; }

#products, #product-content { width: 565px; }

#listproducts { color: #ffffff; margin-bottom:30px; }
#listproducts .product { border-top: 2px solid #441800; padding: 20px 0; }

.imageproductlist { width:100px; height:100px; margin-bottom: 18px; border-radius: 15px; background-color: #fff; }
.imageproductlist img { width:100%; height:100%; border-radius: 15px; }

.product-text { margin: 10px 0 0 120px; }
.product-text .product-title { font-size: 18px; font-weight: bold; }
.product-text .product-description { font-size: 14px; }

#carousel { height: 420px; border-radius: 15px; background-color: #ffffff; margin-bottom: 40px; }
#carousel-items { overflow: hidden; width: auto; height: 105px; position: relative; }
#carousel-items ul { margin: 0 30px; }
#carousel-items ul li { border-radius: 15px; margin: 0 12px; }
#carousel-items ul li img { border-radius: 15px; width:100px; }
.carousel-item { border: 1px solid #e0e0e0; cursor: pointer; }
.carousel-item-selected { border: 1px solid #f07d00; }

#product-image { margin: 0 auto; text-align:center; }
#product-image > img { border-radius: 15px; background-color: #ffffff; width:300px; }

.product-feature { margin-bottom: 40px; }
.product-feature .text-title,
.product-feature b { font-size: 24px; margin-bottom: 20px; color:#f07d00; display:inline-block; text-transform:uppercase; }
.product-feature .text-value { font-size: 14px; }
.product-feature table { width:100%; }
.product-feature table td { border: 1px solid #431800; padding: 10px 20px; font-size: 14px; }

.product-feature table tr:first-child td:first-child { border-radius:15px 0 0 0; }
.product-feature table tr:first-child td:last-child { border-radius:0 15px 0 0; }
.product-feature table tr:last-child td:first-child { border-radius:0 0 0 15px; }
.product-feature table tr:last-child td:last-child { border-radius:0 0 15px 0; }


#table-specification { border: 1px solid #431800; border-radius: 15px; display: inline-block; overflow: hidden; margin-top: 20px; }
.product-feature table { margin-bottom:20px; border: 1px solid #431800; border-radius: 15px; border-collapse:separate; }

.goods-item .form-actions { margin-bottom:40px; width:200px; }
.goods-item a.button { display:block; line-height:40px; height:40px; color:#fff; font-size:20px; text-align:center; text-decoration:none; border-radius:20px; }
.goods-item .price { font-size:24px; font-weight:bold; line-height:32px; color:#f07d00; margin-bottom:15px; }
.goods-item .price span { font-weight:normal; font-size:16px; color:#b7b7b7; }

.customer { height: 205px; margin-bottom: 20px; }
.imagecustomer > img { width: 200px; height: 200px; border-radius: 15px; background-color: #ffffff; }
.customer-name div { font-size: 22px; margin-bottom: 6px; }
.customer-text { margin-left: 20px; }
.customer-contacts { font-size: 18px; margin-top: 40px; }
.customer-contacts div { line-height: 28px; }

#prev {
    top: 28px;
    left: 10px;
    position: absolute;
    width: 22px;
    height: 48px;
    background: url(../img/switch-image.png) -22px 0;
}

#prev:hover {
    background: url(../img/switch-image.png) 22px 0;
    cursor: pointer;
}

#next {
    top: 28px;
    right: 10px;
    position: absolute;
    width: 22px;
    height: 48px;
    background: url(../img/switch-image.png);
}

#next:hover {
    background: url(../img/switch-image.png) 44px 0;
    cursor: pointer;
}

.hidden { display: none; }

.params { width:200px; }
.params label { line-height:30px; display:block; font-size:14px; color:#b7b7b7; }
.params .am-combobox-selected { width:200px; margin-bottom:22px; font-size:14px; }
.params .am-combobox-list { width:200px; background-color:#000; }
.params .am-combobox-list span { font-size:14px; }
.am-combobox-list-item { height:25px; line-height:25px; }

.article-list {}
.article-item { position:relative; border-bottom:1px solid #431800; margin-bottom:20px; min-height:120px; }
.article-item .date { color:#b7b7b7; font-size:18px; line-height:40px; display:inline-block; }
.article-item .caption { color:#f07d00; font-size:18px; margin-bottom:10px; font-weight:normal; }
.article-item .caption a { color:inherit; font-size:inherit; text-decoration:none; }
.article-item .caption a:hover { text-decoration:underline; }
.article-item .img { float:left; margin-right:20px; }
.article-item .img img { border-radius:15px; }
.article-item .abstract { font-size:14px; line-height:20px; color:#b7b7b7; }
.article-item:last-child { border-bottom:none; }

.paginator { text-align:center; }
.paginator a { color:#f07d00; font-size:14px; line-height:20px; margin:0 10px; text-decoration:none; }

.show-more { color:#f07d00; }

#descriptionnews img { margin:10px; }
.back-button a { color:#f07d00; }

.buy p { line-height:20px; }
.buy a { line-height:inherit; color:#f07d00; }
.buy img { margin-top:5px; margin-right:20px; }
.buy table { margin-bottom:35px; }
.buy td { vertical-align:top; }
.buy hr { margin:20px 0; height:1px; background:#431800; border:none; }

.content.feedback,
.content .feedback-form { width:550px; margin:15px auto 40px; }
.feedback .address { color:#fff; }
.feedback .result { margin-bottom:35px; text-align:justify; }
.feedback-form div { margin-bottom:15px; margin-left:-40px; /*background-color:#fff;*/ }
.feedback-form label { display:block; position:relative; }
.feedback-form span { width:130px; display:inline-block; text-align:right; font-size:16px; line-height:30px; color:#fff; padding:0 10px; vertical-align:top; }

.feedback-form input,
.feedback-form textarea { height:28px; /*line-height:29px;*/ color:#000; border:2px solid #434343 ;box-shadow: inset 0 0 5px rgba(18,16,11,.4); padding:0 10px; outline:none; background-color:#fff; }
.feedback-form input { display:inline-block; width:320px; }
.feedback-form textarea { width:342px; display:inline-block; height:126px; padding:5px 10px; margin-bottom:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }

.feedback-form .form-actions { margin-left:113px; }
.feedback-form button {
	border:none; width:343px; height:50px; line-height:50px; color:#fff; font-size:18px; cursor:pointer;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: #f07d00;
    -webkit-box-shadow: inset 0 1px rgba(255,255,255,.5);
    -moz-box-shadow: inset 0 1px rgba(255,255,255,.5);
    box-shadow: inset 0 1px rgba(255,255,255,.5);
    background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.31), rgba(255,255,255,.31));
    background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.31), rgba(255,255,255,.31));
    background-image: -o-linear-gradient(bottom, rgba(0,0,0,.31), rgba(255,255,255,.31));
    background-image: -ms-linear-gradient(bottom, rgba(0,0,0,.31), rgba(255,255,255,.31));
    background-image: linear-gradient(to top, rgba(0,0,0,.31), rgba(255,255,255,.31));
}
.feedback-form button:hover {}
