@charset "utf-8";
/*
    © icw82 (normal css)
*/


/*        uni         */

html,
body{background:rgb(25,25,25); font-family: Arial, Helvetica, sans-serif; font:100%/1.4 Arial, Helvetica, sans-serif; color:white; min-width:1000px}

img{display:block; background:none}

h1{font-size:162.5%; padding-top:40px; clear:both}
h2{font-size:130%; padding-top:30px; font-weight:bold; clear:both}
h3{font-size:100%; clear:both; padding-top:20px; clear:both}

p{padding-top:12px; line-height:1.4}

a, a:visited{color:rgb(81,157,230); border-bottom:1px solid rgb(81,157,230)}
a.qlink, a.qlink:visited{border-bottom:none 0}
a.qlink em, a.qlink:visited em{border-bottom:none 0; border-bottom:1px solid rgb(81,157,230)}
.mini{color:rgb(150,150,150); font-size:70%}

#page-navigation{float:left; width:25%; padding-left:2.6%}
	#page-navigation .top{background:url(../img/normal/navi-topbg.png) repeat-x; margin-top:32px}
	#page-navigation .top div{background: url(../img/normal/navi-piece.png) no-repeat right bottom; padding-left:14%}
	#page-navigation .top div a{background:url(../img/normal/navi-mark.png) no-repeat 0 bottom; margin-left:-31px; height:60px; margin-top:70px; width:60px; display:block; border:0 none}
	#page-navigation .logo{background:rgb(30,30,30); margin-right:28px; padding-left:14%; padding-top:12px}
	#page-navigation .logo p{margin-left:-3px; font-size:80%}
	#page-navigation .logo img{margin-left:-3px}
	#page-navigation ul{background:rgb(30,30,30); margin-right:28px; padding-top:40px; padding-bottom:30px; font-size:110%}
	#page-navigation li{padding:5px 0; padding-left:14%}
	#page-navigation li.active{background:rgb(40,40,40)}
	#page-navigation li a,
	#page-navigation li a:visited{border:0 none}
	#page-navigation li span{display:block; margin-right:10%}
	#page-navigation li em{display:block; float:right; width:8px; height:16px; margin-top:3px; background:url(../img/normal/navi-arrow.png); margin-right:-8px}

/*.mainpage h1{padding-bottom:1px}*/
.mainpage h1 a,
.mainpage h1 a:visited{border:0 none; color:rgb(255,255,255)}
.mainpage h1 a:hover{border-bottom:1px solid rgb(255,255,255)}

.mp-ki{margin-top:10px; clear:both; padding:20px 14%; font-size:80%; color:rgb(150,150,150)}
.mp-ki img{float:left; margin:0 2px 0 -28px}
.mp-ki em{color:rgb(255,255,255); font-size:130%}
 
#page-content{width:69.8%; padding-left:2.6%; /*padding-right:2.6%;*/ padding-top:20px}

.block{clear:both; padding-top:10px}

.mp-photos{padding-right:4%; padding-top:30px}
.mp-photos .photo{width:90%; float:left}
.mp-photos .photo img{width:100%}
.mp-photos .photo .description{background:rgb(20,20,20) top repeat-x url(../img/normal/description-shadow.png); padding: 12px 5%; font-style:italic; color:rgb(220,220,220); font-size:90%}
.mp-photos .thumbnails{width:10%}
.mp-photos .thumbnails a{border:0 none; display:block; overflow:hidden}
.mp-photos .thumbnails img{ margin:0 0 12px 35%}
.mp-photos .thumbnails .active img{opacity:0.5; margin-left:20%}

.mp-news{width:36%; float:left; padding-left:4.5%}
/*.mp-news h2{padding-top:5px}
.mp-news p.date{padding-top:42px}*/
.mp-news li{padding-bottom:8px}
.mp-news li mini{line-height:1; padding:0}
.mp-production{width:45.5%; float:left; padding-left:4.5%}
.mp-production p{}
.mp-to-dealers{width:45.5%; float:left; padding-left:4.5%}

.undertext{background:url(../img/normal/undertext.png) repeat-x top}

.palette{width:55%; float:left; background:url(../img/normal/corner-03.png) top right no-repeat; padding: 20px 2.4% 0 0}
.palette .undertext{padding:0 2.3% 26px 8%}
.palette ul{overflow:hidden}
.palette li{float:left; padding-right:3%; font-size:75%; padding-top:12px; color:rgb(150,150,150); text-align:center}
.palette li em{display:block; width:93px; height:46px}

