ÿþ/* this css created by const lab, 2009 --- http://www.constlab.ru */



/*** common***/
* {padding: 0; margin: 0;}
html, body {width: 100%; height: 100%;}
table, td, div, p {color: #1a1a1a; vertical-align: top; border: 0; text-align: left;}
table {border-collapse: collapse; border-spacing: 0;}
a {color: #004a80; text-decoration: none; outline: none; border-bottom: 1px solid ; cursor: pointer; cursor: hand;}
a:hover {color: #007bd5;}
a img {border-bottom: 0;}
h1 {font: 16px/16px Verdana, Arial, sans-serif; font-weight: normal; letter-spacing: -1px; color: #2c2c2c; padding: 16px 0 16px 80px;}
h2 {font: 12px/18px Verdana, Arial, sans-serif; color: #7a7883; padding: 0 0 0 32px; margin: 0;}
h3 {font: 24px/30px Georgia, "Times New Roman", Times, serif; color: #b70044; font-weight: normal; padding: 6px 32px; margin: 0;}
h4 {font: 18px/30px Georgia, "Times New Roman", Times, serif; color: #b70044; font-weight: normal; padding: 6px 0 6px 32px; margin: 0;}
img {border: 0;}
p {font: 12px/16px Verdana, Arial, sans-serif; padding: 0 48px 16px 80px;}
/*** end common***/



/*** layout ***/
.layout {width: 100%; height: 100%; position: absolute; z-index: 2;}
.spreader {width: 980px; height: 1px; margin-top: -1px; display: block;}

.mwindow {display: table;}
.mwindow td {padding: 0; margin: 0;}
.mwindow .tl {display: table-cell; width: 16px; height: 16px; background: transparent url('data/modal-window.png') no-repeat 0 0;}
.mwindow .tc {display: table-cell; height: 16px; background: transparent url('data/modal-window.png') repeat-x -16px 0;}
.mwindow .tr {display: table-cell; width: 16px; height: 16px; background: transparent url('data/modal-window.png') no-repeat 100% 0;}
.mwindow .ml {display: table-cell; width: 16px; background: transparent url('data/modal-window.png') no-repeat 0 -16px;}
.mwindow .mc {display: table-cell; background: transparent url('data/modal-window.png') no-repeat -16px -16px; padding: 0 16px;}
.mwindow .mr {display: table-cell; width: 16px; background: transparent url('data/modal-window.png') no-repeat 100% -16px;}
.mwindow .bl {display: table-cell; width: 16px; height: 16px; background: transparent url('data/modal-window.png') no-repeat 0 100%;}
.mwindow .bc {display: table-cell; height: 16px; background: transparent url('data/modal-window.png') repeat-x -16px 100%;}
.mwindow .br {display: table-cell; width: 16px; height: 16px; background: transparent url('data/modal-window.png') no-repeat 100% 100%;}

.textareabg {display: table; width: 100%; height: 96px;}
.textareabg td {padding: 0; margin: 0;}
.textareabg .tl {display: table-cell; width: 8px; height: 8px; background: url('data/form-textarea.png') no-repeat 0 0;}
.textareabg .tc {display: table-cell; height: 8px; background: url('data/form-textarea.png') repeat-x -8px 0; position: relative;}
.textareabg .tc div {width: 100%; height: 100%; position: relative; padding: 0; margin: 0;}
.textareabg .tc div textarea {position: absolute;}
.textareabg .tr {display: table-cell; width: 8px; height: 8px; background: url('data/form-textarea.png') no-repeat 100% 0;}
.textareabg .ml {display: table-cell; width: 8px; background: url('data/form-textarea.png') no-repeat 0 -8px;}
.textareabg .mc {display: table-cell; background: url('data/form-textarea.png') no-repeat -8px 100%; padding: 0; margin: 0;}
.textareabg .mr {display: table-cell; width: 8px; background: url('data/form-textarea.png') no-repeat 100% -8px;}
.textareabg .bl {display: table-cell; width: 8px; height: 8px; background: url('data/form-textarea.png') no-repeat 0 100%;}
.textareabg .bc {display: table-cell; height: 8px; background: url('data/form-textarea.png') repeat-x -8px 100%;}
.textareabg .br {display: table-cell; height: 8px; width: 8px; background: url('data/form-textarea.png') no-repeat 100% 100%;}

.feedback-background {width: 100%; height: 100%; z-index: 998; display: none; position: absolute; top: 0; left: 0; background: white; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20); filter: alpha(opacity=20); -moz-opacity: 0.2; -khtml-opacity: 0.2; opacity: 0.2;}
.feedback {width: 652px; height: 256px; position: absolute; top: 13px; right: 39px; z-index: 999; display: none;}
.feedback .tablelayout {width: 100%; margin-top: 34px;}
.feedback .tablelayout td {font: 12px/16px Verdana, Arial, sans-serif;}
.feedback .tablelayout .form-hspace {width: 7px;}
.feedback .tablelayout .label {width: 160px; padding-bottom: 16px; background: url('data/label-bg.png') repeat-x 0 0;}
.feedback .tablelayout .label span {background: #FFFFFF; padding-right: 7px; padding-left: 7px;}
.feedback .tablelayout .form-input-begin {background: url('data/form-input.png') no-repeat scroll 0 0; width: 8px;}
.feedback .tablelayout .form-input {background: url('data/form-input.png') no-repeat scroll -10px 0;}
.feedback .tablelayout .form-input input {border: 0; height: 16px; width: 100%; font: 11px/14px Verdana, Arial, sans-serif; background: transparent;}
.feedback .tablelayout .form-input textarea {width: 100%;}
.feedback .tablelayout .form-input-end {background: url('data/form-input.png') no-repeat scroll 100% 0; width: 8px;}
.feedback .tablelayout .form-textarea {padding-bottom: 15px; padding-top: 1px;}
.feedback .tablelayout .form-textarea textarea {padding: 0; margin: 0 0 0 0; border: 0; width: 100%; height: 104px; font: 11px/14px Verdana, Arial, sans-serif; background: transparent;}



.feedback .tablelayout .form-code input {width: 50px;}
.feedback .tablelayout .code-note {padding-left: 10px;}
.feedback .tablelayout .form-code-img {height: 18px; width: 45px; position: absolute; margin-left: 92px;}
.feedback .tablelayout .last-row .label {padding-bottom: 2px}
.feedback .tablelayout .last-row #contact-button {height: 18px; margin-bottom: 4px;}
.feedback .ok-message {display: none;}

.error-message td {font: 12px/16px Verdana, Arial, sans-serif; color: #005587; padding-bottom: 16px;}
.ok-message {width: 100%;}
.ok-message td {font: 12px/16px Verdana, Arial, sans-serif; vertical-align: middle; text-align: center;}

.active-button {display: table; width: auto; height: 24px; text-decoration: none; float: left; margin: 0 20px 10px 0; cursor: pointer; cursor: hand; margin-left: -4px; margin-top: -3px;}
.active-button .buttonleft {display: table-cell; height: 24px; width: auto; float: left; background: url('data/form-btn.png') 0 0 no-repeat;}
.active-button .buttonright {display: table-cell; height: 24px; width: 20px; float: left; background: url('data/form-btn.png') 100% 0 no-repeat;}
.active-button .btnlabel {display: block; width: auto; text-align: center; margin: 6px 0 0 22px; color: #fff; font: 12px/12px sans-serif, Helvetica, Verdana, Arial; white-space: nowrap; //margin: 2px 0 0 22px;}
.active-button:hover .buttonleft {background: url('data/form-btn.png') 0 -24px no-repeat;}
.active-button:hover .buttonright {background: url('data/form-btn.png') 100% -24px no-repeat;}
a.active-button {border-bottom: 0;}

.inactive-button {display: table; width: auto; height: 24px; text-decoration: none; float: left; margin: 0 20px 10px 0; cursor: default; margin-left: -4px; margin-top: -3px;}
.inactive-button .buttonleft {display: table-cell; height: 24px; width: auto; float: left; background: url('data/form-btn.png') 0 -48px no-repeat;}
.inactive-button .buttonright {display: table-cell; height: 24px; width: 20px; float: left; background: url('data/form-btn.png') 100% -48px no-repeat;}
.inactive-button .btnlabel {display: block; width: auto; text-align: center; margin: 6px 0 0 22px; color: #8d8c8c; font: 12px/12px sans-serif, Helvetica, Verdana, Arial; white-space: nowrap; //margin: 2px 0 0 22px;}
a.inactive-button {border-bottom: 0;}

.header {position: absolute; width: 100%;}
.header td { width: 100%; height: 80px; background: transparent url('data/bkg-white.png') repeat 0 0;}

.logo {display: block; width: 101px; height: 16px; float: left; margin: 32px 32px 32px 48px;}
.logo a {border: 0;}
.logo img {width: 101px; height: 16px;}

.languges {display: block; float: left; font: 10px/16px Verdana, Arial, sans-serif; margin: 32px 48px 32px 80px; position: relative; z-index: 2015;}
.languges span {color: #999; padding: 0 20px 0 0}

.contacts {float: right; font: 10px/16px Verdana, Arial, sans-serif; margin: 32px 73px 32px 48px; position: relative;}
.contacts a {position: relative; z-index: 2020;}

.grid {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff url('data/grid.png') repeat 0 0; z-index: 2018;  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20); filter: alpha(opacity=20); -moz-opacity: 0.2; -khtml-opacity: 0.2; opacity: 0.2;}

.phone {white-space: nowrap; width: auto; float: left; display: block; height: 16px; background: url('data/icons.png') no-repeat 0 0; padding: 0 16px 0 20px; margin: 0 0 0 20px;}

.email {white-space: nowrap; width: auto; float: right; display: block; height: 16px; background: url('data/icons.png') no-repeat 0 -16px; padding: 0 0 0 20px; margin: 0 0 0 20px; border: 0;}
.email:hover {background: url('data/icons.png') no-repeat 0 -32px;}
.email span {border-bottom: 1px dashed;}

.active {white-space: nowrap; width: auto; float: right; display: block; height: 48px; background: url('data/icons.png') no-repeat 0 -16px; padding: 32px 16px 0 0; margin: -32px -16px -32px 0px; border: 0; background: url('data/splash/bkg-splash-dblue.png') repeat 0 0;}
.active .email {color: #007bd5;}
.active .email:hover {color: #3cabfd;}
.active .email span {border-bottom: 1px dashed;}

.splash {height: 336px; text-align: center; vertical-align: middle;}

.splash .bot {position: relative; width: 100%; height: 256px; background: url('data/splash/bot-back.png') repeat 0 0; margin-top: 80px;}
.splash .bot .content {position: relative; width: 621px; height: 256px; margin: 0 auto;}
.splash .bot .content img {position: absolute; bottom: 0; margin-left: -17px;}
.splash .bot .content .body {position: absolute; right: -220px; top: 136px;}
.splash .bot .content .body span {font: 14px/20px Verdana, Arial, sans-serif; color: #999879;}
.splash .bot .content .body h1 {font: 24px/30px Verdana, Arial, sans-serif; color: #000000; padding: 6px 0 0 0;}

.splash .drive {width: 100%; height: 256px; background: url('data/splash/bkg-splash-brown.png') repeat 0 0; margin-top: 80px;}
.splash .drive .col1 {width: 37%; text-align: right; padding: 108px 0 0 0;}
.splash .drive .col2 {width: 30%; text-align: center;}
.splash .drive .col2 img {margin: 50px 10%;}
.splash .drive .col3 {width: 33%; padding: 108px 0 0 0;}
.splash .packart {height: 336px; background: url('data/splash/packart-back.png') repeat-x 0 80px;}
.splash .packart table {width: 100%;}
.splash .packart td {text-align: center; padding-left: 24px;}
.splash .packart td .text {font: 12px/16px Verdana, Arial, sans-serif; display: block; width: 300px; margin: -160px auto 0 auto; position: relative; z-index: 500; text-align: left; padding: 0 0 0 320px;}
.splash .packart td .text h1 {font: 24px/32px Verdana, Arial, sans-serif; color: #ced5e5;}
.splash .packart td .text p {color: #ced5e5;}
.splash .packart td .text a.link {white-space: nowrap; width: auto; display: block; height: 16px; background: url('data/favicons/packart.png') no-repeat 0 0; padding: 0 0 0 20px; margin: 0 0 0 0; border: 0; color: #fff;}
.splash .packart td .text .link span {border-bottom: 1px solid;}
.splash .packart td .text a.link:hover {color: #ccdbff;}
.splash .packart img {position: relative;}
.splash .pda {height: 336px; background: url('data/splash/4pda-back.jpg') repeat-x 0 80px;}
.splash .pda table {width: 100%;}
.splash .pda td {text-align: center; padding-left: 0;}
.splash .pda td .text {font: 12px/16px Verdana, Arial, sans-serif; display: block; width: 400px; margin-top: -160px; position: relative; z-index: 500; text-align: left; padding: 0 0 0 7%;}
.splash .pda td .text h1 {font: 24px/32px Verdana, Arial, sans-serif; color: #b62270;}
.splash .pda td .text p {color: #333;}
.splash .pda td .text a.link {white-space: nowrap; width: auto; display: block; height: 16px; background: url('data/favicons/4pda.png') no-repeat 0 0; padding: 0 0 0 20px; margin: 0 0 0 0; border: 0;}
.splash .pda td .text a.link:hover {}
.splash .pda td .text .link span {border-bottom: 1px solid;}
.splash .pda img {position: relative;}
.splash .pda .type {float: right; margin: -262px 30px 0 0;}
.splash_navigation {display: table-cell; height: 32px; text-align: center;}
.splash_navigation .active {display: inline-block; width: 16px; height: 16px; background: transparent url('data/icons.png') no-repeat 0 -48px; margin: 8px 0 0 0; float: none; padding: 0; cursor: default;}
.splash_navigation .nactive {display: inline-block; width: 16px; height: 16px; background: transparent url('data/icons.png') no-repeat 0 -80px; margin: 8px 0 0 0; float: none; padding: 0; border: 0;}
.splash_navigation .nactive:hover {background: transparent url('data/icons.png') no-repeat 0 -64px}
.splash_navigation div {display: block; width: 80px; margin: 0 auto;}

#leftSlider {padding-left: 5px; height: 256px; width: 43px; position: absolute; left: 0; top: 80px; z-index: 1001; cursor: pointer; cursor: hand; display: none;}
#leftSlider div {width: 38px; height: 38px; margin-top: 109px; background: url('data/arrows.png') no-repeat 0 -76px;}
#leftSlider div:hover {width: 38px; height: 38px; margin-top: 109px; background: url('data/arrows.png') no-repeat 0 -114px;}
#rightSlider {padding-right: 5px; height: 256px; width: 38px; position: absolute; right: 0; top: 80px; z-index: 1002; cursor: pointer; cursor: hand; display: none;}
#rightSlider div {width: 43px; height: 38px; margin-top: 109px; background: url('data/arrows.png') no-repeat 0 0;}
#rightSlider div:hover {width: 38px; height: 38px; margin-top: 109px; background: url('data/arrows.png') no-repeat 0 -38px;}

.news {display: block; float: left; width: 30%; background: url('data/teasers/legs.png') no-repeat 0 11px; padding: 112px 0 0 0;}
.prices {display: block; float: left; width: 30%; background: url('data/teasers/price.png') no-repeat 0 26px; padding: 112px 0 0 0;}
.constructor {display: block; float: left; width: 40%; background: url('data/teasers/constructor.png') no-repeat 0 24px; padding: 112px 0 0 0;}
.quality {display: block; float: left; width: 100%; padding: 0;}
.quality .col1 {display: block; float: left; width: 55%; padding: 0;}
.quality .col2 {display: block; float: left; width: 45%; padding: 0;}



.minor {color: #7a7883;}
.arrow {font: 18px/12px Verdana, Arial, sans-serif; color: #7a7883;}
.floatleft {float: left;}
.warning {color: #990000;}
.alt {color: #466ecd; border-bottom: 1px dotted; cursor: help;}
.dashed {border-bottom: 1px dashed;}
.tl div {width: 16px; height: 16px; background: url('data/angles.png') no-repeat;}
.tr b {width: 16px; height: 16px; background: url('data/angles.png') no-repeat 0 -16px; float: right;}
.bottomline {width: 100%; height: 16px;}
.bl div {width: 16px; height: 16px; background: url('data/angles.png') no-repeat 0 -48px;}
.br div {width: 16px; height: 16px; background: url('data/angles.png') no-repeat 0 -32px; float: right;}

/*** /layout ***/





/*** mainpage ***/

.table {display: table-cell; height: 61px; padding: 0 16px 0 48px;}
.table .string, .table .cell {position: relative; border: 0; font: 12px/16px Verdana, Arial, sans-serif;}
.vmiddle {vertical-align: middle;}
.vmiddle .string, .vmiddle .cell {width: 100%;
//top: 50%;
}
.vmiddle .cell {
//top: -50%;
}
/*** end mainpage ***/



/*** tipograph ***/
.laquo {margin-left: -0.5em;}
.fixquo {word-spacing: 0.5em }
.brkt {margin-left: -0.3em;}
.fixbrkt {margin-left: 0.3em;}
.dash {margin-left: -1.3em;}
.fixdash {margin-left: 1.3em;}
.nobr {white-space: nowrap;}

span.price .rur {font: 12px/20px Arial, sans-serif; margin-left: -3px;}
span.rur {//font-family: "RublArial"; text-transform: uppercase; //text-transform: none;}
span.rur span {position: absolute; overflow: hidden; width: 0.45em; height: 1em;  margin: 0.18ex 0 0 -0.70em; //display: none;}
span.rur span:before {content: '\2013';}

/* FF hack */
@-moz-document url-prefix() {
  span.rur span {margin: 0.25ex 0 0 -0.65em;}
}

/* Opera hack */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
  head~body span.rur span {width: 0.45em; margin: 0.30ex 0 0 -0.68em;}
}

/* Safari hack */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  span.rur span {width: 0.45em; margin: 0.18ex 0 0 -0.68em;}
}

span.price .bold-rur {font: 12px/20px Arial, sans-serif; margin-left: -3px; font-weight: bold;}
span.bold-rur {//font-family: "RublArial"; text-transform: uppercase; //text-transform: none;}
span.bold-rur span {position: absolute; overflow: hidden; width: 0.55em; height: 1em;  margin: 0.18ex 0 0 -0.65em; //display: none;}
span.bold-rur span:before {content: '\2013';}

/* FF hack */
@-moz-document url-prefix() {
  span.bold-rur span {width: 0.50em; margin: 0.29ex 0 0 -0.65em;}
}

/* Opera hack */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
  head~body span.bold-rur span {width: 0.50em; margin: 0.35ex 0 0 -0.68em;}
}

/* Safari hack */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  span.bold-rur span {width: 0.50em; margin: 0.30ex 0 0 -0.68em;}
}

/*** end tipograph ***/


/*** footer ***/
.footer {width: 100%; height: 80px; vertical-align: middle; background: transparent url('data/bkg-white.png') repeat 0 0;}
.footer .copyright {width: 30%; font: 10px/10px Verdana, Arial, sans-serif; padding: 0 0 0 48px; color: #7a7883; float: left;}
.footer .social {font: 10px/10px Verdana, Arial, sans-serif; padding: 0 0 0 32px; float: left; width: 30%;}
.footer .social div {margin-top: -5px;}
.footer .address {font: 10px/10px Verdana, Arial, sans-serif; float: right; padding: 0 48px 0 0;}
/*** end footer ***/





.back {width: 100%; height: 100%; left: 0; min-width: 970px; position: absolute; top: 0; z-index: 0; overflow: hidden;}
.back .container {width: 500%; height: 500%; left: -200%; position: absolute; top: -200%;}
.back img {width: 20%; left: 40%; position: absolute; top: 40%; display: block;}

.imgcache01 {position: absolute; bottom: 0; right: 0; width: 1px; height: 1px; background: transparent url('data/modal-window.png') no-repeat 0 0; z-index: 15;}
.imgcache02 {position: absolute; bottom: 0; right: 0; width: 1px; height: 1px; background: transparent url('data/form-input.png') no-repeat 0 0; z-index: 16;}
.imgcache03 {position: absolute; bottom: 0; right: 0; width: 1px; height: 1px; background: transparent url('data/form-textarea.png') no-repeat 0 0; z-index: 16;}

.price {font-family: Verdana, Arial, sans-serif; white-space: nowrap; font-weight: bold;}


/* Opera hack */
@media all, () {
    .feedback .tablelayout .form-textarea textarea {position: relative;}
}