* { margin:0; padding:0 }
body, html { width:100%; height:100%; min-height:100%; margin:0; padding:0 }
body { background:#FFF; color:#000; font-family:Calibri, Arial, sans-serif; line-height:1; padding:0 }
a:hover { background:transparent; color:#C00; text-decoration:none; cursor:pointer }
a { color:#000 }
p { margin:0 }
h1, h2, h3, h4, h5, h6 { font-family:Calibri, Arial, sans-serif; color:#FFF; text-decoration:none; width:96%; text-align:left }
h1 { font-size:150%; color:#C00; margin:0 0 20px 10px; padding:0; }
h2 { font-size:130%; color:#000; margin:16px 0 6px }
h3 { font-size:100%; color:#000; margin:14px 0 2px }
.caption { color:#999; font-size:11px }
.date { font:bold 82% arial; color:#BBB; display:block; letter-spacing:1px }
small { font-size:11px }
ul { margin:10px 0 26px 20px }
li { margin:0 0 0 10px }
ol { margin:.5em .5em 1.5em }
ol li { background:none; list-style-type:decimal; margin-left:1.4em; padding-left:0 }
dl { margin:0 0 1em }
dt { font-weight:700; margin-top:1.3em }
dl dl { margin:0 0 1.5em 30px }
img { border:none }
hr { background:#F2F2F2; color:#F2F2F2; border:none; height:1px; clear:both; margin:1em 0 }
table { border:0; width:100%; padding:0 }
tbody, tr { border:0; padding:0 }
td { border:0; vertical-align:top; padding:8px }
blockquote { padding:10px 0 10px 30px }
blockquote, q { quotes:none }
blockquote:after, blockquote:before, q:after, q:before { content:''; content:none }
.clear { font-size:0; clear:both; position:relative; height:0; line-height:0 }
.dih { display:none }
h2 i { color:#C00; font-style:normal; text-decoration:none }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display:block }
header { border:1px solid #FFF; background:#FFF; *zoom:1;
width:99%; max-width:970px; height:140px; position:relative; text-align:left; margin:0 auto; padding:0 }
header:after, header:before { content:''; display:table; line-height:0 }
header:after { clear:both }
header .logo { display:block; margin:20px 0 0 10px; padding:0 }
header .logo p { font-size:400%; color:#C00; font-weight:700; float:left; margin:0; padding:0 }
header .logo p a { color:#C00; text-decoration:none }
header .logo span { font-size:140%; color:#000; font-weight:400; float:left; clear:left; margin:0 0 0 220px; padding:0 }
section {*zoom:1; width:99%; max-width:980px; position:relative; text-align:left; margin:0 auto; padding:0 }
.container {*zoom:1; background:#FFF; min-height:100%; margin-left:auto; margin-right:auto; padding:0 }
.container:after, .container:before { content:''; display:table; line-height:0 }
.container:after { clear:both }
.main-content { float:left; width:960px; margin:0; padding:10px 0 10px 10px }
.modely { display:none }
#first { float:left; width:100%; max-width:730px }
#first .box { border:4px solid #FFF; float:left; display:block; width:220px; margin:2px; padding:0 }
#first .box a { display:block }
#loading {width: 100%; min-height: 100px;  background: url(i/loadGear.gif) center center no-repeat;background-size: 40px 40px;}
.left { float:left; width:100%; max-width:740px; margin:0 0 0 10px; min-height: 400px;}
aside { float:right; width:200px; display:block; vertical-align:top; margin:0; padding:0 }
aside .center { width:200px; position:relative; margin:0 auto; padding:0 }
article { background:#F0F0F0; -moz-border-radius:4px; border-radius:4px; width:100%; max-width:740px; height:70px; text-align:left; margin:0 0 4px; padding:0 }
article .info { box-sizing:border-box; float:left; max-width:620px; display:block; overflow:hidden; padding:4px 0 4px 10px }
article h2 { color:#000; font-size:100%; width:100%; max-width:600px; text-decoration:none; margin:0; padding:0 0 5px }
article h2 span { display:none }
article p { font-size:80%; max-width:600px; line-height:1.5 }
article p span, article:hover p span { -moz-border-radius:2px; border-radius:2px; display:inline-block; margin:0 }
article p span:nth-child(1) a, article:hover p span:nth-child(1) a { color:#FFF; background:#666; -moz-border-radius:2px; border-radius:2px; text-decoration:none; padding:0 8px }
article p span:nth-child(2) a, article:hover p span:nth-child(2) a { color:#FFF; background:#999; -moz-border-radius:2px; border-radius:2px; text-decoration:none; padding:0 8px }
article p span:nth-child(1) a:hover { color:#C00; background:#FFF; -moz-border-radius:2px; border-radius:2px; text-decoration:none }
article p span:nth-child(2) a:hover { color:#C00; background:#FFF; -moz-border-radius:2px; border-radius:2px; text-decoration:none }
article:hover { background:#C00; color:#FFF; -moz-box-shadow:0 0 6px #666; -webkit-box-shadow:0 0 6px #666; box-shadow:0 0 6px #666; z-index:99 }
article:hover h2 { color:#FFF }
article:hover p { color:#CCC }
article:hover .price, article:hover .price:hover { background:#333 url(i/shop.png)no-repeat 10px 15px; color:#FFF }
article .price { color:#000; -moz-border-radius:0 4px 4px 0; border-radius:0 4px 4px 0; background:#CCC url(i/shop2.png)no-repeat 10px 15px; float:right; width:120px; height:62px; text-align:right; cursor:pointer; text-decoration:none; padding:4px }
article .price span { color:#090; font-weight:700; width:92px; float:right }
article .price strong { font-weight:700; font-size:90%; width:92px; float:right; padding:0 0 5px }
article .price em { font-size:70%; width:92px; float:right }
article:hover .price span { color:#0C0 }
article:hover .price em { font-size:70% }
article em.red {color: #C00;}
.sblock { border:1px solid #F5F5F5; float:left; max-width:750px; text-align:left; display:block; margin:0; padding:0 }
.inquiry { float:left; max-width:620px; display:block; padding:4px 0 4px 10px }
.visited { -webkit-box-shadow:inset 0 0 0 1px #CC0005; box-shadow:inset 0 0 0 1px #CC0005 }
h2.model { font-size:100%; font-weight:400; border:1px solid #CCC; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; width:100%; max-width:730px; cursor:pointer; display:block; margin:2px 0 0; padding:6px 10px }
h2.model:hover { color:#FFF; border:1px solid #C00; background:#C00 }
h2.active { color:#FFF; border:1px solid #333; background:#333; color:#FFF; border:1px solid #333; background:#333 }
.model_type { background:#FFF; overflow:hidden; width:100%; max-width:750px; margin:0; padding:0 }
h2 span:nth-child(1) { float:left; width:250px }
h2 span:nth-child(2) { float:left; width:300px }
h2 span:nth-child(3) { float:left; width:150px }
.model_type div span:nth-child(1) { float:left; width:140px }
.model_type div span:nth-child(2) { float:left; width:140px }
.model_type div span:nth-child(3) { float:left; width:390px }
.model_type div span:nth-child(4) { float:left; width:50px; display:block }
.model_type div { background-color:#F5F5F5; color:#000; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; float:left; width:100%; max-width:736px; margin:1px 0; padding:6px }
.model_type div:hover { background-color:#C00; color:#FFF }
.model_type div span a { color:#C00; font-weight:700; display:block; text-decoration:none; text-align:right }
.model_type div span a:hover { color:#FFF; font-weight:700; text-decoration:none }
.md-banner { border:0; float:left; width:100%; height:300px; margin:0 0 10px 5px; cursor: pointer; }
.seal { background:url(i/seal-oil.jpg)no-repeat }
.seal p { font-size:60px; color:rgba(255,255,255,.8); font-weight:700; filter:dropshadow(color=#000, offx=2, offy=2); text-shadow:2px 2px 2px rgba(0,0,0,.4); padding:20px 0 0 250px }
.bearing { background:url(i/bearing.jpg)no-repeat }
.bearing p { font-size:60px; color:rgba(255,255,255,.8); font-weight:700; filter:dropshadow(color=#000, offx=2, offy=2); text-shadow:2px 2px 2px rgba(0,0,0,.4); padding:50px 0 0 200px }
.gasket { background:url(i/gasket.jpg)no-repeat }
.gasket p { font-size:60px; color:rgba(255,255,255,.8); font-weight:700; filter:dropshadow(color=#000, offx=2, offy=2); text-shadow:2px 2px 2px rgba(0,0,0,.4); padding:40px 0 0 10px }
footer { font-size:80%; color:#999; width:99%; max-width:970px; position:relative; clear:both; margin:30px auto 0; padding:0 }
footer p { float: left; font-weight:400; text-align:center; margin:0; padding:10px }
footer a:link { color:#999; text-decoration:none }
.string { display:none }
.kosik { background:#C00; color:#FFF; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; float:left; width:200px; text-align:center; margin:20px 0 }
.kosik h2 { font-size:100%; background:#333; color:#FFF; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; float:left; width:200px; text-align:center; margin:0; padding:4px 0 }
.kosik .detail { font-size:100%; float:left; width:200px; text-align:center; margin:0 }
.kosik .detail a { background:#C00; color:#FFF; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; text-decoration:none; display:block; padding:4px 0 }
.kosik .detail a:hover { background:#CCC; color:#000 }
.result { list-style:none; font-size:90%; float:left; text-align:left; margin:0; padding:0 }
.result p:first-child { list-style:none; float:left; width:100%; text-align:left; margin:0; padding:12px 0 4px }
.result p:last-child { list-style:none; float:left; width:100%; text-align:left; margin:0; padding:4px 0 12px }
.result p { list-style:none; float:left; width:100%; text-align:left; margin:0; padding:4px 0 }
.result p span { float:left; width:90px; text-align:left; padding:0 0 0 8px }
.result p abbr { float:left; width:20px; text-align:right; padding:0 }
.result p em { font-style:normal; float:left; width:70px; text-align:right; padding:0 }
.h2_cars { color:#000; font-size:16px; background-color:#F7F7F7; border:1px solid #DDD; z-index: 9; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; box-sizing:border-box; float:left; width:100%; max-width:740px; display:block; cursor:pointer; overflow:hidden; margin:2px 0 0; padding:0 }
.h2_cars p { padding:10px 15px }
.h2_cars .active { color:#FFF; background-color:#333; border:1px solid #DDD; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px }
.h2_cars:hover { color:#FFF; background-color:#C00; border:1px solid #C00; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px }
.block_cars { float:left; clear:left; display:none; width:100%; max-width:740px; margin:0 }
.block_cars:first .active {
background-color:#F7F7F7;
border-bottom:1px solid #DDD;
border-left:1px solid #DDD;
border-right:1px solid #DDD;
-webkit-border-radius:0 0 3px 3px;
-moz-border-radius:0 0 3px 3px;
border-radius:0 0 3px 3px;
float:left;
display:block
}
.element { background-color:rgba(247,247,247,.6); border:1px solid #F7F7F7; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; float:left; width:100%; max-width:710px; margin:1px 0; padding:0 15px }
.element:hover { background-color:#333; border:1px solid #333; color:#FFF }
.element span:nth-child(1) { float:left; width:170px; padding:5px 0 }
.element span:nth-child(2) { float:left; width:130px; padding:5px 0 }
.element span:nth-child(3) { float:left; width:130px; padding:5px 0 }
.element span:nth-child(4) { float:left; width:190px; padding:5px 0 }
.element span:nth-child(5) a { background-color:#333; color:#FFF; float:left; width:80px; text-align:center; text-decoration:none; padding:5px 0 }
.element span:nth-child(5) a:hover { background-color:#CC0C18; color:#FFF; float:left; width:80px; text-align:center }
.hledat { color:#FFF; float:right; width:200px; text-align:center; margin:0; padding:0 }
.hledat p { float:left }
.hledat p input.sear { background:#F5F5F5; border:2px solid #C00; -moz-border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; font-weight:700; float:left; width:126px; padding:7px 2px 7px 5px }
.hledat p input.send { background:#C00; color:#FFF; -moz-border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0; border:0; float:left; width:60px; cursor:pointer; padding:9px 2px }
.hledat p input.send:hover { background:#333; color:#FFF }
.genu { font-size:85%; background:#C00; color:#FFF; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; float:left; width:180px; text-align:center; margin:20px 0 6px 4px; padding:8px }
.genu span { font-size:60% }
.rblock { font-size:85%; background-color:#EFEFEF; color:#000; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; float:left; width:180px; text-align:center; margin:6px 0 6px 4px; padding:10px }
.md-trigger { font-size:100%; background-color:#C00; color:#FFF; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; float:left; width:100%; max-width:750px; display:block; text-align:center; cursor:pointer; text-decoration:none; margin:20px 0; padding:20px 0 }
.md-trigger:hover { background-color:#666; color:#FFF; display:block }
.order { float:left; width:750px; min-height: 300px; display:block;}
.order table { border:none; float:left }
.order table tr { background:#EFEFEF; margin:0; padding:1px }
.order table tr:hover { background:#CCC; margin:0 }
.order table td { text-align:left; padding:4px }
.order table td:nth-child(1) { font-weight:700; width:100px; text-align:left }
.order table td:nth-child(2) { width:425px; text-align:left }
.order table td:nth-child(3) { width:85px; text-align:center }
.order table td:nth-child(4) { width:70px; text-align:right }
.order table td:nth-child(5) { width:70px; text-align:right }
.order table td input.qt { border:1px solid #CCC; float:left; width:26px; text-align:center }
.order table td input.update { background:transparent url(i/update.png)no-repeat 2px 2px; border:none; float:left; width:20px; height:18px; margin:0 0 0 4px }
.order table td input.delete { background:transparent url(i/del.png)no-repeat 4px 2px; border:none; float:left; width:20px; height:18px; margin:0 0 0 2px }
.total { background:#EFEFEF; color:#000; -moz-border-radius:4px; border-radius:4px; width:180px; float:right; text-align:right; padding:10px }
.total h2 { font-weight:700; color:#C00; font-size:100%; margin:0; padding:0 0 10px }
.total p em { font-size:80%; padding:0 }
.total p span { font-weight:700; width:60px; text-align:right; padding:0 0 0 20px }
.block { float:left; width:710px; display:block; margin:0; padding:20px }
.block em { color:#999; font-size:80% }
h2.ac { font-size:120%; font-weight:400; border:1px solid #CCC; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; width:680px; float:left; cursor:pointer; display:block; margin:2px 0 0; padding:6px 10px }
h2.ac:hover { color:#FFF; border:1px solid #C00; background:#C00 }
.ac_container { font-size:100%; background:#FFF; overflow:hidden; width:730px; clear:both; margin:0 0 10px; padding:10px }
.column1 { float:left; width:30% }
.column2 { float:left; width:48% }
.column3 { float:left; width:100% }
.column4 { float:left; width:100%; text-align:center }
.column1 h3, .column2 h3, .column3 h3 { float:left; width:100%; padding:0 0 10px }
.column1 p, .column2 p, .column3 p { float:left; width:100% }
.button2 { border-radius:5px; border:none; background:#C00; color:#FFF; font-size:1em; float:right; width:240px; height:40px; letter-spacing:1px; cursor:pointer; display:inline-block; margin:10px 0 20px }
.button2:hover { background:#900 }
.ac_container .area { border:1px solid #999; color:#000; background:#FFF; font-weight:400; float:left; width:90%; height:80px }
.menu { width:100%; max-width:970px; min-height:60px; margin:0 auto; padding:0 }
ul.flag { float:right; width:200px; margin:6px 0; padding:0 }
ul.flag li { list-style:none; float:left; margin:0; padding:0 }
ul.flag li a { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background:#F3F3F3; color:#000; float:left; white-space:nowrap; vertical-align:middle; cursor:pointer; text-decoration:none; margin:0 1px; padding:4px 6px }
ul.flag li a:hover { color:#FFF; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background:#C00 }
ul.flag li.active a { color:#FFF; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background:#333 }
ul.nav-main { float:left; z-index:50; width:100%; max-width:740px; margin:0 0 20px 10px }
ul.nav-main li { list-style:none; float:left; margin:0 0 0 2px; padding:0 }
ul.nav-main li a { border:1px solid #DFDFDF; background-color:#F3F3F3; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; color:#000; float:left; white-space:nowrap; vertical-align:middle; cursor:pointer; text-decoration:none; margin:0 0 5px; padding:6px 14px }
ul.nav-main li a:hover { border:1px solid #C00; color:#FFF; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background:#C00; float:left; margin:0 }
ul.nav-main li.active a { border:1px solid #333; background:#333; color:#FFF }
ul.nav-main li.active a:hover { border:1px solid #C00; color:#FFF; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background:#C00; float:left; margin:0 }
ul.nav-main li.active2 a { border:1px solid #900; color:#FFF; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background:#C00; float:left; margin:0 }
ul.nav-main li ul.s_make { list-style-type:none; list-style-type:none; display:none; z-index:9999; width:100px; position:absolute; top:160px; margin:0 0 0 -2px; padding:0 }
ul.nav-main li ul.s_make li a { list-style:none; background:#F3F3F3; color:#000; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #CCC; float:left; width:80px; display:block; text-align:left; text-decoration:none; margin:0 0 1px; padding:6px 14px }
ul.nav-main li ul.s_make li a:hover { border:1px solid #900; color:#FFF; background:-webkit-linear-gradient(top, #C00, #900); background:-moz-linear-gradient(top, #C00, #900); background:-ms-linear-gradient(top, #C00, #900); background:-o-linear-gradient(top, #C00, #900); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#C00', endColorstr='#900', GradientType=0 );
-webkit-box-shadow:0 1px 2px rgba(0,0,0,.25); -moz-box-shadow:0 1px 2px rgba(0,0,0,.25); box-shadow:0 1px 2px rgba(0,0,0,.25); float:left; margin:0 0 1px }
ul.nav-main li ul.s_year { list-style-type:none; list-style-type:none; overflow-x:hidden; overflow-y:auto; display:none; z-index:9999; position:absolute; top:160px; width:380px; max-height:200px; margin:0 0 0 -64px; padding:0 }
ul.nav-main li ul.s_year li a { list-style:none; background:#F3F3F3; color:#000; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #CCC; float:left; width:30px; display:block; text-align:left; text-decoration:none; margin:0 0 1px; padding:6px 14px }
ul.nav-main li ul.s_year li a:hover { border:1px solid #900; color:#FFF; background:-webkit-linear-gradient(top, #C00, #900); background:-moz-linear-gradient(top, #C00, #900); background:-ms-linear-gradient(top, #C00, #900); background:-o-linear-gradient(top, #C00, #900); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#C00', endColorstr='#900', GradientType=0 );
-webkit-box-shadow:0 1px 2px rgba(0,0,0,.25); -moz-box-shadow:0 1px 2px rgba(0,0,0,.25); box-shadow:0 1px 2px rgba(0,0,0,.25); float:left; margin:0 0 1px }
ul.nav-main li ul.s_model { list-style-type:none; overflow-y:auto; display:none; z-index:9999; position:absolute; top:160px; width:240px; max-height:200px; margin:0 0 0 -2px; padding:0 }
ul.nav-main li ul.s_model li a { list-style:none; background:#F3F3F3; color:#000; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #CCC; float:left; width:180px; display:block; text-align:left; text-decoration:none; margin:0 0 1px; padding:6px 14px }
ul.nav-main li ul.s_model li a:hover { border:1px solid #900; color:#FFF; background:-webkit-linear-gradient(top, #C00, #900); background:-moz-linear-gradient(top, #C00, #900); background:-ms-linear-gradient(top, #C00, #900); background:-o-linear-gradient(top, #C00, #900); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#C00', endColorstr='#900', GradientType=0 );
-webkit-box-shadow:0 1px 2px rgba(0,0,0,.25); -moz-box-shadow:0 1px 2px rgba(0,0,0,.25); box-shadow:0 1px 2px rgba(0,0,0,.25); float:left; margin:0 0 1px }
ul.nav-main li ul.s_model_code { list-style-type:none; overflow-y:auto; display:none; z-index:9999; position:absolute; top:160px; width:370px; max-height:200px; margin:0 0 0 -2px; padding:0 }
ul.nav-main li ul.s_model_code li a { list-style:none; background:#F3F3F3; color:#000; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #CCC; float:left; width:310px; display:block; text-align:left; text-decoration:none; margin:0 0 1px; padding:6px 14px }
ul.nav-main li ul.s_model_code li a:hover { border:1px solid #900; color:#FFF; background:-webkit-linear-gradient(top, #C00, #900); background:-moz-linear-gradient(top, #C00, #900); background:-ms-linear-gradient(top, #C00, #900); background:-o-linear-gradient(top, #C00, #900); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#C00', endColorstr='#900', GradientType=0 );
-webkit-box-shadow:0 1px 2px rgba(0,0,0,.25); -moz-box-shadow:0 1px 2px rgba(0,0,0,.25); box-shadow:0 1px 2px rgba(0,0,0,.25); float:left; margin:0 0 1px }
ul.nav-main li ul.s_model_code li a span { float:left; width:100px }
ul.nav-main li ul.s_model_code li a em { font-size:80%; font-style:normal; float:left; width:200px; padding:2px 0 0 }
ul.nav-main li ul.s_adr_code { list-style-type:none; overflow-x:hidden; overflow-y:auto; display:none; z-index:9999; position:absolute; top:160px; width:580px; max-height:200px; margin:0 0 0 -200px; padding:0 }
ul.nav-main li ul.s_adr_code li a { list-style:none; background:#F3F3F3; color:#000; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #CCC; list-style:none; float:left; width:530px; display:block; text-align:left; text-decoration:none; margin:0 0 1px; padding:6px 14px }
ul.nav-main li ul.s_adr_code li a:hover { border:1px solid #900; color:#FFF; background:-webkit-linear-gradient(top, #C00, #900); background:-moz-linear-gradient(top, #C00, #900); background:-ms-linear-gradient(top, #C00, #900); background:-o-linear-gradient(top, #C00, #900); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#C00', endColorstr='#900', GradientType=0 );
-webkit-box-shadow:0 1px 2px rgba(0,0,0,.25); -moz-box-shadow:0 1px 2px rgba(0,0,0,.25); box-shadow:0 1px 2px rgba(0,0,0,.25); float:left; margin:0 0 1px }
ul.nav-main li ul.s_adr_code li a span { float:left; width:150px }
ul.nav-main li ul.s_adr_code li a em { font-size:80%; float:left; width:50px; padding:2px 0 0 }
ul.nav-main li ul.s_adr_code li a p { font-size:80%; float:left; width:100px; padding:2px 0 0 }
ul.nav-main li ul.s_adr_code li a abbr { font-size:80%; float:left; width:34px; padding:2px 0 0 }
ul.nav-main li ul.s_part { list-style-type:none; display:none; z-index:9999; width:120px; position:absolute; top:160px; margin:0 0 0 -2px; padding:0 }
ul.nav-main li ul.s_part li a { list-style:none; background:#F3F3F3; color:#000; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #CCC; float:left; width:80px; display:block; text-align:left; text-decoration:none; margin:0 0 1px; padding:6px 14px }
ul.nav-main li ul.s_part li a:hover { border:1px solid #900; color:#FFF; background:-webkit-linear-gradient(top, #C00, #900); background:-moz-linear-gradient(top, #C00, #900); background:-ms-linear-gradient(top, #C00, #900); background:-o-linear-gradient(top, #C00, #900); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#C00', endColorstr='#900', GradientType=0 );
-webkit-box-shadow:0 1px 2px rgba(0,0,0,.25); -moz-box-shadow:0 1px 2px rgba(0,0,0,.25); box-shadow:0 1px 2px rgba(0,0,0,.25); float:left; margin:0 0 1px }
nav.part { border:1px solid transparent; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; width:100%; max-width:740px; z-index:9; margin:10px 0 10px 10px; padding:0 }
.nav { list-style:none; margin:0 }
.nav>li>a { font-weight:700; color:#000; display:block; text-decoration:none; z-index:9 }
.nav>li>a:hover { background-color:#C00; color:#FFF; text-decoration:none; z-index:9 }
.nav-pills, .nav-tabs { *zoom:1
}
.nav-tabs:after, .nav-tabs:before { content:''; display:table }
.nav-tabs:after { clear:both }
.nav-tabs>li { float:left; margin-bottom:-2px; margin-left:2px }
.nav-tabs { border-bottom:1px solid #DDD }
.nav-tabs>li>a { -webkit-border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; border-left:1px solid #DDD; border-top:1px solid #DDD; border-right:1px solid #DDD; line-height:18px; padding:8px 18px }
.nav-tabs>li>a.tab { -webkit-border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; border-left:1px solid #DDD; border-top:1px solid #DDD; border-right:1px solid #DDD; line-height:18px; padding:8px 18px 0 }
.nav-tabs>li>a.tab:hover, .nav-tabs>li>a:hover { border-color:#C00 #C00 #C00 }
.nav-tabs>.active>a, .nav-tabs>.active>a:hover { color:#C00; background-color:#FFF; border:1px solid #DDD; border-bottom:2px solid #FFF; cursor:pointer }
.nav-tabs>.active2>a { color:#FFF; background-color:#C00; border:1px solid #C00; cursor:pointer }
.nav-tabs>li>a.act, .nav-tabs>li>a.act:hover { color:#C00; background-color:#FFF; border:1px solid #DDD; border-bottom:2px solid #FFF; cursor:pointer }
.first-block h2 { font-weight:400; list-style:none; color:#000; background:#F0F0F0; font-size:100%; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; float:left; width:100%; display:block; cursor:pointer; margin:1px 0; padding:6px 4px }
.first-block h2.active { color:#FFF; background:#C00 }
ul.cars { list-style:none; float:left; margin:2px 0 0 }
ul.cars li { list-style:none; color:#000; background:#F0F0F0; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; float:left; width:100%; display:block; margin:1px 0; padding:4px }
ul.cars li:hover { color:#FFF; background:#C00 }
ul.cars li span { float:left; width:110px }
ul.cars li em { font-style:normal; float:left; width:140px }
ul.cars li p { float:left; width:250px }
ul.cars li abbr { float:left; width:50px; min-width:50px }
ul.cars li a { background:#333; color:#FFF; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; text-decoration:none; margin:0 0 0 6px; padding:2px 4px }
ul.cars li a:hover { background:#FFF; color:#C00 }
.hledej { color:#000; background:#3C3C3C url(i/_right_search_top.gif)no-repeat top left; float:left; width:222px; margin:0 0 10px; padding:0 }
.hledej h2 { color:#FFC800; font-size:80%; text-decoration:none; margin:0; padding:8px 0 0 16px }
.hledej p { color:#FFF; font-size:90%; float:left; text-decoration:none; margin:6px 0; padding:0 0 0 16px }
.hledej-bot { background:url(i/_right_search_bot.gif)no-repeat top left; float:left; width:222px; height:6px; margin:0; padding:0 }
.hledej form { margin:0 }
.hledej input { background:#9E9E9E; border:0; font-weight:700; width:140px; margin:0; padding:2px 0 2px 2px }
.hledej input.but { font-size:90%; color:#FFF; font-weight:700; border:none; background:#292929; width:30px; margin:0 }
.kont { color:#000; background:#2F2F2F url(i/_right_contact_top.gif)no-repeat top left; float:left; width:222px; margin:0 0 6px; padding:0 }
.kont h2 { color:#4A85CD; font-size:110%; text-decoration:none; margin:0; padding:10px 0 10px 16px }
.kont p { color:#FFF; font-size:90%; text-decoration:none; margin:0; padding:0 0 0 16px }
.kont-bot { background:url(i/_right_contact_bot.gif)no-repeat top left; float:left; width:222px; height:6px; margin:0; padding:0 }
.telo table { border:none; width:100%; margin:10px 0 }
.telo table th { background:#515151; text-align:left; padding:6px }
.telo table td { background:#3F3F3F; vertical-align:top; padding:6px }
.top { box-shadow:0 0 10px rgba(0,0,0,.05); background:rgba(204,0,0,.8)url(i/arrow.svg)no-repeat center 50%; -webkit-transition:opacity .3s 0, visibility 0 .3s; -moz-transition:opacity .3s 0, visibility 0 .3s; transition:opacity .3s 0, visibility 0 .3s; -webkit-border-radius:5px; border-radius:5px; display:inline-block; position:fixed; height:60px; width:60px; right:30px; bottom:30px; overflow:hidden; text-indent:100%; white-space:nowrap; visibility:hidden; opacity:0 }
.no-touch .top:hover, .top.fade-out, .top.is-visible { -webkit-transition:opacity .3s 0, visibility 0 0; -moz-transition:opacity .3s 0, visibility 0 0; transition:opacity .3s 0, visibility 0 0 }
.top.is-visible { visibility:visible; opacity:1 }
.top.fade-out { opacity:.5 }
.no-touch .top:hover { background:#C00 url(i/arrow.svg)no-repeat center 50%; opacity:1 }
#powerTip { font-family:Arial, sans-serif; font-size:80%; background-color:rgba(0,0,0,.9); border-radius:6px; color:#FFF; -webkit-box-shadow:0 2px 3px 3px rgba(0,0,0,.2); box-shadow:0 2px 3px 3px rgba(0,0,0,.2); cursor:default; display:none; position:absolute; white-space:nowrap; z-index:99999; margin:0 0 0 40px; padding:10px }
#powerTip.e:before, #powerTip.n:before, #powerTip.ne:before, #powerTip.nw:before, #powerTip.s:before, #powerTip.se:before, #powerTip.sw:before, #powerTip.w:before { content:''; position:absolute }
#powerTip.n:before, #powerTip.s:before { border-right:5px solid transparent; border-left:5px solid transparent; left:50%; margin-left:-5px }
#powerTip.e:before, #powerTip.w:before { border-bottom:5px solid transparent; border-top:5px solid transparent; top:50%; margin-top:-5px }
#powerTip.n:before { border-top:10px solid rgba(202,52,28,.8); bottom:-10px }
#powerTip.e:before { border-right:10px solid rgba(202,52,28,.8); left:-10px }
#powerTip.s:before { border-bottom:10px solid rgba(202,52,28,.8); top:-10px }
#powerTip.w:before { border-left:10px solid rgba(202,52,28,.8); right:-10px }
#powerTip.ne:before, #powerTip.se:before { border-right:10px solid transparent; border-left:0; left:10px }
#powerTip.nw:before, #powerTip.sw:before { border-left:10px solid transparent; order-right:0; right:10px }
#powerTip.ne:before, #powerTip.nw:before { border-top:10px solid rgba(202,52,28,.8); bottom:-10px }
#powerTip.se:before, #powerTip.sw:before { border-bottom:10px solid rgba(202,52,28,.8); top:-10px }
.md-perspective, .md-perspective body { height:100%; overflow:hidden }
.md-perspective body { background:#222; -webkit-perspective:600px; -moz-perspective:600px; perspective:600px }
.md-modal { -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform:translateX(-50%)translateY(-50%); -moz-transform:translateX(-50%)translateY(-50%); -ms-transform:translateX(-50%)translateY(-50%); transform:translateX(-50%)translateY(-50%); position:fixed; top:40%; left:50%; width:100%; max-width:760px; height:auto; z-index:2000; visibility:hidden }
.md-modal2 { -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform:translateX(-50%)translateY(-50%); -moz-transform:translateX(-50%)translateY(-50%); -ms-transform:translateX(-50%)translateY(-50%); transform:translateX(-50%)translateY(-50%); position:fixed; top:40%; left:50%; width:100%; max-width:300px; height:auto; z-index:2000; visibility:hidden }
.md-modal3 { -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform:translateX(-50%)translateY(-50%); -moz-transform:translateX(-50%)translateY(-50%); -ms-transform:translateX(-50%)translateY(-50%); transform:translateX(-50%)translateY(-50%); position:fixed; top:40%; left:50%; width:100%; max-width:300px; height:auto; z-index:2000; visibility:hidden }
.md-modal4 { -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform:translateX(-50%)translateY(-50%); -moz-transform:translateX(-50%)translateY(-50%); -ms-transform:translateX(-50%)translateY(-50%); transform:translateX(-50%)translateY(-50%); position:fixed; top:40%; left:50%; width:100%; max-width:760px; height: auto; max-height: 90%; padding: 10px; z-index:2000; visibility:hidden;}
.md-show { visibility:visible }
.md-overlay { background:rgba(255,255,255,.8); -webkit-transition:all .3s; -moz-transition:all .3s; transition:all .3s; position:fixed; width:100%; height:100%; visibility:hidden; top:0; left:0; z-index:1000; opacity:0 }
.md-show ~ .md-overlay {
opacity:1;
visibility:visible
}
.md .content { color:#FFF; background:rgba(0,0,0,.7); border-radius:5px; position:relative; width:100%; margin:0 auto; }
.md .content2 { color:#FFF; background:rgba(0,0,0,.7); border-radius:5px; position:relative; width:90%; height: 90%; max-height: 400px; margin:0 auto; overflow-y:auto; overflow-x: hidden; text-align: left;}
.md .content h3 { font-size:2.0em; font-weight:300; color:#FFF; border-radius:5px 5px 0 0; text-align:center; opacity:.8; margin:0; padding:8px 0 0 0}
.md .content p { color:#FFF; border-radius:5px 5px 0 0; text-align:center; opacity:.8; margin:0; padding:0 10px }
.md .content a { color:#FC0; text-decoration:none; background-color: none; padding: 4px 10px; border-radius:5px;}
.md .content a:hover { color:#fff; background-color: #C0392B;text-decoration:none }
.md-modal4 .content2 h3, .md-modal4  .content2 h4 { color:#FFF; position:relative; width:95%; max-width:700px; margin:0; padding: 10px 10px 0 10px; text-align: left;}
.md-modal4  .content2 p  { color:#FFF; position:relative; width:95%; max-width:700px; margin:0; padding: 0 10px 0 10px; text-align: left; font-weight: normal; font-size: 90%;}
.md.md-modal, .md.md-modal2 { -webkit-perspective:1300px; -moz-perspective:1300px; perspective:1300px }
.md .content, .md .content2 { -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-transform:rotateX(-70deg); -moz-transform:rotateX(-70deg); -ms-transform:rotateX(-70deg); transform:rotateX(-70deg); -webkit-transition:all .3s; -moz-transition:all .3s; transition:all .3s; opacity:0 }
.md-show.md .content, .md-show.md .content2 { -webkit-transform:rotateX(0deg); -moz-transform:rotateX(0deg); -ms-transform:rotateX(0deg); transform:rotateX(0deg); opacity:1 }
.md .content form {padding: 20px 0;}
.md form input.hint { color:#A6A6A6; font-weight:normal }
.md form { width:100%; text-align:center; margin:10px 0; padding-top:1px }
.md form .col { float:left; width:240px; max-height:250px; text-align:center; margin:0 0 0 10px; padding-top:1px }
.md form .col2 { float:left; width:480px; max-height:250px; text-align:center; margin:0 0 0 10px; padding-top:1px }
.md form .text-field { border:1px solid #FFF; border-radius:5px; color:#000; background:#FCFCFC; outline:none; font-weight:700; width:230px; height:40px; margin-top:5px; padding-left:10px }
.md form .area-field { border:1px solid #FFF; border-radius:5px; color:#000; background:#FCFCFC; outline:none; font-weight:700; width:460px; height:230px; margin-top:5px; padding-left:10px }
.md form .avail { border:1px solid #000 }
.md form .area-field:focus, .md form .text-field:focus { box-shadow:inset 0 0 2px rgba(0,0,0,.3); color:#A6A6A6; background:#FFF; font-weight:normal }
.md form .area-field::-webkit-input-placeholder, .md form .text-field::-webkit-input-placeholder {
box-shadow:inset 0 0 2px rgba(0,0,0,.3);
color:#A6A6A6;
background:#FFF;
font-weight:normal
}
.md form .area-field:-moz-placeholder, .md form .text-field:-moz-placeholder {
box-shadow:inset 0 0 2px rgba(0,0,0,.3);
color:#A6A6A6;
background:#FFF;
font-weight:normal
}
.md form .area-field::-moz-placeholder, .md form .text-field::-moz-placeholder {
box-shadow:inset 0 0 2px rgba(0,0,0,.3);
color:#A6A6A6;
background:#FFF;
font-weight:normal
}
.md form .area-field:-ms-input-placeholder, .md form .text-field:-ms-input-placeholder {
box-shadow:inset 0 0 2px rgba(0,0,0,.3);
color:#A6A6A6;
background:#FFF;
font-weight:normal
}
.md form .button { border-radius:5px; border:none; background:#C0392B; color:#FFF; font-size:1em; width:240px; height:40px; letter-spacing:1px; text-transform:uppercase; cursor:pointer; display:inline-block; margin:10px 20px }
.md form .button:hover { background:#900 }
.md-err {position:fixed; top:40%; left:50%; min-width: 100px; max-width:260px; margin: 0 0 0 -130px; height:auto; z-index:3000; visibility:visible;text-decoration: none; }
.md-err a .content { color:#FFF; background:rgba(190,0,0,1); border-radius:5px; position:relative; margin:0 auto; padding: 30px;text-decoration: none; }
.md-err a {text-decoration: none;}
.md-err a:hover {text-decoration: none;}
.md-err-overlay { background:rgba(255,255,255,.8); position:fixed; width:100%; height:100%; visibility:visible; top:0; left:0; z-index:1000; opacity:1 }
ul.rmenu { list-style:none; float:right; width:200px; text-align:center }
ul.rmenu li { margin:0 0 2px; padding:6px 0 }
ul.rmenu li.md-trigger { list-style:none; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; border:none; background:#F2F2F2; border:1px solid #CCC; color:#000; font-size:1em; width:200px; letter-spacing:1px; cursor:pointer; display:inline-block }
ul.rmenu li a { list-style:none; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; border:none; background:#F2F2F2; border:1px solid #F2F2F2; color:#000; font-size:1em; width:200px; letter-spacing:1px; cursor:pointer; display:inline-block; text-decoration:none; padding:6px 0 }
ul.rmenu li.md-trigger:hover { background:#C00; color:#FFF; border:1px solid #C00 }
ul.rmenu li a:hover { background:#900; background:#C00; color:#FFF; border:1px solid #C00 }
#cboxOverlay, #cboxWrapper, #colorbox { position:absolute; top:0; left:0; z-index:9999; overflow:hidden }
#cboxOverlay { background:#FFF; position:fixed; width:100%; height:100% }
#cboxBottomLeft, #cboxMiddleLeft { clear:left }
#cboxContent { position:relative }
#cboxLoadedContent { -webkit-overflow-scrolling:touch; overflow:auto }
#cboxTitle { color:#000; position:absolute; top:-22px; left:0; margin:0; padding:0 0 0 10px }
#cboxLoadingGraphic, #cboxLoadingOverlay { position:absolute; top:0; left:0; width:100%; height:100% }
#cboxClose, #cboxNext, #cboxPrevious, #cboxSlideshow { border:0; background:url(i/controls.png)no-repeat 0 0; cursor:pointer; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-25px; margin:0 10px 0 0; padding:0 }
.cboxPhoto { border:0; float:left; display:block; max-width:none; margin:auto }
.cboxIframe { border:0; background:#FFF; width:100%; height:100%; display:block }
#cboxContent, #cboxLoadedContent, #colorbox { box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box }
#colorbox { outline:0; background:#FFF; -moz-border-radius:4px; border-radius:4px; border:1px solid #FFF; padding:0 }
#cboxContent { background:#FFF; overflow:visible; margin-top:32px }
#cboxError { padding:50px }
#cboxLoadedContent { background:#FFF; padding:1px }
#cboxLoadingGraphic { background:url(i/loading.gif)no-repeat center center }
#cboxLoadingOverlay { background:#FFF }
#cboxCurrent { position:absolute; top:-22px; right:205px; text-indent:-9999px }
#cboxClose:active, #cboxNext:active, #cboxPrevious:active, #cboxSlideshow:active { outline:0 }
#cboxPrevious { background-position:0 0; right:44px }
#cboxPrevious:hover { background-position:0 -25px }
#cboxNext { background-position:-25px 0; right:22px }
#cboxNext:hover { background-position:-25px -25px }
#cboxClose { background-position:-50px 0; right:0 }
#cboxClose:hover { background-position:-50px -25px }
.cboxSlideshow_off #cboxPrevious, .cboxSlideshow_on #cboxPrevious { right:66px }
.cboxSlideshow_on #cboxSlideshow { background-position:-75px -25px; right:44px }
.cboxSlideshow_on #cboxSlideshow:hover { background-position:-100px -25px }
.cboxSlideshow_off #cboxSlideshow { background-position:-100px 0; right:44px }
.cboxSlideshow_off #cboxSlideshow:hover { background-position:-75px -25px }
.blink { -webkit-animation-name:blinker; -webkit-animation-duration:1s; -webkit-animation-timing-function:linear; -webkit-animation-iteration-count:infinite; -moz-animation-name:blinker; -moz-animation-duration:1s; -moz-animation-timing-function:linear; -moz-animation-iteration-count:infinite; animation-name:blinker; animation-duration:1s; animation-timing-function:linear; animation-iteration-count:infinite }
@-moz-keyframes blinker { 0% {
opacity:1.0
}
50% {
opacity:.0
}
100% {
opacity:1.0
}
}
@-webkit-keyframes blinker { 0% {
opacity:1.0
}
50% {
opacity:.0
}
100% {
opacity:1.0
}
}
@keyframes blinker { 0% {
opacity:1.0
}
50% {
opacity:.0
}
100% {
opacity:1.0
}
}
@media (max-width: 960px) {
header { display:block; width:100%; margin:0; padding:0; text-align:center }
header .logo { display:block; padding:0; width:470px; position:relative; margin:20px auto }
header .logo p { width:98%; font-size:250%; color:#C00; font-weight:700; margin:0; padding:0 }
header .logo p a { color:#C00; text-decoration:none }
header .logo span { font-size:100%; color:#000; font-weight:400; margin:0; padding:0 0 0 200px }
aside { width:98%; padding:20px 0 50px 0 }
aside .center { width:200px; margin:0 auto; padding:0; position:relative }
#first { width:100%; text-align:center }
ul.flag, ul.nav-main { float:none }
nav { width:98%; height:90px; text-align:center }
ul.nav-main { width:100%; max-width:600px; position:relative; margin:0 auto 10px auto; text-align:center }
ul.flag { width:180px; margin:10px 0 0 10px; position:relative; margin:0 auto; text-align:center }
ul.nav-main li ul.s_adr_code, ul.nav-main li ul.s_make, ul.nav-main li ul.s_model, ul.nav-main li ul.s_model_code, ul.nav-main li ul.s_part, ul.nav-main li ul.s_year { top:30px }
}
@media (max-width: 740px) {
.md-modal { -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform:translateX(-50%)translateY(-50%); -moz-transform:translateX(-50%)translateY(-50%); -ms-transform:translateX(-50%)translateY(-50%); transform:translateX(-50%)translateY(-50%); position:fixed; top:25%; left:50%; width:98%; max-width:760px; height:auto; max-height:100%; z-index:2000; visibility:hidden }
.md-modal2 { -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform:translateX(-50%)translateY(-50%); -moz-transform:translateX(-50%)translateY(-50%); -ms-transform:translateX(-50%)translateY(-50%); transform:translateX(-50%)translateY(-50%); position:fixed; top:25%; left:50%; width:98%; max-width:300px; height:auto; max-height:100%; z-index:2000; visibility:hidden }
.md-modal3 { -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform:translateX(-50%)translateY(-50%); -moz-transform:translateX(-50%)translateY(-50%); -ms-transform:translateX(-50%)translateY(-50%); transform:translateX(-50%)translateY(-50%); position:fixed; top:25%; left:50%; width:98%; max-width:300px; height:auto; max-height:100%; z-index:2000; visibility:hidden }
.md-show { visibility:visible }
.md-overlay { background:rgba(255,255,255,.8); -webkit-transition:all .3s; -moz-transition:all .3s; transition:all .3s; position:fixed; width:100%; height:100%; visibility:hidden; top:0; left:0; z-index:1000; opacity:0 }
.md-show ~ .md-overlay {
opacity:1;
visibility:visible
}
.top { right:20px; bottom:20px }
.md .content { color:#FFF; background:rgba(0,0,0,.7); border-radius:5px; position:relative; width:100%; margin:0 auto; padding:30px 0; height:100%; max-height:300px; -webkit-overflow-scrolling:touch; overflow-x:hidden; overflow-y:auto; text-align:center }
.md .content h3 { font-size:2.0em; font-weight:300; color:#FFF; border-radius:5px 5px 0 0; text-align:center; opacity:.8; margin:0; padding:8px 0 }
.md .content p { color:#FFF; border-radius:5px 5px 0 0; text-align:center; opacity:.8; margin:0; padding:0 10px }
.md .content a { color:#FC0; text-decoration:none }
.md .content a:hover { color:#FC0; text-decoration:underline }
.md.md-modal, .md.md-modal2 { -webkit-perspective:1300px; -moz-perspective:1300px; perspective:1300px }
.md .content, .md .content2 { -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-transform:rotateX(-70deg); -moz-transform:rotateX(-70deg); -ms-transform:rotateX(-70deg); transform:rotateX(-70deg); -webkit-transition:all .3s; -moz-transition:all .3s; transition:all .3s; opacity:0 }
.md-show.md .content, .md-show.md .content2 { -webkit-transform:rotateX(0deg); -moz-transform:rotateX(0deg); -ms-transform:rotateX(0deg); transform:rotateX(0deg); opacity:1 }
.md form input.hint { color:#A6A6A6; font-weight:normal }
.md form { width:100%; text-align:center; margin:10px 0; padding-top:1px }
.md form .col { float:left; width:100%; text-align:center; margin:0; padding:0 }
.md form .col2 { float:left; width:100%; text-align:center; margin:0; padding:0 }
.md form .text-field { border:1px solid #FFF; border-radius:5px; color:#000; background:#FCFCFC; outline:none; font-weight:700; width:230px; height:40px; margin-top:5px; padding-left:10px }
.md form .area-field { border:1px solid #FFF; border-radius:5px; color:#000; background:#FCFCFC; outline:none; font-weight:700; width:80%; max-width:600px; height:120px; margin-top:5px; padding-left:10px }
.md form .avail { border:1px solid #000 }
.md form .area-field:focus, .md form .text-field:focus { box-shadow:inset 0 0 2px rgba(0,0,0,.3); color:#A6A6A6; background:#FFF; font-weight:normal }
article { background:#F0F0F0; -moz-border-radius:4px; border-radius:4px; width:100%; height:100px; text-align:left; margin:0 0 10px 0; padding:0 }
article .info { float:left; width:100%; max-width:620px; height:62px; display:block; padding:4px 0 4px 10px; box-sizing:border-box; overflow:hidden }
article h2 { float:left; color:#000; font-size:80%; text-decoration:none; margin:0; padding:0 }
article h2 span { display:none }
article p { float:left; font-size:70%; line-height:1.5 }
article p span, article:hover p span { -moz-border-radius:2px; border-radius:2px; display:inline-block; margin:0 }
article p span:nth-child(1) a, article:hover p span:nth-child(1) a { color:#FFF; background:#666; -moz-border-radius:2px; border-radius:2px; text-decoration:none; padding:0 8px }
article p span:nth-child(2) a, article:hover p span:nth-child(2) a { color:#FFF; background:#999; -moz-border-radius:2px; border-radius:2px; text-decoration:none; padding:0 8px }
article p span:nth-child(1) a:hover { color:#C00; background:#FFF; -moz-border-radius:2px; border-radius:2px; text-decoration:none }
article p span:nth-child(2) a:hover { color:#C00; background:#FFF; -moz-border-radius:2px; border-radius:2px; text-decoration:none }
article:hover { background:#C00; color:#FFF; -moz-box-shadow:0 0 6px #666; -webkit-box-shadow:0 0 6px #666; box-shadow:0 0 6px #666; z-index:99 }
article:hover h2 { color:#FFF }
article:hover p { color:#CCC }
article:hover .price, article:hover .price:hover { background:#333 url(i/shop.png)no-repeat 10px 1px; color:#FFF }
article .price { float:left; width:100%; color:#000; -moz-border-radius:0 4px 4px; height:28px; border-radius:0 0 4px 4px; background:#CCC url(i/shop2.png)no-repeat 10px 1px; text-align:right; cursor:pointer; text-decoration:none; padding:6px 0 }
article .price span { color:#090; font-weight:700; float:right; padding:0 8px 0 0; line-height:12px }
article .price strong { font-weight:700; font-size:70%; float:right; padding:0 8px 0 0; line-height:12px }
article .price em { font-size:60%; float:right; padding:0 8px 0 0; line-height:12px }
article:hover .price span { color:#0C0 }
article:hover .price em { font-size:60% }
.md-trigger { width:100% }
nav.part { border:1px solid transparent; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; width:99%; max-width:740px; z-index:9; margin:10px 0; padding:0 }
.order { float:left; width:98%; max-width:750px; display:block; text-align:center }
.order table { border:none; float:left }
.order table tr { background:#EFEFEF; margin:0; padding:1px }
.order table tr:hover { background:#CCC; margin:0 }
.order table td { text-align:left; padding:4px }
.order table td:nth-child(1) { font-weight:700; width:10%; text-align:left }
.order table td:nth-child(2) { width:50%; text-align:left }
.order table td:nth-child(3) { width:10%; text-align:center }
.order table td:nth-child(4) { width:10%; text-align:right; display:none }
.order table td:nth-child(5) { width:10%; text-align:right }
.order table td input.qt { border:1px solid #CCC; float:left; width:26px; text-align:center }
.order table td input.update { background:transparent url(i/update.png)no-repeat 2px 2px; border:none; float:left; width:20px; height:18px; margin:0 0 0 4px }
.order table td input.delete { background:transparent url(i/del.png)no-repeat 4px 2px; border:none; float:left; width:20px; height:18px; margin:0 0 0 2px }
.total { background:#EFEFEF; color:#000; -moz-border-radius:4px; border-radius:4px; width:180px; float:right; text-align:right; padding:10px }
.total h2 { font-weight:700; color:#C00; font-size:100%; margin:0; padding:0 0 10px }
.total p em { font-size:80%; padding:0 }
.total p span { font-weight:700; width:60px; text-align:right; padding:0 0 0 20px }
.block { float:left; width:99%; max-width:710px; display:block; margin:0; padding:20px 0 }
.block em { color:#999; font-size:80% }
h2.ac { font-size:120%; font-weight:400; border:1px solid #CCC; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; width:100%; -moz-box-sizing:border-box; box-sizing:border-box; max-width:680px; float:left; cursor:pointer; display:block; margin:2px 0 0; padding:6px 10px }
h2.ac:hover { color:#FFF; border:1px solid #C00; background:#C00 }
.ac_container { font-size:100%; background:#FFF; overflow:hidden; width:100%; max-width:730px; clear:both; margin:0 0 10px; padding:10px; -moz-box-sizing:border-box; box-sizing:border-box }
.column1 { float:left; width:48% }
.column2 { float:left; width:48% }
.column3 { float:left; width:48% }
.column4 { float:left; width:48%; text-align:center }
.column1 h3, .column2 h3, .column3 h3 { float:left; width:100%; padding:0 0 10px }
.column1 p, .column2 p, .column3 p { float:left; width:100% }
.button2 { border-radius:5px; border:none; float:none; background:#C00; color:#FFF; font-size:1em; width:240px; height:40px; position:relative; cursor:pointer; margin:10px auto }
.button2:hover { background:#900 }
}
@media (max-width: 500px) {
header { display:block; width:98%; height:80px; margin:0; padding:0; text-align:center }
header .logo { display:block; padding:0; width:250px; position:relative; margin:20px auto }
header .logo p { width:98%; font-size:180%; color:#C00; font-weight:700; margin:0; padding:0 }
header .logo p a { color:#C00; text-decoration:none }
header .logo span { font-size:100%; color:#000; font-weight:400; margin:0; padding:0 0 0 60px }
.hledat {width: 100%; margin: 0 0 20px 0;}
.hledat p  {float: left;width: 100%;}
.hledat p input.sear { width: calc(95% - 60px); }
.hledat p input.send { width:60px;}
.container { margin-right:auto; margin-left:auto; *zoom:1;
padding:0 }
.container:after, .container:before { display:table; content:''; line-height:0 }
.container:after { clear:both }
h1 { width:95%; text-align:center }
#first: {
width:98%
}
#first .box { width:96%; text-align:center; margin:0; padding:0 }
.left { float:left; width:100%; max-width:740px; min-height: 300px; margin:20px 0 0 0 }
aside { width:98%; padding:20px 0 50px 0 }
article { width:100%; height:100px; text-align:left; margin:0 0 10px 0; padding:0 }
article:hover { background:#C00; color:#FFF; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; z-index:99 }
.center { width:200px; margin:0 auto; padding:0; position:relative }
.menu { float:none; width:100%; height:260px }
ul.flag { width:270px; padding:0; text-align:center; margin:0 auto; position:relative }
ul.flag li a { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background:#F3F3F3; color:#000; float:left; cursor:pointer; text-decoration:none; text-align:center; margin:10px 2px; padding:6px 15px }
ul.nav-main { float:none; width:98%; margin:0 0 10px 0; padding:0 }
ul.nav-main li { float:none; width:100%; list-style:none }
ul.nav-main li a { margin:0 0 6px 0; width:100%; border:1px solid #DFDFDF; background-color:#F3F3F3; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; color:#000; cursor:pointer; text-decoration:none; padding:15px 0 }
ul.nav-main li a:hover { width:100%; margin:0 0 6px 0; border:1px solid #C00; color:#FFF; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background:#C00 }
ul.nav-main li.active a { border:1px solid #333; background:#333; color:#FFF }
ul.nav-main li.active a:hover { border:1px solid #C00; color:#FFF; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background:#C00; margin:0 0 6px 0 }
ul.nav-main li.active2 a { border:1px solid #900; color:#FFF; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background:#C00; float:left; margin:0 }
ul.nav-main li ul.s_make { list-style-type:none; list-style-type:none; display:none; z-index:9999; width:100%; position:absolute; top:54px; margin:0 0 0 -2px; padding:0 }
ul.nav-main li ul.s_make li a { list-style:none; background:#F3F3F3; color:#000; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #CCC; float:left; width:100%; display:block; text-align:left; text-decoration:none; margin:0 0 1px; padding:6px 14px }
ul.nav-main li ul.s_make li a:hover { border:1px solid #900; color:#FFF; background:-webkit-linear-gradient(top, #C00, #900); background:-moz-linear-gradient(top, #C00, #900); background:-ms-linear-gradient(top, #C00, #900); background:-o-linear-gradient(top, #C00, #900); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#C00', endColorstr='#900', GradientType=0 );
-webkit-box-shadow:0 1px 2px rgba(0,0,0,.25); -moz-box-shadow:0 1px 2px rgba(0,0,0,.25); box-shadow:0 1px 2px rgba(0,0,0,.25); float:left; margin:0 0 1px }
ul.nav-main li ul.s_year { list-style-type:none; list-style-type:none; overflow-x:hidden; overflow-y:auto; display:none; z-index:9999; position:absolute; top:54px; width:100%; margin:0 0 0 -64px; padding:0 }
ul.nav-main li ul.s_year li a { list-style:none; background:#F3F3F3; color:#000; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #CCC; float:left; width:30px; display:block; text-align:left; text-decoration:none; margin:0 0 1px; padding:6px 14px }
ul.nav-main li ul.s_year li a:hover { border:1px solid #900; color:#FFF; background:-webkit-linear-gradient(top, #C00, #900); background:-moz-linear-gradient(top, #C00, #900); background:-ms-linear-gradient(top, #C00, #900); background:-o-linear-gradient(top, #C00, #900); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#C00', endColorstr='#900', GradientType=0 );
-webkit-box-shadow:0 1px 2px rgba(0,0,0,.25); -moz-box-shadow:0 1px 2px rgba(0,0,0,.25); box-shadow:0 1px 2px rgba(0,0,0,.25); float:left; margin:0 0 1px }
ul.nav-main li ul.s_model { list-style-type:none; overflow-x:hidden; overflow-y:auto; display:none; z-index:9999; position:absolute; top:54px; width:100%; max-height:200px; margin:0 0 0 -2px; padding:0 }
ul.nav-main li ul.s_model li a { list-style:none; background:#F3F3F3; color:#000; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #CCC; float:left; width:100%; display:block; text-align:left; text-decoration:none; margin:0 0 1px; padding:6px 14px }
ul.nav-main li ul.s_model li a:hover { border:1px solid #900; color:#FFF; background:-webkit-linear-gradient(top, #C00, #900); background:-moz-linear-gradient(top, #C00, #900); background:-ms-linear-gradient(top, #C00, #900); background:-o-linear-gradient(top, #C00, #900); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#C00', endColorstr='#900', GradientType=0 );
-webkit-box-shadow:0 1px 2px rgba(0,0,0,.25); -moz-box-shadow:0 1px 2px rgba(0,0,0,.25); box-shadow:0 1px 2px rgba(0,0,0,.25); float:left; margin:0 0 1px }
ul.nav-main li ul.s_model_code { list-style-type:none; overflow-x:hidden; overflow-y:auto; display:none; z-index:9999; position:absolute; top:54px; width:100%; max-height:200px; margin:0; padding:0 }
ul.nav-main li ul.s_model_code li a { list-style:none; background:#F3F3F3; color:#000; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #CCC; float:left; width:90%; display:block; text-align:left; text-decoration:none; margin:0 0 1px; padding:6px 10px }
ul.nav-main li ul.s_model_code li a:hover { border:1px solid #900; color:#FFF; background:-webkit-linear-gradient(top, #C00, #900); background:-moz-linear-gradient(top, #C00, #900); background:-ms-linear-gradient(top, #C00, #900); background:-o-linear-gradient(top, #C00, #900); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#C00', endColorstr='#900', GradientType=0 );
-webkit-box-shadow:0 1px 2px rgba(0,0,0,.25); -moz-box-shadow:0 1px 2px rgba(0,0,0,.25); box-shadow:0 1px 2px rgba(0,0,0,.25); float:left; margin:0 0 1px }
ul.nav-main li ul.s_model_code li a span { float:left; width:100%; max-width:100px }
ul.nav-main li ul.s_model_code li a em { font-size:80%; font-style:normal; float:left; width:100%; max-width:200px; padding:2px 0 0 }
ul.nav-main li ul.s_adr_code { list-style-type:none; overflow-x:hidden; overflow-y:auto; display:none; z-index:9999; position:absolute; top:54px; width:100%; max-height:200px; margin:0; padding:0 }
ul.nav-main li ul.s_adr_code li a { list-style:none; background:#F3F3F3; color:#000; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #CCC; list-style:none; float:left; width:85%; display:block; text-align:left; text-decoration:none; margin:0 0 1px; padding:6px 10px }
ul.nav-main li ul.s_adr_code li a:hover { border:1px solid #900; color:#FFF; background:-webkit-linear-gradient(top, #C00, #900); background:-moz-linear-gradient(top, #C00, #900); background:-ms-linear-gradient(top, #C00, #900); background:-o-linear-gradient(top, #C00, #900); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#C00', endColorstr='#900', GradientType=0 );
-webkit-box-shadow:0 1px 2px rgba(0,0,0,.25); -moz-box-shadow:0 1px 2px rgba(0,0,0,.25); box-shadow:0 1px 2px rgba(0,0,0,.25); float:left; margin:0 0 1px }
ul.nav-main li ul.s_adr_code li a span { float:left; max-width:150px }
ul.nav-main li ul.s_adr_code li a em { font-size:80%; float:left; max-width:50px; padding:2px 0 0 }
ul.nav-main li ul.s_adr_code li a p { font-size:80%; float:left; max-width:100px; padding:2px 0 0 }
ul.nav-main li ul.s_adr_code li a abbr { font-size:80%; float:left; max-width:34px; padding:2px 0 0 }
ul.nav-main li ul.s_part { list-style-type:none; display:none; z-index:9999; width:100%; position:absolute; top:54px; margin:0 0 0 -2px; padding:0 }
ul.nav-main li ul.s_part li a { list-style:none; background:#F3F3F3; color:#000; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #CCC; float:left; width:100%; display:block; text-align:left; text-decoration:none; margin:0 0 1px; padding:6px 14px }
ul.nav-main li ul.s_part li a:hover { border:1px solid #900; color:#FFF; background:-webkit-linear-gradient(top, #C00, #900); background:-moz-linear-gradient(top, #C00, #900); background:-ms-linear-gradient(top, #C00, #900); background:-o-linear-gradient(top, #C00, #900); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#C00', endColorstr='#900', GradientType=0 );
-webkit-box-shadow:0 1px 2px rgba(0,0,0,.25); -moz-box-shadow:0 1px 2px rgba(0,0,0,.25); box-shadow:0 1px 2px rgba(0,0,0,.25); float:left; margin:0 0 1px }
.md-modal { max-height:200px }
.md form .button { border-radius:5px; border:none; background:#C0392B; color:#FFF; font-size:1em; width:240px; height:40px; letter-spacing:1px; text-transform:uppercase; cursor:pointer; display:inline-block; margin:10px 0 }
.md form .button:hover { background:#900 }
nav.part { border:1px solid transparent; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; width:100%; max-width:750px; z-index:9; margin:10px 0; padding:0 }
.nav { list-style:none; margin:0 0 10px 0 }
.nav>li>a { float:left; font-weight:700; color:#000; display:block; text-decoration:none; z-index:9 }
.nav>li>a:hover { background-color:#C00; color:#FFF; text-decoration:none; z-index:9 }
.nav-pills, .nav-tabs { *zoom:1
}
.nav-tabs { border-bottom:none }
.nav-tabs:after, .nav-tabs:before { content:''; display:table }
.nav-tabs:after { clear:both }
.nav-tabs>li { float:left; width:100%; margin:2px 0; text-align:center }
.nav-tabs>li>a { width:100%; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; border:1px solid #DDD; line-height:18px; padding:12px 0 }
.nav-tabs>li>a.tab { -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px0; border:1px solid #DDD; line-height:18px; padding:8px 0 }
.nav-tabs>li>a.tab:hover, .nav-tabs>li>a:hover { border-color:#C00 #C00 #C00 }
.nav-tabs>.active>a, .nav-tabs>.active>a:hover { color:#C00; background-color:#FFF; border:1px solid #DDD; cursor:pointer }
.nav-tabs>.active2>a { color:#FFF; background-color:#C00; border:1px solid #C00; cursor:pointer }
.nav-tabs>li>a.act, .nav-tabs>li>a.act:hover { color:#C00; background-color:#FFF; border:1px solid #DDD; cursor:pointer }
.total { background:#EFEFEF; color:#000; -moz-border-radius:4px; border-radius:4px; width:100%; float:right; text-align:right; padding:0 }
.total h2 { font-weight:700; color:#C00; margin:0; padding:10px }
.total p { padding:5px 10px }
.column1 { float:left; width:90% }
.column2 { float:left; width:90% }
.column3 { float:left; width:90% }
.column4 { float:left; width:90%; text-align:center }
.column1 h3, .column2 h3, .column3 h3 { float:left; width:100%; padding:0 0 10px }
.column1 p, .column2 p, .column3 p { float:left; width:100% }
.button2 { border-radius:5px; border:none; float:none; background:#C00; color:#FFF; font-size:1em; width:100%; height:40px; cursor:pointer; margin:10px auto }
.button2:hover { background:#900 }
}
.eet a { float: right; width: 100px; display: block; margin: 0; color: #666; text-decoration: none; padding: 1px 6px; border-radius: 5px; position: relative;}
.eet a:hover { color: #fff; background-color:#c00; text-decoration: none; }
.eet a span { width: 200px; height: auto; padding: 10px; left: 50%; margin-left: -100px; font-weight: 400; font-style: italic; font-size: 14px; color: #fff; text-align: center; border: 4px solid #c00; background: #c00; text-indent: 0px; border-radius: 5px; position: absolute; pointer-events: none; bottom: 100px; opacity: 0; box-shadow: 1px 1px 2px rgba(0,0,0,0.1); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.eet a span:before, .eet a span:after { content: ''; position: absolute; bottom: -15px; left: 15%; margin-left: 50px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid rgba(0,0,0,0.1); }
.eet a span:after { bottom: -14px; margin-left: 48px; border-top: 10px solid #c00; }
.eet a:hover span { opacity: 0.9; bottom: 40px; }