#botMedia{padding:0}
#botMedia .tgb{text-align:left;font-size:100%;overflow:hidden;text-decoration:none;color:#000;cursor:pointer;display:block;border:solid 1px #CCC;border-radius:10px;padding:3px;margin:auto}
#botMedia .tgb strong {display:block;font-size:130%;font-weight:normal;padding:0 0 5px;color:#2B68A4}
#botMedia .tgb IMG{float:left;width:110px;margin:0 7px 0 0;border-radius:6px}
#botMedia .tgb SPAN{margin-left:120px;display:block }

#banTop,#banBot{text-align:center;background:#EEE;overflow:hidden;width:100%}
@media all and (max-width:300px){
	#banTop,#banBot{display:none}
}

*{margin:0;padding:0;font-family:Tahoma,Verdana,Arial}
HTML{font-size:1em;min-width:320px}
BODY{position:absolute;width:100%;min-height:100%;background-color:#FFF;color:#222;display:block;min-width:320px}
A:link{color:#35618e;text-decoration:underline}
A:visited{color:#5d83ab}
A.dash,A.dash:visited{color:#2b68a4;cursor:pointer;text-decoration:none;border-bottom:dashed 1px #2b68a4;padding-bottom:0.1em}
.red{color:#d72027}
.gray,A.gray,A.gray:visited{color:#888686}
.green,A.green,A.green:visited{color:#639F00}

.r{text-align:right}
.l{text-align:left}
.c{text-align:center}

input[type=text],input[type=password],input[type=number],select,
textarea{border-radius:3px;border:solid 1px #bbb;background:#fafcff;box-shadow:inset 0 3px 10px #dae7f3;color:#252525;padding:3px;font-size:1rem}

input[type=button],input[type=submit],input[type=reset]{background:#86b53a;border-radius:5px;border:solid 1px #86b53a;padding:0 10px;line-height:25px;font-weight:normal;color:#FFF}
input[type=button].gray,input[type=submit].gray,input[type=reset]{background:#bcbcbc;border:solid 1px #bcbcbc;text-shadow:#bcbcbc -1px -1px 0}

input[type=button].search,input[type=submit].search{background:URL('http://img2.autonavigator.ru/images/buttons_icons_kit.png') no-repeat #d72027;background-position:4px 7px;padding:0 5px 0 20px;color:#FFF;border:solid 1px #d72027;box-shadow:none;font-weight:normal;font-size:14px;text-shadow:#d72027 -1px -1px 0}
input[type=checkbox]{vertical-align:middle}

A.button{border:solid 1px;border-radius:5px;display:inline-block;padding:6px;text-align:center;text-decoration:none !important}
A.button.size_s{font-weight:bold;display:block;padding:6px;text-align:center;text-decoration:none !important;margin-bottom:15px}
A.button.green{background:URL('http://img2.autonavigator.ru/images/new_images/button_green_bg.gif') top repeat-x #639F00;border-color:#639f00;color:#FFF}
A.button.orange{background:URL('http://img2.autonavigator.ru/images/new_images/button_orange_bg.gif') repeat-x top #ff8e31;border-color:#ff8e31;color:#FFF}

.ff{overflow:hidden}
.fl{float:left}
.fr{float:right}
hr{border:dashed 1px #CCC;border-bottom:none;margin:15px 0}
.hide{display:none !important}
.bl_white,.bl_lightgray,.bl_lightgreen,.bl_lightblue,.bl_lightred,.bl_lightorange,.bl_seagreen,.bl_skyblue,.bl_lime,.bl_gold{display:block;padding:3px;overflow:hidden}
.bl_white{border-radius:6px;border:solid 1px;border-color:#c5d6e6;background:#FFF}

/* логотип в тексте */
#logo_text a{text-decoration:none}
#logo_text{font-weight:bold;display:inline;width:100px} 
#logo_text .red{color:#d70504;border-bottom:solid 1px #d70504}
#logo_text .blue{color:#417db3;border-bottom:solid 1px #d70504}
#logo_text .re_red{background:#d70504;padding:1px;font-size:x-small;border-radius:3px 3px 3px 0;color:#FFF;line-height:16px}

#header{position:relative}
#header .logotype{display:inline-block;margin:10px}
#header #city{position:absolute;left:60px;top:55px}
#header #city A{padding:2px 11px 2px 0;background:URL('http://img2.autonavigator.ru/images/new_images/arr_gray_down.gif') no-repeat center right}

h1{font-size:170%;font-weight:normal;color:#35618e;margin:20px 0 15px 0}
h2{margin:15px 0 10px 0;font-weight:normal;color:#35618e;font-size:130%}
H2 .count{font-size:80%;font-weight:normal;color:#999;margin-left:5px}
h3{margin-top:1em;font-weight:bold;color:#35618e}

.help{font-size:90%;padding:0.6em !important;border:dashed 1px #86B53A;border-radius:10px;background:#F8FFEC;margin:20px 0;color:#486B10}
.help p{margin-bottom:7px}

/* LOGIN */
#LoginBox{width:260px;/*height:140px;*/display:block;background:#FFF;position:fixed;-webkit-backface-visibility:hidden;backface-visibility:hidden;top:50%;left:50%;margin:-80px -150px;z-index:100600;padding:15px;border:solid 1px #000;border-radius:10px}
#LoginBox h3{margin-bottom:15px;margin-left:-3px;margin-top:-5px}
#LoginBox LABEL{font-size:12px;width:82px;display:inline-block}
#LoginBox LABEL.checkbox{font-size:11px;width:auto;display:inline-block;color:#666}
#LoginBox INPUT.text{width:210px}
#LoginBox INPUT.button{padding-left:10px;padding-right:10px}
#LoginBox DIV{margin:7px 0}
#LoginBox .close{display:block;width:24px;height:24px;background:url('http://img2.autonavigator.ru/images/ico_gallery_close.png') no-repeat left top;position:absolute;top:-5px;right:-5px;cursor:pointer}

.globalRegions{padding:10px;position:relative}
.globalRegions h1 A.selectAll{font-size:14px;display:inline-block;background:#eee;padding:3px 6px;margin-left:10px;border-radius:10px;cursor:pointer}
.globalRegions .item{display:inline-block;white-space:nowrap;padding:0 3px}
.globalRegions .item.geoAll{font-weight:bold}
.globalRegions .col .item{display:block;padding:0 3px;font-size:90%}
.globalRegions .millions .item{font-weight:bold}
.globalRegions .col .item A{display:inline-block;padding:4px 0}
.globalRegions .col .item.act{background:#7698BC;border-radius:6px}
.globalRegions .col .item.act A{color:#FFF}
.globalRegions .cities + h1{margin-bottom:2px}
.globalRegions .close{display:block;border-radius:9px;position:absolute;right:5px;top:0;width:24px;height:24px;background:URL('http://img2.autonavigator.ru/images/window_close.png') no-repeat 7px 7px #888686;z-index:100}

#per_page{display:inline-block;padding:5px 7px 3px 7px;font-size:90%;color:#999;height:100%;background:#eee;border-radius:6px}
@media all and (max-width:499px){
	#pages #per_page{display:block;margin-top:10px}
}
@media all and (min-width:500px) and (max-width:749px){
	#pages{text-align:left !important}
	#pages #per_page{position:absolute;right:0;height:30px;top:-10px}
}
@media all and (min-width:750px){
	#pages #per_page{position:absolute;right:0;height:30px;top:-10px}
}
#content{padding:0 10px}
.sortPanel{font-size:80%}
.search_result_count{font-size:80%;margin:5px 0}
#content>h1:first-child{margin-top:0}
/* РљР РћРЁРљР� */
#pathway{margin-top:15px;margin-left:-4px;font-size:12px;display:block}
#pathway SPAN{display:none;padding:2px 20px 2px 5px;height:18px;background:URL('http://img2.autonavigator.ru/images/new_images/pathway_arr.png') no-repeat right center}
@media all and (max-width:399px){#pathway SPAN:nth-child(2),#pathway SPAN:last-child{display:inline-block} }
@media all and (min-width:400px){#pathway SPAN:nth-child(2),#pathway SPAN:last-child,#pathway SPAN:nth-last-child(2){display:inline-block} }
@media all and (min-width:480px){#pathway SPAN:nth-child(2),#pathway SPAN:last-child,#pathway SPAN:nth-last-child(3){display:inline-block} }
@media all and (min-width:600px){#pathway SPAN{display:inline-block} }
#pathway A:link,#pathway A:visited{color:#888686}
/* */
.type_tabs .item{display:inline-block;border-radius:10px;padding:7px 10px 8px 10px;background:#F5F5F5;border-color:transparent;font-weight:bold;margin:0 2px;font-size:95%}
.type_tabs .item.act{background:#FFF;border-radius:10px 10px 0 0;border:solid #CCC;border-width:1px 1px 0 1px;padding:10px}
.type_tabs .item .count{display:inline-block;font-weight:normal;text-align:right;font-size:60%;color:#999;margin-left:5px}
@media all and (max-width:400px){
	BODY{font-size:100%}
	#header .logotype IMG{width:220px}
	#header #city{left:55px;top:50px}
	h1{font-size:130%;margin:10px 0 10px}
	h2{font-size:100%;margin:10px 0 10px}
}
@media all and (min-width:401px){
	h1{font-size:140%;margin:10px 0 10px}
}
@media all and (min-width:601px){
	h1{font-size:170%;margin:10px 0 10px}
}
@media all and (max-width:450px){
	.type_tabs .item .count{display:block;text-align:right}
}

.SearchFilter{margin-bottom:10px;background:#fffce5;margin-left:-9px;margin-right:-9px;border-radius:6px 6px 19px 19px;padding:10px;margin-top:5px}
.SearchFilter.off{margin-bottom:10px}
.SearchFilter > HEADER{display:block;background:#CCC;padding:5px 0 5px 29px;border-radius:6px;background:URL('http://img2.autonavigator.ru/images/buttons_icons_kit.png') no-repeat #BBB;text-decoration:underline;background-position:10px 9px;color:#FFF;margin-bottom:10px;position:relative}
.SearchFilter.off > HEADER{background-color:#6C8EB1;text-decoration:none;margin-bottom:0}
.SearchFilter > HEADER i{display:block;height:0;width:0;border:solid 10px;border-color:transparent transparent #FFF;border-width:8px 8px;margin:3px 7px;position:absolute;right:0;top:0}
.SearchFilter.off > HEADER i{border-color:#FFF transparent transparent;margin:12px 7px}
.SearchFilter.off SECTION, .SearchFilter.off div{display:none !important }

/* CARS LIST */
.cars_list .item{display:block;position:relative;overflow:hidden;padding:5px;margin:3px -5px;border:solid 1px #FFF;border-bottom:solid 1px #eee}
.cars_list .item.top{background:#fff0a3;border-color:#ffeb84;border-radius:6px}
.cars_list .item.bonus{background:#FFFBE4;border-color:#FFF6C7;border-radius:6px}
.cars_list .item .img{position:relative;overflow:hidden;float:left;margin-right:5px}
.cars_list .item .img .count{display:block;position:absolute;left:3px;bottom:3px;background:#FFF;opacity:0.7;color:#000;border-radius:2px;font-size:10px;padding:0 4px}
.cars_list .item .img IMG{width:76px;border-radius:3px;float:left}
.cars_list .item h2{font-size:100%;font-weight:normal;margin-bottom:5px;margin-top:0}
.cars_list .item.reviewed h2{margin-right:50px}
.cars_list .item h2 A{text-decoration:none;font-weight:bold}
.cars_list .item h2 A:link{color:#35618e}
.cars_list .item h2 A:visited{color:#35618e}
.cars_list .item h2 .year{white-space:nowrap;font-size:90%;margin-top:3px;color:#333232;font-weight:normal}
.cars_list .item h2 .year:before{content:','}
.cars_list .summary{font-size:90%;margin:-2px 0 3px 80px;position:absolute}
.cars_list .item .probeg{font-size:100%;margin-top:7px;color:#333232;display:block;font-weight:normal;margin-bottom:0}
.cars_list .item .tech{font-size:85%;color:#333232}
.cars_list .item .base{display:block;background:#FFF;border-radius:100px;padding:5px;position:absolute;right:0;top:50%;margin-top:-25px;overflow:hidden;z-index:10}
.cars_list .item .base IMG{float:left}
.cars_list .item .price{position:absolute;left:85px;bottom:5px;margin-top:-12px;font-size:100%}
.cars_list .item .price .old_price{background:url('http://img2.autonavigator.ru/images/new_images/sale_old_price_ico.gif') no-repeat;width:9px;height:12px;display:inline-block;vertical-align:middle;margin-left:4px}
.cars_list .item .price .cur{background:url('http://img2.autonavigator.ru/images/new_images/cur_list.png') no-repeat;display:inline-block;vertical-align:bottom;width:9px;height:14px;font-size:100%;margin-right:2px;color:#999}
.cars_list .item .price .cur.rur{background-position:0 2px}
.cars_list .item .price .cur.usd{background-position:0 -16px}
.cars_list .item .price .cur.eur{background-position:0 -34px}
.cars_list .item .price IMG{margin-right:3px}
.cars_list .item .review{display:block;position:absolute;right:5px;top:6px;background:URL('http://img2.autonavigator.ru/images/new_images/cars_icons_kit.png?v=1.1') no-repeat 0 -19px;color:#ff7e13;padding-left:13px;font-size:11px;padding-top:1px;letter-spacing:-0.02em}
.cars_list .item .from{cursor:default;position:absolute;right:5px;font-size:75%;color:#666}
.cars_list .item .date{white-space:nowrap;font-size:10px;color:#999;position:absolute;right:5px;text-align:right}
.cars_list .item .salon{display:block;font-size:10px}
.cars_list .item [class^=color_]{overflow:hidden;display:block}

@media all and (max-width:369px){
	.cars_list .item .from{bottom:17px}
	.cars_list .item .date{bottom:5px}
	.cars_list .item.salon{padding-bottom:25px;overflow:hidden}
	.cars_list .item.salon .price{bottom:25px}
	.cars_list .item .salon{position:absolute;bottom:0;left:0;width:100%;border-top:dashed 1px #CCC;line-height:20px;text-align:center}
	.cars_list .item.salon .date{bottom:25px}
	.cars_list .item.salon .probeg{margin-top:0}
	.cars_list .item.salon .from{bottom:35px}
}
@media all and (min-width:370px){
	.cars_list .item .base{right:28%;margin-top:-15px}
	.cars_list .item .from{top:30px}
	.cars_list .item .date{bottom:25px}
	.cars_list .item .salon{position:absolute;bottom:5px;right:5px}
}
@media all and (min-width:560px){
	.cars_list .item .base{right:23%}
	.cars_list .item .price{left:42%;bottom:50%;margin-bottom:-8px}
	.cars_list .item .probeg{margin-bottom:10px}
}
.color_1,.color_2,.color_1238{background-color:#DADABF}
.color_3,.color_4{background-color:#eee}
.color_5,.color_6{background-color:#962B2E}
.color_7,.color_8{background-color:#8A0F36}
.color_9,.color_10,.color_1232{background-color:#00BAF2}
.color_11,.color_12{background-color:#FFF691}
.color_13,.color_14,.color_1227{background-color:#00913B}
.color_15,.color_16,.color_1231{background-color:#FFD400}
.color_17,.color_18{background-color:#954A00}
.color_19,.color_20,.color_1229{background-color:#D31D23}
.color_21,.color_22{background-color:#FF9E00}
.color_23,.color_24{background-color:#CD26CD}
.color_25,.color_26{background-color:#FF94A7}
.color_27,.color_28{background-color:#940918}
.color_29,.color_30{background-color:#94FC94}
.color_31,.color_32,.color_266,.color_267,.color_1226,.color_1264{background-color:#BBBBBB}
.color_33,.color_34,.color_1101{background-color:#858585}
.color_35,.color_36,.color_1228{background-color:#006EE2}
.color_37,.color_38,.color_1237{background-color:#8200FF}
.color_39,.color_40,.color_1046,.color_1076{background-color:#2F2F2F}
.color_996,.color_997,.color_999{background:URL('http://img2.autonavigator.ru/images/color_any.jpg') no-repeat center center}
.color_998,.color_0{background:URL('http://img2.autonavigator.ru/images/color_trans.gif')}

/* MAKES LIST */
.namelist{position:relative;overflow:hidden;margin:15px 0 15px;padding-bottom:30px}
.namelist div.rus{margin-bottom:5px;padding-bottom:5px;border-bottom:dashed 1px #EEE}
.namelist .col{width:170px;float:left}
.namelist.col6 .col{width:155px;float:left}
.namelist.col4 .col{width:170px;float:left}
.namelist.col3 .col{width:221px;float:left}
.namelist .list,.namelist .list_ru,.namelist .list_en{overflow:hidden;width:100%}
.namelist .item{display:inline-block;position:relative;padding:6px 3px;font-size:68%;color:#999;border-radius:6px;padding-left:1.6em;line-height:150%}
.namelist .col .item{display:block}
.namelist .item i{display:inline-block;position:absolute;left:2px;top:3px;font-style:normal;border-top:solid 1px #EEE;color:#999;text-align:center;font-size:70%;padding:0 4px}
.namelist .item A:visited{color:#35618e}
.namelist .item A{display:inline-block;vertical-align:bottom;font-size:132%}
.namelist .item.top A{font-weight:bold}
.namelist.top .col~.item{display:none}
.namelist.roll.top > span.item{display:none}
.namelist.top .item{line-height:110%}
.namelist.top .item.top A{font-weight:normal}
.namelist.roll .shad{z-index:2;position:absolute;left:0;bottom:0;padding:25px 2px 0 2px;background:URL('http://img2.autonavigator.ru/images/new_images/listsmall_white_bg.png') repeat-x;width:99%;height:2px;border-radius:0 0 10px 10px}
.namelist.roll{max-height:96px;border-bottom:solid 1px #EEE;border-radius:0 0 7px 7px;min-height:50px;padding-bottom:0}
.namelist .doRow{display:block;padding:5px 10px;background:#FFF;border:solid 1px #EEE;border-top:none;border-radius:0 0 10px 10px;color:#999;position:absolute;bottom:0;font-size:100%;cursor:pointer;left:50%;width:140px;text-align:center;margin-left:-80px;z-index:3}
.namelist.roll .doRow{border-radius:10px 10px 0 0;border:solid 1px #EEE;border-bottom:none}

/*** window ***/
#window{display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden;position:fixed;left:50%;top:50%;border-radius:10px;background:#FFF;border:solid 1px #CCC;z-index:4000;margin:auto;width:auto;height:auto}
#window .content{overflow:hidden;overflow-y:auto;overflow-scrolling:auto;-webkit-overflow-scrolling:touch;max-height:97%;margin:10px}
#window .close{display:block;border-radius:9px;position:absolute;right:7px;top:7px;width:25px;z-index:100;height:25px;background:URL('http://img2.autonavigator.ru/images/window_close.png') no-repeat 7px 7px #888686}
#window .content h2:first-child{margin-top:0}

.base_switch .item{float:left;text-align:center;display:block;width:110px;margin-right:2px;background:#FFF;border-radius:6px;opacity:0.5;margin-bottom:2px;padding:2px 0;height:59px}
.base_switch .item.act{opacity:1}
.base_switch .item INPUT{display:none}
.base_switch .item SPAN{overflow:hidden;display:inline-block;background:#ccc}
.base_switch .item.act SPAN{background:#6c8eb1}
.base_switch .item SPAN IMG{float:left}
.base_switch .item LABEL{display:block;width:auto;text-align:center;font-size:10px;line-height:1.1em}
@media all and (min-width:400px){.base_switch{width:340px} }
@media all and (min-width:500px){.base_switch{width:450px} }
@media all and (min-width:600px){.base_switch{width:570px} }
@media all and (min-width:740px){.base_switch{width:680px} }

#pageShadow{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:none;position:fixed;z-index:3000;background:#2b363d;opacity:0.5;width:100%;height:100%;top:0;left:0}
#pageShadow.on{display:block}


/***************/
/*** gallery ***/
/* /css/units/lightbox.css */

.type_sub A{display:block;margin:7px 0}
.type_sub A .count{text-decoration:none;color:#888;font-size:70%}

.geoCars{display:block}
.geoCars .item{display:block;position:relative;border-radius:6px;text-decoration:none}
.geoCars .item .new{display:inline-block;background:#A2C667;padding:0 4px 1px 4px;border-radius:3px;color:#FFF;font-size:10px;z-index:10}
.geoCars .item:hover{background:#FFFCD9/*#F1F1F1;*/ }
.geoCars .item .img{overflow:hidden;height:130px;position:relative;display:block;border-radius:6px}
.geoCars .item .img IMG{width:100%;float:left}
.geoCars .item .img .city{position:absolute;display:block;right:0;bottom:0;text-align:right;width:100%;color:#FFF;font-size:12px}
.geoCars .item .img .city B{font-weight:normal;display:inline-block;padding:6px;position:relative}
.geoCars .item .img .city .bg{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:0.3;filter:alpha(opacity=30)}
.geoCars .item .salon{display:block;white-space:normal;margin-top:3px;font-size:11px;padding:0}
.geoCars .item .content{padding:3px 5px 5px}
.geoCars .item .content h4{padding:0;margin-bottom:-4px;font-weight:normal;position:relative;margin-top:0;font-size:14px}
.geoCars .item .content .desc{margin-top:5px;color:#959595;position:relative;font-size:10px;display:block}
.geoCars .item .content .price{display:block;color:#5c5c5c;font-size:14px;font-weight:bold;text-align:right;position:relative;margin-top:-7px}
.geoCars.small{border-radius:6px}
.geoCars.small .item{border-bottom:dashed 1px #CCC;padding:6px 3px}
.geoCars.small .item{border-radius:3px;overflow:hidden}
.geoCars.small .item .img{float:left;width:100px;height:64px;border-radius:3px}
.geoCars.small .item .img .city B{padding:3px;font-size:10px}
.geoCars.small .content{min-height:47px;margin-left:105px;padding:0;position:relative;padding-bottom:17px}
.geoCars.small .content h4{font-size:13px;font-weight:normal;line-height:13px;margin-bottom:0}
.geoCars.small .content .price{margin-top:3px;font-size:12px;position:absolute;right:0;bottom:3px}
.geoCars.horiz{overflow:hidden}
.geoCars.horiz .inner{white-space:nowrap}
.geoCars.horiz .item{display:inline-block;padding:5px;width:145px;vertical-align:top}
.geoCars.horiz .item .new{top:10px;left:10px}
.geoCars.horiz .item .img{height:85px}
.geoCars.horiz .item .img .city B{padding:3px;font-size:10px}
.geoCars.horiz .item .content{padding:3px 0;height:50px}
.geoCars.horiz .item .content .price{margin-top:3px}
.geoCars.horiz .item .content h4{font-size:13px;line-height:13px}
.geoCars{position:relative}
.geoCars.horiz .roller{position:absolute;width:50px;height:100%;top:0;background:URL('http://img2.autonavigator.ru/images/new_images/geo_light_hor.png') repeat-y 0 0;z-index:20}
.geoCars.horiz .roller.to_left{background-position:-39px 0;left:0}
.geoCars.horiz .roller.to_right{right:0;background-position:0 0}
.geoCars.horiz .roller i{display:block;cursor:pointer;width:59px;height:59px;position:absolute;top:50%;margin-top:-40px;background:URL('http://img2.autonavigator.ru/images/new_images/geo_rollers.png') no-repeat;opacity:0.7}
.geoCars.horiz .roller i:hover{opacity:1}
.geoCars.horiz .roller.to_left i{left:0;background-position:-53px 0}
.geoCars.horiz .roller.to_right i{right:0;background-position:-55px -57px}

/* Global:рейтинги и звезды */
.stars{position:relative;display:inline-block;height:29px;width:165px;background:URL('http://img2.autonavigator.ru/images/new_images/stars_big.png') repeat-x 0 0;vertical-align:middle;margin-bottom:4px;margin-left:5px}
.stars i{z-index:1;position:absolute;left:0;top:0;display:block;height:29px;width:100%;background:URL('http://img2.autonavigator.ru/images/new_images/stars_big.png') repeat-x 0 -29px}
.stars span{position:relative;z-index:2;display:block;width:33px;height:29px;float:left;cursor:pointer}

.stars_mid{display:inline-block;height:18px;width:100px;background:URL('http://img2.autonavigator.ru/images/new_images/stars_mid.png') repeat-x 0 0;vertical-align:middle;margin-bottom:2px;margin-left:2px}
.stars_mid i{display:block;height:18px;width:100%;background:URL('http://img2.autonavigator.ru/images/new_images/stars_mid.png') repeat-x 0 -18px}

.metro{white-space:nowrap}
.metro .dot,.metro_dot{display:inline-block;width:13px;height:13px;border-radius:10px;background:#CCC;padding:2px;line-height:11px;text-align:center;color:#FFF}

/* Статьи Сортировка */
.sortPanel{font-size:12px;float:left}
.sortPanel.fr{float:right}
.sortPanel A{color:#aaa;display:inline-block;padding:3px 6px;border-radius:3px}
.sortPanel A:active{background:#eee;color:#999;box-shadow:0 0 5px rgba(0,0,0,.5)}
.sortPanel A.act{color:#FFF;text-decoration:none;background:#a7bdd4;border-bottom:dotted 1px #6b8aab}
.sortPanel.group{display:block;color:#999;font-size:12px;margin-bottom:5px}
.sortPanel.group A{margin:0;border-radius:0;border:none;display:inline-block;background:#ccc;padding:3px 7px;text-decoration:none;color:#FFF;border-right:1px solid #fff}
.sortPanel.group A:active{background-color:#A7BDD4}
.sortPanel.group A.act{background-color:#6c8eb1}
.sortPanel.group .side_left{border-radius:8px 2px 2px 8px}
.sortPanel.group .side_right{border-radius:2px 8px 8px 2px}
.sortPanel .show_mode_lines,.sortPanel .show_mode_blocks{margin:0 0 -2px 0;display:inline-block;width:15px;height:15px;background:URL('http://img2.autonavigator.ru/images/show_mode_kit.png') no-repeat 0 0}
.sortPanel .show_mode_lines{background-position:0 0;margin-left:3px}
.sortPanel .show_mode_blocks{background-position:-15px 0;margin-right:3px}
.sortPanel SELECT{border-radius:3px}

/* THUMBS */
.thumbs{display:block;height:25px;width:53px;position:relative;margin-top:1em}
.thumbs A{display:block;width:26px;background:URL('http://img2.autonavigator.ru/images/new_images/thumbs.png') no-repeat #ccc;height:25px}
.thumbs A:hover{background-color:#adc1d7}
.thumbs A.act{background-color:#adc1d7}
.thumbs A.up{display:block;float:right;background-position:5px -21px;border-radius:0 5px 5px 0}
.thumbs A.up:hover{background-color:#86b53a}
.thumbs A.up.act{background-color:#86b53a}
.thumbs A.down{display:block;float:left;background-position:5px 5px;border-radius:5px 0 0 5px;border-right:dashed 1px #FFF}
.thumbs A.down:hover{background-color:#e73b3b}
.thumbs .count{position:absolute;right:100%;top:5px;margin-right:7px;font-size:12px;color:#999;cursor:default}
.thumbs.done A,.thumbs.done .count{display:none}
.thumbs.voted A:hover{background-color:#DDD}
.thumbs.voted A.up,.thumbs.voted A.down{cursor:default}
.thumbs.voted A.up:hover{background-color:#DDD}
.thumbs.bot{margin-top:0}
.thumbs.bot .descr{position:absolute;right:60px;font-size:70%;width:170px;text-align:right;top:-2px}
.thumbs.bot .count{display:none}
.thumbs .done{cursor:default;height:25px;width:53px;text-align:center;background:#CCC;line-height:25px;border-radius:7px;color:#FFF;font-weight:bold}
.thumbs .done.pos{background-color:#86b53a}
.thumbs .done.neg{background-color:#e73b3b}

#pages{display:block;text-align:center;margin:20px 0;position:relative;min-height:22px}
#pages a{display:inline-block;min-width:14px;border-radius:6px;padding:2px 6px;text-decoration:none;margin:0 2px;color:#FFF;background:#5d83ab}
#pages a.act{background:#bbb;font-weight:bold;color:#FFF}
@media all and (max-width:360px){
	#pages a{padding:5px 7px}
	#pages a.item,#pages .sep,#pages .first_page,#pages .last_page{display:none}
	#pages a.item.act{display:inline-block}
	#pages .next_page,#pages .prev_page{width:50px}
}

/* === */
#footer{background:#ebebeb;width:100%;margin-top:10px;color:#7d7d7d;font-size:80%}
#footer .content{padding:10px;position:relative}
#footer span{display:inline-block}
#footer .count{margin-top:10px;text-align:center}
#footer .count A{margin-left:6px}
@media all and (min-width:480px){
	#footer .count{position:absolute;right:10px;bottom:10px}
	#footer .copy{max-width:400px}
}
@media all and (min-width:570px){
	#footer .switch_mobile{position:absolute;right:10px;top:10px}
}
#footer .plus18{background:#848484 !important;border-radius:30px !important;color:#FFFFFF;vertical-align:top;font-size:20px;font-weight:bold;margin-right:5px;padding:2px 6px 5px;width:38px !important;height:24px !important}
#footer .switch_mobile{display:block;text-align:center;margin-bottom:5px}
#footer .switch_mobile A{display:inline-block;background:#FFF;padding:3px 6px;border-radius:10px;text-decoration:none}

/* salon & sale */
.url_ico{width:19px;height:18px;display:inline-block;vertical-align:middle;overflow:hidden;background:URL('http://img2.autonavigator.ru/images/ico_url.png') no-repeat 0 0;margin-right:3px}

/* Система оповещения */
.care{z-index:9998;display:block;position:fixed;-webkit-backface-visibility:hidden;backface-visibility:hidden;top:20px;right:20px;padding:10px;border-radius:7px;background:#e8f3ff;box-shadow:0 0 15px #333}
.care.information{background-color:#e8f3ff}
.care.error{background-color:#dc3b41;color:#FFF}
.care.success{background-color:#86b53a;color:#FFF}

/* Статусы сообщений */
.status_ok h3,.status_error h3{color:#a1a1a1;margin-bottom:5px;font-size:20px;font-weight:normal}
.status_ok,.status_error{margin:30px 0;color:#528106;position:relative;padding-left:86px;min-height:64px;font-weight:bold}
.status_error{color:#d72027}
.status_ok i,.status_error i{display:block;position:absolute;left:0;top:0;width:69px;height:64px;background:URL('http://img2.autonavigator.ru/images/new_images/massage_status.gif') no-repeat}
.status_error i{background-position:0 -70px}
.status_error a.repeat,.status_ok a.repeat{cursor:pointer;display:inline-block;padding:5px 22px;border-radius:10px;font-size:14px;color:#FFF;background:#ff8e31;margin-top:30px;font-weight:normal}

/* Левое меню */
UL.side_menu{display:block;margin-bottom:15px}
UL.side_menu LI{padding-left:14px;list-style:none;position:relative;margin:2px 0}
UL.side_menu A{display:inline-block;padding:3px 5px;border-radius:4px;margin-left:2px}
UL.side_menu A:hover{background:#EAEAEA;color:#4877a6}
UL.side_menu LI i{position:absolute;left:0;top:4px;display:block;height:18px;width:18px;background:URL('http://img2.autonavigator.ru/images/new_images/side_menu_opcl.gif') no-repeat;cursor:pointer}
UL.side_menu LI.off > i{background-position:5px 5px}
UL.side_menu LI.on > i{background-position:5px -14px}
UL.side_menu LI A.switch,UL.side_menu LI A.switch:hover{background:none}
UL.side_menu LI.on A.switch{font-weight:bold;text-decoration:none;color:#555}
UL.side_menu LI.on UL A.switch{font-weight:normal;text-decoration:none;color:#4877a6}
UL.side_menu LI.act>A,
UL.side_menu LI.act>A:hover{background:#ffd570 !important;color:#555 !important;cursor:default;text-decoration:none}
UL.side_menu LI.off UL{display:none}
UL.side_menu UL A{text-decoration:none}
@media all and (max-width:450px){#banBot{zoom:35% } }
@media all and (min-width:451px) and (max-width:650px){#banBot{zoom:50% } }
@media all and (min-width:651px) and (max-width:850px){#banBot{zoom:75% } }

.lineMedia .bl_white{width:100% !important;max-width:650px}
.lineMedia .bl_white img{float:left;margin-right:10px}
.lineMedia .bl_white .inner{display:block;overflow:hidden}	
.lineMedia .bl_white span{text-decoration:none}
.lineMedia .bl_white A{font-size:12px;display:inline-block;text-align:left;line-height:12px;overflow:hidden;text-decoration:none;color:#000;cursor:pointer}
.lineMedia .bl_white A strong{display:block;font-size:13px;padding:0 0 5px;text-decoration:underline;color:#2B68A4;line-height:14px}
.lineMedia .bl_white A:hover strong{color:#F00}
@media all and (max-width:450px){
	.lineMedia .bl_white A img:nth-of-type(2){display:none}
	.lineMedia .bl_white span{margin-right:10px !important}
}

.notepad_box,#notepad{background:#FFF;position:fixed;z-index:300;bottom:0;right:5px;box-shadow:0 0 10px rgba(0,0,0,0.5);border-radius:8px 8px 0 0;font-size:90%}
.notepad_box .head,#notepad .head{cursor:pointer;background:#ffeda6;padding:5px;border-radius:8px 8px 0 0;text-align:center}
.notepad_box .head .favorites{border-right:dashed 1px #999}
.notepad_box .head .compare,.notepad_box .head .favorites{display:inline-block;padding:0 8px}
.notepad_box .head .compare i,.notepad_box .head .favorites i{background:URL('http://img2.autonavigator.ru/images/new_images/catalog_notepad_icons_kit.png') no-repeat;width:20px;height:20px;display:inline-block;vertical-align:middle;margin-right:4px}
.notepad_box .head .compare i{background-position:0 0}
.notepad_box .head .favorites i{background-position:-26px 0}
.notepad_box .content{transition:.3s ease 0s;overflow:hidden;padding:0 5px;max-width:100px;max-height:0}
.notepad_box .content .notepad_list h3{margin-top:5px;margin-bottom:3px}
.notepad_box .content .notepad_list .item{display:block;white-space:nowrap;border-bottom:dashed 1px #CCC;padding:5px;font-size:90%;position:relative}
.notepad_box .content .notepad_list .item a[href]{color:#666;text-decoration:none;display:inline-block;overflow:hidden;margin-right:20px;max-width:270px;text-overflow:ellipsis}
.notepad_box .content .notepad_list .item:active a[href]{color:#35618e}
.notepad_box .content .notepad_list .item:active{background-color:#eee}
.notepad_box .content .notepad_list .item .remove{display:block;background:URL('http://img2.autonavigator.ru/images/new_images/catalog_notepad_icons_kit.png') no-repeat #AAA;position:absolute;right:5px;top:50%;border-radius:50%;margin-top:-8px;background-position:-58px -5px;width:12px;height:12px;cursor:pointer}
.notepad_box .content .notepad_list .item:active .remove{margin-right:-2px;width:16px;height:16px;margin-top:-10px;background-position:-56px -3px}
.notepad_box.open .content{max-height:400px;max-width:300px;padding:5px}

.button.load-more {border-radius:7px;display:inline-block; color:#FFF;padding:10px 25px;font-size:120%;background-color:#7199c3 !important;cursor:pointer;margin:20px auto}
.button.load-more.waiting{background-image: url(http://img2.autonavigator.ru/images/loading_status_blue.gif);background-repeat:no-repeat;background-color:#FFF !important;background-position: 11px 7px;font-size: 120%;padding: 10px 25px 10px 50px;color: #7199c3}

/*! user-menu */
body.not_scroll{overflow:hidden}
.user_menu .user_register .icon::before,.user_menu .user_status.no_confirm .icon::before{color:#fff;font-weight:700;line-height:12px;font-size:12px;text-align:center;border-radius:7px;min-width:14px;min-height:14px;box-sizing:border-box;border:solid 1px rgba(255,255,255,.7);box-shadow:0 0 5px #fff;display:block;position:absolute;right:-3px;bottom:-5px}
.user_menu{font-size:90%;display:block}
.user_menu A,.user_menu A:visited{color:#35618e;text-decoration:none;padding:5px 7px;position:relative;display:inline-block;box-sizing:border-box;min-height:30px;vertical-align:middle;border-radius:6px}
.user_menu A:active{background:#fff;box-shadow:0 0 5px rgba(0,0,0,.25)}
.user_menu .icon{display:inline-block;width:24px;height:24px;vertical-align:middle;background:url(http://img2.autonavigator.ru/images/mobile_login_kit.png) no-repeat;margin-right:4px}
.user_menu .user_reviews .icon{background-position:0 -33px}
.user_menu .user_register .icon{background-position:0 -68px;position:relative}
.user_menu .user_register .icon::before{content:'+';background:#639f00}
.user_menu .salon_stat .icon{background-position:0 -170px}
.user_menu .user_settings .icon{background-position:0 -48px}
.user_menu .user_status{font-weight:700}
.user_menu .user_status .icon{background-position:0 -68px;position:relative}
.user_menu .user_status.no_confirm .icon::before{content:'!';background:#d72027}
.user_menu .user_offers .icon{background-position:0 1px}
.user_menu .user_new_offer{font-weight:700;color:#59880d}
.user_menu .butt{position:relative;display:inline-block;vertical-align:middle;height:30px;width:30px;background-color:#639f00;border-radius:50%;margin-right:5px}
.user_menu .butt::after,.user_menu .butt::before{content:'';position:absolute;display:block;background:#fff;top:50%;left:50%}
.user_menu .butt::before{width:6px;height:16px;margin-top:-8px;margin-left:-3px}
.user_menu .butt::after{width:16px;height:6px;margin-top:-3px;margin-left:-8px}
.user_menu LABEL{display:inline-block;vertical-align:middle}
.user_menu .show_login::before,.user_menu .user_logout::before{content:'|';margin-right:10px}
.user_menu .user_register{color:#d72027}
@media all and (min-width:700px){
.user_menu{position:absolute;top:20px;right:20px}
}
@media all and (min-width:1000px){
.user_menu .count{font-weight:400;display:inline-block;vertical-align:middle;margin-left:5px;color:#888686}
.user_menu .count::before{content:'('}
.user_menu .count::after{content:')'}
}
@media all and (max-width:999px){
.user_menu LABEL{display:none}
.user_menu .count{font-weight:400;display:inline-block;position:absolute;right:3px;bottom:-7px;color:#fff;background-color:rgba(215,32,39,.9);border:solid 1px #fff;box-sizing:border-box;font-size:70%;padding:1px 5px;line-height:130%;border-radius:50%}
}
@media all and (max-width:699px){
.user_menu{padding:20px 0;text-align:center}
.user_menu .butt{margin:0}
}
@media all and (max-width:399px){
.user_menu{text-align:left;padding-left:10px}
.user_menu A,.user_menu A:visited{padding:5px 4px}
}
/*! menu */
@media all and (max-width:699px){
.menu_switcher{display:block;width:45px;height:45px;position:fixed;z-index:3001;right:15px;top:20px;border-radius:30%;background:#fff;transition:box-shadow .15s ease;box-shadow:0 0 10px rgba(0,0,0,.25),0 3px 10px rgba(0,0,0,.15);opacity:.8}
.menu_switcher:active{box-shadow:0 0 3px rgba(0,0,0,.25)}
.switcher__bread,.switcher__bread::after,.switcher__bread::before{content:'';display:blocks;width:26px;height:4px;position:absolute;left:50%;top:50%;margin-top:-2px;margin-left:-13px;background:#35618e;border-radius:2px;transition:all .15s ease}
.switcher__bread::before{margin-top:-11px}
.switcher__bread::after{margin-top:7px}
.open .switcher__bread::before{transform:scale(.8,1) rotate(35deg);margin-top:-9px;margin-left:-8px}
.open .switcher__bread::after{transform:scale(.8,1) rotate(-35deg);margin-top:5px;margin-left:-8px}
}
@media all and (max-width:699px){
#menu .itm{display:block;font-size:125%;border-width:1px 0 0 0;position:relative;border-top:dashed 1px #ddd}
#menu .itm A{display:block;text-decoration:none;padding:10px}
#menu .itm .dot{display:inline-block;width:30px;height:30px;background:#fff;position:absolute;border-radius:10px;right:25px;top:7px}
#menu .itm .dot::before{content:'';display:block;height:0;width:0;border:solid 10px;margin:12px 7px;border-color:#999 transparent transparent;border-width:8px 8px}
#menu .itm.open{display:block;background:#ecf3fb}
#menu .itm.open .dot::before{border-color:transparent transparent #999;margin:3px 7px}
#menu .itm.open>A{background:#7698bc;text-decoration:none;color:#fff}
#menu .itm.open .sub{max-height:500px}
#menu .itm.act>A{background:#d60102;color:#fff}
#menu .itm .sub{max-height:0;overflow:hidden;display:block;margin-left:10px;transition:max-height .15s ease;font-size:90%}
#menu .itm .sub .item{padding:13px;display:block}
}
@media all and (min-width:700px){
#menu{z-index:100;position:relative;font-size:90%;text-align:center}
#menu .bg{display:block;background:#f1f4f7;width:100%;height:100%;position:absolute}
#menu .itm{border-radius:6px;position:relative;display:inline-block}
#menu .itm .link{padding:15px 8px}
#menu .itm.open{background:#7698bc;border-radius:5px 5px 0 0}
#menu .itm.open .link{margin-right:16px;color:#fff;text-decoration:none}
#menu .itm.open .dot{margin-left:5px;position:absolute;right:0;top:50%;margin-top:-12px;border-radius:5px}
#menu .itm.open .dot::before{display:block;height:0;width:0;border:solid 10px;border-color:transparent transparent #fff;margin:3px 6px;border-width:6px 6px}
#menu .itm A{display:block;padding:7px;border-radius:7px}
#menu .itm.act>A{background:#d60102;color:#fff;text-decoration:none}
#menu .itm .sub{display:none}
#menu .itm.open .sub{text-align:left;border-radius:0 0 6px 6px;position:absolute;top:100%;left:0;display:block;background:#f1f4f7;box-shadow:0 3px 10px rgba(0,0,0,.25)}
#menu .itm.open .sub .item{display:block;border-top:dashed 1px #ccc;padding:10px}
#menu .itm.open .sub .item:first-child{border-top:none}
}
@media all and (min-width:790px){
#menu{font-size:100%}
}
@media all and (min-width:900px){
#menu .itm .link{padding:15px 13px}
}
@media all and (max-width:699px){
.menu_block{z-index:3000;position:fixed;right:0;top:0;width:0;height:100%;background:#fff;overflow:auto;box-sizing:border-box;transition:all .15s ease}
.menu_block.show{width:100%}
}