html {height:100%; min-width:960px}

body {height:100%; font:14px/20px arial, helvetica, sans-serif; color:#333; min-width:960px; background:#efefef; margin:0; padding:0}

body.main {background:#000 url(../images/main-bg.jpg) no-repeat center center fixed; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover}

a {color:#12788e; outline:none}

img {border:none}

h1 {font-size:30px; line-height:32px; color:#000; margin:0; padding:0 0 20px 0; text-transform:uppercase; position:relative}
h2 {font-size:18px; line-height:24px; font-weight:normal; padding:0 0 8px 0; margin:0}
p {margin:0; padding:0 0 8px 0}

table {width:100%; border-collapse:collapse; margin:0 0 24px 0; border-bottom:1px solid #cacaca}
table th {vertical-align:top; font-size:12px; color:#ccc; text-align:left; padding:3px 9px; background:#575757; border-top:1px solid #797979; border-left:1px solid #797979; border-right:1px solid #797979}
table td {vertical-align:top; font-size:12px; line-height:15px; color:#000; padding:6px 9px 4px 9px; border-left:1px solid #cacaca; border-right:1px solid #cacaca}
table tbody tr.odd {background:#e0e0e0}

ul {padding:0; margin:0; list-style:none}
ul li {padding:0 0 12px 18px; margin:0; background:url(../images/li.png) no-repeat left 9px}

ol {list-style:none; margin:0; padding:0; counter-reset:point}
ol li {margin:0; padding:0 0 12px 0; position:relative; text-indent:16px}
ol li:before {content:counter(point)'.'; counter-increment:point 1; position:absolute; left:0; top:0; width:16px; text-indent:0}

.wrapper {min-width:960px; min-height:100%}
.wrapper-inner {padding:0 0 80px 0}

.main .wrapper-inner {padding-bottom:157px}

.header {background:#000; height:143px}
.header-inner {width:960px; margin:0 auto; height:143px; position:relative}

.logo {position:absolute; left:-1px; top:45px}

.header-phone {position:absolute; right:37px; top:41px; color:#fff; font-size:22px; line-height:24px}

.header ul {position:absolute; left:0; top:105px}
.header ul li {padding:0; background:none; font-size:14px; font-weight:bold; text-transform:uppercase; position:relative; margin:0 -1px 0 0; float:left}
.header ul li a {float:left; display:block; text-decoration:none; color:#fff; height:38px; line-height:38px; padding:0 30px 0 10px; border-left:1px solid #3b3b3b}
.header ul li a:hover {color:#73e6ff}
.header ul li.active {z-index:2}
.header ul li.active a {background:#73e6ff; color:#12788e}

.header-search {position:absolute; width:223px; height:22px; border:1px solid #2f2f2f; right:0; top:108px}
.main .header-search {top:15px}
.header-search form {margin:0; padding:0}
.header-search-input {position:absolute; left:8px; top:3px}
.header-search-input span {position:absolute; left:0; top:0; color:#666; font:11px/14px arial, helvetica, sans-serif}
.header-search-input input {position:relative; width:188px; height:14px; vertical-align:top; color:#fff; font:11px/14px arial, helvetica, sans-serif; padding:0; margin:0; outline:none; background:url(../images/blank.gif); border:none}
.header-search-submit {position:absolute; right:5px; top:4px}
.header-search-submit input {width:14px; height:14px; border:none; background:url(../images/search.png); vertical-align:top; outline:none; padding:0; margin:0; cursor:pointer}

.middle {width:960px; margin:0 auto}
.middle:after {content:"."; display:block; clear:both; visibility:hidden; height:0}

.content {float:right; width:714px; padding:36px 0 0 0}

.breadcrumbs {font-size:11px; color:#666; padding:0 0 9px 0}
.breadcrumbs a {color:#666}

.content-mark {font-size:16px; line-height:24px; color:#666; margin:8px 0 15px 74px; font-style:italic}

.photo {padding:13px 0 19px 0}
.photo img {display:block}
.photo div {font-style:italic; color:#666; font-size:12px; padding:5px 0 0 0}

.news-links {position:absolute; right:0; top:5px; font-size:14px}
.news-links a {color:#666; margin-left:15px}
.news {width:100%; position:relative; overflow:hidden}
.news-inner {position:relative; margin-top:-19px}
.news-item {background:url(../images/dots-1.png) repeat-x; padding:18px 0 7px 0}
.news-item h2 a {color:#333}
.news-item h2 a:hover {color:#12788e}
.news-date {font-size:12px; color:#666; margin:-8px 0 3px 0}

.category-text {color:#666}

.category {width:100%; position:relative; overflow:hidden}
.category-inner {width:728px}
.category-inner:after {content:"."; display:block; clear:both; visibility:hidden; height:0}
.category-inner a {display:block; float:left; width:168px; height:208px; margin:0 14px 30px 0; position:relative; cursor:pointer; text-decoration:none; overflow:hidden; background:#5c5c5c; color:#fff; font-size:12px; line-height:15px}
.category-inner a img {position:absolute; left:0; top:0}
.category-inner a span {display:block; position:absolute; left:9px; top:173px; width:150px}
.category-inner a sub {display:block; width:168px; height:168px; background:#73e6ff; opacity:0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0)}
.category-inner a:hover {color:#333; background:#fff}
.category-inner a:hover sub {opacity:.5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50)}

.left {float:left; width:226px; padding:40px 0 0 0}
.left ul {border:2px solid #ccc; background:#fff; position:relative; border-top:1px solid #ccc}
.left ul li {margin:0; padding:0; border-top:1px solid #ccc; background:none; margin:0 -2px; font-size:12px; line-height:18px}
.left ul li a {display:block; text-decoration:none; position:relative; padding:10px 15px 11px 15px; color:#333}
.left ul li a:hover {color:#12788e}
.left ul li.active {background:#000; font-weight:bold}
.left ul li.active a,
.left ul li.active a:hover {color:#efefef}

.footer {min-width:960px; height:40px; margin-top:-40px; background:#000}
.main .footer {height:157px; margin-top:-157px}
.footer-inner {width:960px; margin:0 auto; height:40px; position:relative; color:#ccc; font-size:12px}
.main .footer-inner {height:157px}
.footer-inner a {color:#73e6ff}

.copyrights {position:absolute; left:0; top:8px}
.main .copyrights {top:116px}

.developer {position:absolute; right:74px; top:8px}
.main .developer {top:116px}

.footer ul {position:absolute; left:0; top:0}
.footer ul li {padding:0; background:none; font-size:14px; font-weight:bold; text-transform:uppercase; position:relative; margin:0 -1px 0 0; float:left}
.footer ul li a {float:left; display:block; text-decoration:none; color:#fff; height:38px; line-height:38px; padding:0 30px 0 10px; border-left:1px solid #3b3b3b}
.footer ul li a:hover {color:#73e6ff}
.footer ul li.active {z-index:2}
.footer ul li.active a {background:#73e6ff; color:#12788e}

.main-page {position:relative; width:960px; margin:0 auto; height:405px}
.main-logo {position:absolute; left:-5px; top:40px}

.slider {position:absolute; left:-2px; top:263px}
.slider-content {width:574px; position:absolute; overflow:hidden}
.slider-content ul {width:10000px; position:relative}
.slider-content ul li {float:left; width:574px; background:none; color:#fff; font-size:56px; line-height:56px; font-weight:bold; text-transform:uppercase; padding:0; margin:0}
.slider-content ul li a {color:#fff; text-decoration:none}
.slider-content ul li a:hover {color:#12788e}
.slider-content ul li.slider-text-2 {font-size:40px; line-height:40px; padding:14px 0 0 0}
.slider-content ul li.slider-text-3 {font-size:40px; line-height:40px; padding:14px 0 0 0}
.slider-content ul li.slider-text-5 {font-size:38px; line-height:38px; padding:16px 0 0 0}

.slider-prev {position:absolute; left:-50px; top:23px; width:23px; height:63px; background:url(../images/slider-arrows.png)}
.slider-next {position:absolute; left:570px; top:23px; width:23px; height:63px; background:url(../images/slider-arrows.png) left -64px}

.slider-link {position:absolute; left:4px; top:133px; width:180px; height:18px; background:url(../images/slider_under.png); font-size:11px; line-height:18px; padding:0 0 0 5px; text-decoration:none; color:#264c55; text-transform:uppercase}
.slider-under-text {position:relative; left:4px; top:153px; width:430px; height:18px;  font-size:14px; line-height:20px; padding:0 0 0 5px; text-decoration:none; color:#FFF; }

.contacts-phone {font-size:90px; line-height:90px; color:#000; padding:6px 0 0 0}
.contacts-email {font-size:30px; line-height:30px}
.contacts-email a {color:#999}
.contacts-address {line-height:24px; font-size:18px; color:#000; padding:40px 0 14px 0}
.contacts-map {width:100%; position:relative; overflow:hidden; height:228px}

.contacts-form-title {font-size:30px; line-height:32px; color:#999; padding:39px 0 13px 0}
.contacts-form {border:1px solid #ccc; padding:19px; height:183px; position:relative}
.contacts-form form {margin:0; padding:0}
.contacts-form-inner {width:100%}
.contacts-form-inner:after {content:"."; display:block; clear:both; visibility:hidden; height:0}
.contacts-form-left {float:left; width:210px}
.contacts-form-input {position:relative; margin:0 0 11px 0; border:1px solid #ccc; background:#fff; padding:5px 7px 0 7px; height:18px}
.contacts-form-input span {position:absolute; left:7px; top:5px; color:#999; font:12px/14px arial, helvetica, sans-serif}
.contacts-form-input input {position:relative; vertical-align:top; width:100%; font:12px/14px arial, helvetica, sans-serif; color:#000; height:14px; border:none; background:url(../images/blank.gif); outline:none; padding:0; margin:0}
.contacts-form-right {float:right; width:454px}
.contacts-form-textarea {position:relative; border:1px solid #ccc; background:#fff; padding:5px 7px; height:121px}
.contacts-form-textarea span {position:absolute; left:7px; top:5px; color:#999; font:12px/14px arial, helvetica, sans-serif}
.contacts-form-textarea textarea {position:relative; vertical-align:top; width:100%; font:12px/14px arial, helvetica, sans-serif; color:#000; height:121px; border:none; background:url(../images/blank.gif); outline:none; padding:0; margin:0; overflow:auto; resize:none}
.contacts-form-submit {text-align:center}
.contacts-form-submit input {width:674px; height:40px; border:none; background:url(../images/contacts-submit.png); border:none; margin:0; padding:0; cursor:pointer; outline:none}
.contacts-form-submit input:hover {background-position:left -40px}
.contacts-form-submit input:active {background-position:left -80px}

.product-opt-title {font-weight:bold; padding:0 0 8px 0}

.detail-inner {width:100%}
.detail-inner:after {content:"."; display:block; clear:both; visibility:hidden; height:0}
.detail-photos {float:left; width:230px; padding:9px 0 0 0}
.detail-photo-big {width:226px; height:226px; border:2px solid #ccc; position:relative; overflow:hidden}
.detail-photo-big a {display:block; width:226px; height:226px; line-height:226px; text-align:center; position:relative}
.detail-photo-big img {vertical-align:middle}
.detail-photo-big span {position:absolute; right:0; bottom:0; display:block; width:22px; height:22px; font:0/0 serif; background:url(../images/detail-zoom.png)}

.detail-photo-preview {width:100%; position:relative; overflow:hidden; padding:10px 0 0 0}
.detail-photo-preview ul {margin:0; padding:0; width:240px}
.detail-photo-preview ul li {float:left; margin:0 10px 10px 0; width:66px; height:66px; border:2px solid #ccc; position:relative; background:none; padding:0}
.detail-photo-preview ul li span {display:none; position:absolute; width:7px; height:4px; font:0/0 serif; background:url(../images/detail-preview.png); left:30px; top:-6px}
.detail-photo-preview ul li.active {border-color:#818181}
.detail-photo-preview ul li.active span {display:block}
.detail-photo-preview ul li a {display:block; width:66px; height:66px; line-height:66px; text-align:center; position:relative; overflow:hidden}
.detail-photo-preview ul li a img {vertical-align:middle}

.detail-info {float:right; width:469px; padding:6px 0 0 0}

.detail-opt {padding:19px 0 0 0}
.detail-opt div {font-size:14px; font-weight:bold; padding:0 0 6px 0; color:#333}
.detail-opt ul {margin:0; padding:0; background:url(../images/dots-1.png) repeat-x; font-size:12px; color:#666}
.detail-opt ul li {width:100%; padding:2px 0 4px 0; margin:0; background:url(../images/dots-1.png) repeat-x left bottom}
.detail-opt ul li:after {content:"."; display:block; clear:both; visibility:hidden; height:0}
.detail-opt ul li span {display:block; float:left; width:170px; padding:0 7px 0 0}
.detail-opt ul li strong {display:block; float:left; width:280px; font-weight:normal; color:#000}

.detail-prices {padding:25px 0 39px 0}
.detail-prices a {display:block; width:200px; height:42px; background:url(../images/price.png)}
.detail-prices a:hover {background-position:left -42px}
.detail-prices a:active {background-position:left -84px}

.contacts-result {display:none}
.contacts-result-text-1 {position:absolute; left:0; top:42px; width:100%; font-size:50px; line-height:54px; color:#666; text-align:center}
.contacts-result-text-2 {position:absolute; left:0; top:107px; width:100%; font-size:24px; line-height:30px; color:#666; text-align:center}

.partners {width:100%; position:relative; overflow:hidden; line-height:0}
.partners ul {width:730px; margin:0; padding:0}
.partners ul:after {content:"."; display:block; clear:both; visibility:hidden; height:0}
.partners ul li {float:left; width:146px; height:146px; background:none; margin:0; padding:0; background:url(../images/partners-logo-bg.png) no-repeat 2px 2px}
.partners ul li a {display:block; width:127px; height:127px; position:relative; overflow:hidden}
.partners ul li a span {display:block; height:127px}
.partners ul li a:hover span {display:none}
.partners ul li a strong {display:block; height:127px}