.calculator{background:url(../img/normal/corner-02.png) top right no-repeat; padding:20px 3% 0 0; margin-right:2%}
.calculator table{width:100%}
.calculator td{width:50%; padding-top:12px}
.calculator td .mini{display:block; clear:both; line-height:1.2}
.calculator .undertext{padding:26px 4% 26px 8%}
.calculator .undertext td div{background:rgb(255,255,255); color:rgb(100,100,100); width:80%; font-size:80%; margin-top:5px}
.calculator .undertext td input{border:0 none; padding:0; margin:0 0 0 2%; width:55%; text-align:right}

.check .top{background:url(../img/normal/check-ct.png) repeat-x top; height:37px}
.check .top div{background:url(../img/normal/check-l.png) no-repeat top left; height:37px}
.check .top div div{background:url(../img/normal/check-r.png) no-repeat top right; height:37px}
.check .body{background:rgb(220,220,220); margin: 0 13px; padding:0 5% 20px 5%; color:rgb(50,50,50)}
.check .body hr{border-bottom:1px dotted rgb(150,150,150); clear:both; margin:10px 0}
.check .edge{background:url(../img/normal/check-edge.png) repeat-x left top; height:7px; margin: 0 13px}
.check p{font-size:80%; color:rgb(100,100,100); padding-top:5px; font-style:italic}
.check p a{color:rgb(60,130,210); border-bottom:1px solid rgb(70,140,220)}
.check h2{padding-top:10px}
.check dl{overflow:hidden}
.check dt{width:60%; font-size:80%; float:left}
.check dd{width:38%; font-weight:bold; float:right; text-align:right}

.pageheader{padding-left:4.7%}
.with-switch h1{float:left; padding-right:6%}
.with-switch ul{padding-top:40px}
.with-switch li{float:left; margin-left:1%; padding:5px 3%}
.with-switch .active{color:rgb(150,150,150); background: rgb(40,40,40);}

.justtext{margin-right:5%; padding-top:30px}
.justtext .undertext{padding:14px 4.7% 26px 4.7%}

.pluses{background:url(../img/normal/corner-01.png) top right no-repeat; padding:20px 3% 0 0; margin-right:2%; margin-top:40px}
.pluses .undertext{padding: 0 4.7%}
.pluses .undertext{padding: 10px 4% 0 4.7%}
.pluses .plus{float:left; width:30%; padding:26px 3.3% 0 0}
.pluses .f{clear:both}

.text-to-dealers{width:56.8%; float:left; padding-top:20px}
.text-to-dealers .undertext{padding:14px 4% 20px 8.2%}

.d-news{width:36.5%; padding: 20px 4% 0 1.4%; background:url(../img/normal/corner-02.png) top right no-repeat}
.d-news .undertext{padding:0 8% 0 8%}
.d-news li{padding-bottom:8px}
.d-news li mini{line-height:1; padding:0}
.d-production{width:45.5%; float:left; padding-left:4.5%}
.d-production p{}

.query{width:36.5%; margin-top:40px; padding: 20px 4% 0 1.4%; background:url(../img/normal/corner-03.png) top right no-repeat}
.query form div div{background:rgb(255,255,255); margin:5px 0 0 0; padding:3px 3%; width:94%}
.query .undertext{padding:0 8% 0 8%}
.query input{border:0 none; background:rgb(255,255,255); padding:0; margin:0; width:100%}
.query textarea{border:0 none; background:rgb(255,255,255); padding:0; margin:0; width:100%}
.query button{margin:20px auto 5px auto}

.newspage{background:url(../img/normal/corner-02.png) top right no-repeat; padding:20px 3% 0 0; margin-right:2%; margin-top:10px}
.newspage .undertext{padding:0 4% 0 4.7%}
.newspage h2{padding-top:9px}
.newspage p.date{padding-top:50px}
.newspage img{margin: 16px 0 2px 0}

.ki{padding:26px 4.7%}
.ki p{line-height:1.5; padding-top:30px}
.ki em{font-size:75%; color:rgb(150,150,150)}
.ki span{color:rgb(150,150,150)}
.ki img{margin-top:30px}

#page-footer{margin-top:100px; border-top:1px solid rgb(70,70,70); clear:both; padding:30px 0 120px 30%; font-size:80%; color:rgb(150,150,150)}
#page-footer img{float:left; margin:0 2px 0 -28px}
#page-footer div{width:45.3%; float:left; overflow:visible; line-height:1.4; padding-left:4.7%}

/* рубль САЛ-стайл */
.rur{text-transform:uppercase; line-height:1em; position:relative;
/*//position: static; //margin: 0 -0.8ex 0 0; //display: inline-block;*/}

.rur span{position:absolute; overflow:hidden; width:0.45em; height:0.9em; left:1px; top:15%}

.rur span:before{content:'\2013'}