@import url(../fonts/fonts.css);

html, body{width: 100%; }
html{font-size: 100.01%; background: url(../i/pattern.jpg) 0 0 repeat scroll;}
body {font: 81.25%/1.5 Arial, sans-serif;}
body#popup {background: #fff; overflow: visible;}

#bg-products, #bg-price {background-image: url(../i/pattern_org.jpg);}
#bg-selection, #bg-contact, #bg-owner {background-image: url(../i/pattern_bl.jpg);}
#bg-info {background-image: url(../i/pattern_snd.jpg);}

input, select, textarea {font-size: 100%; font-family: Arial;}

#container {min-width: 1000px; background: url(../i/wtf.png) 50% 0 repeat-y scroll; position: relative; width: 100%;}

#wrapper {
    position: relative;
    width: 960px;
    padding: 0 20px;
    margin: 0 auto;
    background: #fff;
}

#header {
    position: relative;
    width: 100%;
    height: 320px;
    padding-bottom: 50px;
    text-align: center;
}

#layout {
    position: relative;
    padding: 20px 0 0;
    margin: 0 auto;
    color: #333;
    zoom: 1;
}

#content {
    float: left;
    width: 680px;
    margin-right: 0;
    padding: 0 20px 3em 0;
}

#popup #content {float: none; margin: 0 auto; width: 620px; padding: 1em 0 3em}

#sidebar {
    float: right;
    position: relative;
    width: 200px;
    padding: 5em 0 3em;
}

#index #sidebar {
    padding-top: 0;
}

h1 {font-size: 2em; font-weight: normal; color: #0c0; margin-bottom: .6em; line-height: 1}
h2 {font-size: 1.615em; font-weight: normal; color: #0c0; margin: .8em 0 .4em}
h3 {font-size: 1.07em; color: #666; margin: 1.25em 0 .25em}
a {color: #666}
a:hover {color: #0c0}
p {margin-bottom: 1em}

#logo {position: absolute; top: 240px; left: 50%; margin-left: -200px; width: 400px; zoom: 1; z-index: 10;}
.header_back {position: relative; top: -6em;}

#footer h1{font-size: 1em; color: #333; margin: .7em .4em 1em 0; display: inline; padding-top: .7em}

.mainmenu {
    font-size: 1.1em;
    font-family: Verdana;
    position: relative;
    z-index: 10;
    padding: 0;
    margin: 0 auto;
    overflow: hidden;
}
.mainmenu ul {text-align: center;}
.mainmenu ul li {
    display: inline;
    display: inline-block;
    _float: left;
    padding: 0.45em 0.5em;
    margin: 0 0.5em 0 0;
    list-style: none;
    vertical-align: top;
    border-radius: 5px;
    zoom: 1;
    width: 115px;
}
.mainmenu .maimmenu__link {color: #333; line-height: normal;text-decoration: none;}
.mainmenu .maimmenu__link:hover {color: #0c0;}
/*
.mainmenu .active {
    background: #0c0;
    color: #fff;
    text-shadow: 0 -1px 0 #2F7A16;
    box-shadow: 0 1px 0 #2F7A16 inset;
}
.mainmenu .active .maimmenu__link, .mainmenu ul li.active span {
    color: #fff;
}*/

#mainmenu li {position: relative;}
#mainmenu .icon {display: inline; display: inline-block; float: left; position: relative; padding-top: 90px; position: relative; width: 8em; zoom: 1;}
#mainmenu .icon i { background-repeat: no-repeat; display: block; height: 90px; position: absolute; top: 0px; left: 50%; margin-left: -45px; width: 90px;}
#mainmenu .products .icon i {background-position: 0 0;}
#mainmenu .selection .icon i {background-position: 0 -48px;}
#mainmenu .info .icon i, #mainmenu .price .icon i {background-position: 0 -96px;}
#mainmenu .contact .icon i {background-position: 0 -144px;} 

#header .ads {float: right}
#header .wrap {position: relative; margin: 0 auto}

.phone-left, .phone-right {position: absolute; top: 265px;}
.phone-left {left: 30px;}
.phone-right {right: 50px;}

.m-blocks {width: 100%; margin: 0 auto; clear: both}
.m-blocks .item{
    width: 24.9%;
    float: left;
    margin: 1em 0 1em;
}
/*
.m-blocks .item .inner{width: 250px; height: 215px; background: url(../i/m-blocks.png) 0 0 no-repeat scroll; margin: 0 auto; color: #fff; position: relative}
.m-blocks .item .reflex{width: 200px; height: 30px; background: url(../i/m-blocks.png) 0 -215px no-repeat scroll; margin: 0 auto}
.m-blocks .item.about .inner{background-color: #e50; background-position: 0 0}
.m-blocks .item.invest .inner{background-color: #0a0; background-position: -200px 0}
.m-blocks .item.parcel .inner{background-color: #7a7a23; background-position: -400px 0}
.m-blocks .item.topas .inner{background-color: #3983d2; background-position: -600px 0}
.m-blocks .item.about .reflex{background-position: 0 -215px}
.m-blocks .item.invest .reflex{background-position: -200px -215px}
.m-blocks .item.parcel .reflex{background-position: -400px -215px}
.m-blocks .item.topas .reflex{background-position: -600px -215px}
.m-blocks .item .inner span.header{font-size: 1.07em; width: 203px; height: 53px; display: table-cell; vertical-align: middle; text-align: center; color: #fff}
.m-blocks .item .inner span.summary{display: inline-block; margin-top: 15px; padding: 0 15px}
.m-blocks .item .inner ins{position: absolute; display: block; background: url(../i/m-blocks-ins.gif) no-repeat scroll; z-index: 50; zoom: 1}
.m-blocks .item.about ins{width: 90px; height: 84px; left: -27px; bottom: -21px; background-position: 0 0}
.m-blocks .item.invest ins{width: 52px; height: 29px; right: 8px; bottom: -9px; background-position: 0 -197px !important}
.m-blocks .item.parcel ins{width: 90px; height: 55px; right: -7px; bottom: -6px; background-position: 0 -84px !important}
.m-blocks .item.topas ins{width: 84px; height: 58px; left: 80px; bottom: 13px; background-position: 0 -139px !important}
.m-blocks .item .inner a{color: #fff; text-decoration: none; display: block; height: 100%}
.m-blocks .item .inner a:hover span{text-decoration: underline !important; cursor: pointer}
*/

.m-blocks .item .inner{width: 255px; height: 217px; background: url(../i/m-blocks-v.png) 0 0 no-repeat scroll; color: #fff; position: relative}
.m-blocks .item .reflex{width: 200px; height: 30px; background: url(../i/m-blocks-v.png) 0 -217px no-repeat scroll;}
.m-blocks .item.about .inner{background-position: 0 0}
.m-blocks .item.invest .inner{background-position: -260px 0}
.m-blocks .item.parcel .inner{background-position: -520px 0}
.m-blocks .item.topas .inner{background-position: -780px 0}
.m-blocks .item.about .reflex{background-position: 0 -217px}
.m-blocks .item.invest .reflex{background-position: -260px -217px}
.m-blocks .item.parcel .reflex{background-position: -520px -217px}
.m-blocks .item.topas .reflex{background-position: -780px -217px}
.m-blocks .item .inner span.header{font-size: 1.07em; width: 203px; height: 53px; display: table-cell; vertical-align: middle; text-align: center; color: #fff;}
.m-blocks .item .inner .summary{display: inline-block; margin-top: 10px; padding: 0 15px}
.m-blocks .summary .line {
    display: block;
    position: relative;
}

.m-blocks .summary .l1,
.m-blocks .summary .l5 {
    left: 2.25em;        
}
.m-blocks .summary .l2,
.m-blocks .summary .l4 {
    left: 3.25em;
}
.m-blocks .summary .l3 {
    left: 3.75em;
}
.m-blocks .summary .l6 {
    left: 1.5em;
}
.m-blocks .summary .l7 {
    left: 0.75em;
}

.m-blocks .item .inner ins{position: absolute; display: block; background: url(../i/m-blocks-ins.gif) no-repeat scroll; z-index: 50; zoom: 1}
.m-blocks .item.about ins{width: 90px; height: 84px; left: -27px; bottom: -21px; background-position: 0 0}
.m-blocks .item.invest ins{width: 52px; height: 29px; right: 8px; bottom: -9px; background-position: 0 -197px !important}
.m-blocks .item.parcel ins{width: 90px; height: 55px; right: -7px; bottom: -6px; background-position: 0 -84px !important}
.m-blocks .item.topas ins{width: 84px; height: 58px; left: 80px; bottom: 13px; background-position: 0 -139px !important}
.m-blocks .item .inner a{color: #fff; text-decoration: none; display: block; height: 100%; position: relative; left: 0.5em;}
.m-blocks .item .inner a:hover span{text-decoration: underline !important; cursor: pointer}

.i-blocks {width: 100%; margin: 2em 0 2em 0.5em;}
.i-blocks .item{width: 187px; margin: 0 0 1em}
.i-blocks .item a{display: block}
.i-blocks .item a:hover{cursor: pointer}
.i-blocks .item  a span{height: 92px; display: block; background: url(../i/i-blocks.jpg) 0 0 no-repeat scroll; text-indent: -9999px}
.i-blocks .item.about a span{background-color: #e50; background-position: 0 0}
.i-blocks .item.invest a span{background-color: #0a0; background-position: 0 -92px}
.i-blocks .item.parcel a span{background-color: #7a7a23; background-position: 0 -184px}
.i-blocks .item.topas a span{background-color: #3983d2; background-position: 0 -276px}

.sec-menu {margin: 0 0 .8em; width: 100%; overflow: hidden}
#content .sec-menu ul{display:inline-block; width:100%; margin: 0}
.sec-menu ul li{list-style: none; float: left; margin: 0 0.5em 0.5em 0 !important; display: block; position: relative}
.sec-menu ul li a, .sec-menu ul li.active span {color: #0c0; padding: 0.25em 0.5em; display: block; float: left; font-size: 1.125em; border: 1px solid #0c0; -moz-border-radius: 1.5em; -webkit-border-radius: 1.5em; border-radius: 1.5em; text-decoration: none;}
.sec-menu ul li a:hover{background: #0c0; color: #fff; text-decoration: none; text-shadow: 0 1px 0 #2F7A16;}
.sec-menu ul li.active span {background: #0c0; color: #fff; text-shadow: 0 1px 0 #2F7A16;}

#footmenu  {
    position: relative;
    padding: 0 80px;
    margin: 1em 0 0 0;
    text-align: center;
}

#footmenu  ul{margin-bottom: .693em}
#footmenu ul li {display: inline; list-style: none; margin: 0 0.5em 0 0;}
#footmenu ul li a{color: #338d33; text-decoration: none}
#footmenu ul li a:hover{text-decoration: underline}

#content table {margin-bottom: 1em; border-bottom: 2px solid #D2ECDD}
#content table th,#content  table td{border: 1px solid #eee; padding: 4px 3px}
#content table th{background: #dcf1f5; border-top: 1px solid #e5f3f7; border: 1px solid #c2e0f2; color:#3c423c}
#content table td{text-align: center; width: 10%}
#content table tr.alt td{background: #edf7e9}
#content table td.st-name{text-align: left; width: 20%; font-weight: bold; border-bottom-color:#D2ECDD; border-left-color:#EFF7E9; border-right-color:#D2ECDD; color:#354042; background: #F4FCF0}
#content table .alt td.st-name{background: #E9F7E4}
#content table td.cost{font-weight: bold; white-space: nowrap}
#content table.selection, #content table.selection table, #content table.selection td{border: none}
#content table.selection td{text-align: left; vertical-align: top}
#content table.selection input.inm{width: 50px}

#content table.price, #content table.models{font-size: .924em; clear: both; margin: 1em 0}


#content table.treb{width: 100%}
#content table.treb td{width: 32%; text-align: left; padding: 4px 3px}
#content table.treb td.num, #content table.treb th.num{width: 4%; text-align: center}
#r2 {background:#fff; border:1px solid #999999; color:#339900; display:block; padding:1px 3px; width:90%; height: 1.385em}

#content ul, #content ol{margin: 0 0 1em 3em}
#content ul li, #content ol li{margin: 0 0 .5em}
#content ul li ul{margin: .5em 0 .5em 2em}

#footer {position: relative; text-align: center; clear: both; position: relative; width: 100%}

#contact{width: 204px; height: 120px; background: url(../i/phone.png) 100% 0 no-repeat scroll; position: absolute; top: -112px; right: 60px; padding: 50px 80px 0 0; font-size: .923em; color: #666}
#contact p{margin-bottom: .325em}
#contact p.b-tel{font-size: 2em}
#copyright {position: absolute; top: 10px; right: 20px}

.header-contact {position: relative; float: left; top: 5px; color: #666; font-size: .923em; z-index: 10; border: 3px solid #00cc01; padding: 10px; margin: 1em 16px 0 0}
.header-contact-right {width: 35em;}
.header-contact-left {width: 19em;}
.header-contact h3{font-size: 1.615em; font-weight: normal; margin: 0; color: #0c0; position: absolute; background: #fff; padding: 0 5px; top: -0.77em; left: 1em}
.header-contact span{display: block; line-height: 1.2}
.header-contact span.tel{font-size: 1.539em; text-align: left; }
.header-contact span.tel .name{display:inline; font-size: 0.693em; position: relative; top: -0.154em}
.header-contact span.tel .code{display:inline; font-size: 65%; position: relative; top: -0.154em}
.header-contact span.adr{font-size: 1.153em; padding-bottom: .1em}
.header-contact span.time{font-size: 1.2em; border-top: 1px solid #0c0; padding-top: .231em; margin-top: .231em}
.header-contact dl .tel .code{display:inline; font-size: 65%; position: relative; top: -0.154em}
.header-contact dl dt{font-size: 2em; text-align: left; float: left; clear: left; margin-right: 0.3em; line-height: 1.2 /* Added 2009-11-17*/}
.header-contact dl dd{padding:0.25em 0 0.5em;}
.header-contact dl span{display: inline}
.header-contact dl span.name{line-height: 1.6; font-size: 13px; padding: .3em 0 0 0; /*text-indent:-1.3em;*/}
.header-contact .left, .header-contact .right {float: left; display: inline; margin-left: 14px; width: 47%}
.header-contact .icon {background: url(../i/contact.gif) 0 0 no-repeat scroll; position: absolute; width: 40px; height: 97px; bottom: 1.616em; left: -20px}
.header-contact .right dd {padding-bottom: 0.616em}
.header-contact .dealers .tel{font-size: 1.231em;}
.header-contact .dealers .tel .code{font-size: 75%}
.header-contact .dealers dd {position: relative; top: -0.3em}

.slogan {background: #fff;
    color: #0c0;
    font-size: 1.25em;
    font-style: italic;
    left: 300px;
    padding: 0.25em;
    position: absolute;
    top: 240px;
    z-index: 1;}

.crumbBox {margin-bottom: .5em; font-size: .927em}
.crumbBox a{color: #666}
.crumbBox a:hover{color: #0c0}

.arr {font-family: Times}
.clr {clear: both; height: 0; line-height: 0; font-size: 0}

.banner {position:relative; float: left; top: 25px}

/*.leaves, .bottom-leaves{width: 120px; height: 295px; position: absolute}
#header .leaves{background: url(../i/pine-left.jpg) 0 0 no-repeat scroll;top: 0px; left: -120px}
#footer .leaves, .bottom-leaves{background: url(../i/pine-right.jpg) 0 0 no-repeat scroll; bottom: 50px; right: -111px}*/

.s-block {border-left: 2px solid; margin: 0 0 2em 0; padding: 0 0 0 1em}
.s-block p{margin-bottom: 1em; font-size: .924em}

.s-block.invite{border: none;}
.s-block.invite h3{border: 2px solid #FF0000; padding: 15px 10px 10px; text-align: center; color: #FF0000; -moz-border-radius: 10px;-webkit-border-radius:10px;border-radius:10px;}

.s-block.select{border-color: #f60}
.s-block.faq  { border-color: #0c0}
.s-block.facts{border-color: #343201}
.s-block.advice{border-color: #69f}
.s-block.select h3 a{color: #f60; border-color: #f60}
.s-block.faq  h3 a{color: #0c0; border-color: #0c0}
.s-block.facts h3{color: #343201; border-color: #343201}
.s-block.advice  h3{color: #69f; border-color: #69f}

.s-block.request, .recalls_pdf {
    border: none;
}

.request {
    font-size: 1.25em;
    padding: 12px 0 0;
    margin: -0.5em 0 3.5em;
    position: relative;
    line-height: normal;
}
.request .icon{
    position: absolute;
    top: -4px;
    left: -8px;
}  
.request a {
    display: inline-block;
    padding-left: 66px;
    color: #0c0;
}
.request a:hover {
    color: #c00;
}

.recalls_pdf {
    position: relative;
    padding: 0 0 0 40px;
    margin: 0 0 3em;
}
.recalls_pdf .icon {
    position: absolute;
    top: 2px;
    left: 0;
}
.file_info {
    font-size: 0.9em;
    color: #666;
}

.special .marquee_wrapper {
    padding-top: 1em;
}
    
.marquee {
    font-family: 'PTSerifRegular', serif;
    font-size: 1.5em;
    font-weight: bold;
    position: relative;
    top: 50px;
    overflow: hidden;
    height: 36px;
    color: #454545;
}

.marquee .fade_left,
.marquee .fade_right {
    display: block;
    position: absolute;
    z-index: 10;
    top: 0;
    width: 108px;
    height: 40px;
    background-image: url(../i/fade.png);
}
.marquee .fade_left {
    left: 0;
    background-position: -108px 0; 
}
.marquee .fade_right {
    right: 0;
}


.marquee__list {
    width: 100%;
    position: relative;
}
.marquee__item {
    float: left;
    position: relative;
    line-height: 36px;
}

.marquee__item .dot {
    margin: 0 15px;
    text-indent: -9999px;
}
.marquee__item .o {
    color: #f60;
}
.marquee__item .g {
    color: #0c0;
}
.marquee__item .r {
    color: #e00;
}

.topas-photo {float: left; margin-right: 1em}

.counter {position: absolute; top: 25px; right: 0;}

.order {margin-bottom: 1em}
.order a{color: #fff; padding: .4em .6em; background: #0c0; font-weight: normal; text-decoration: none}

.models-list {margin: 0 0 2em;}
.models-list ul{margin: 0 0 0 1em}
.articles ul {margin: 0}
.models-list ul li, .articles ul li {list-style: none; margin-bottom: .5em}
.models-list ul li.last, .articles ul li.last {margin-top: .462em}

img.img {float: left; margin: 0 1em 1em 0}

#sqbar {background: #fff url(../i/squirrel-bg.gif) 0 0 repeat-x; height: 85px; padding: 2px 0 0; width: 100%; position: absolute; bottom: 0; overflow: hidden; z-index: 100; min-width: 1120px}
#sqbar .speech {background: url(../i/speech.png) 0 -61px repeat-x scroll; position: relative; float: left; padding: 8px 20px 17px 45px; height: 36px; top: 12px; font-size: 1.616em; color: #666; font-size: 1em; font-style: italic;}
#sqbar .speech #weather p {margin-bottom: .5em;}
#sqbar .speech #weather span {margin-right: 1em;}
#sqbar .speech #weather img {float: none; vertical-align: middle; margin: 0}
#sqbar .speech i.l, #sqbar .speech i.r{position: absolute; display: block; top: 0; left: 0; height: 61px; background: url(../i/speech.png) 0 0 no-repeat scroll}
#sqbar .speech i.l{width: 45px}
#sqbar .speech i.r{width: 20px; left: 100%; margin-left: -20px; background-position: -45px 0}
#sqbar img{float: left; margin-right: 1em}
.sqbarcontent {width: 980px; margin: 0 auto}

.rounded {position: relative; zoom: 1}
.rounded .lt, .rounded .rt, .rounded .lb, .rounded .rb {width: 10px; height: 10px; position: absolute; background: #fff url(../i/corners.gif) 0 0 no-repeat scroll; display: block; overflow: hidden;}
.rounded .lt {top: -3px; left: -3px}
.rounded .rt {background-position: -10px 0; left: 100%; margin-left: -7px; _margin-left: -6px; top: -3px}
.rounded .lb {background-position: 0 -10px; bottom: -3px; _margin-bottom: 0; left: -3px}
.rounded .rb {background-position: -10px -10px; bottom: -3px; _margin-bottom: 0; left: 100%; margin-left: -7px; _margin-left: -6px;}

.owner {margin-bottom: 2em}
.owner em {font-weight: bold;}
.owner p {margin-bottom: .308em} 

#container.feedback {min-width:545px;width: 545px; background-image: none; margin: 0 auto; top: 20px}
#container.feedback #wrapper{border: 1px solid #d6d6d6; padding: 10px 15px 20px;width:515px;}
#container.feedback form dl{clear: left; overflow: hidden; margin-bottom: 1em}
#container.feedback form dt{float: left; width: 8em; padding-top: .231em}
#container.feedback form dd{margin-left: 9em}
#container.feedback form dd.field input{width: 85%; margin-bottom: .231em; color: #333}
#container.feedback form dd.textarea textarea{width: 85%; color: #333}
#container.feedback form dd.field span{display: block; font-size: 0.847em; color: #999}

.blog__entry {
    margin-bottom: 2em;
}
.blog__entry__body {
    padding: 0.75em 0;
}
.blog__entry__date {
    color: #999;
}

.gallery .thumb {
    float: left;
    max-width: 150px;
    height: 110px;
    overflow: hidden;
    margin: 0 1px 1px 0;
}

.b-form dl {clear: left; margin: 0 0 1em 12em; position: relative; width: 100%;}
.b-form dt {float: left; margin-right: -12em; left: -12em; position: relative;}
.b-form dd {position: relative;}
.b-form .field input, .b-form textarea {border: 1px solid #bac5ca; padding: 0.25em; width: 65%;}
.b-form .field input {padding: 0.5em 0.25em;}
.b-form .submit {padding: 2em 0 0;}
.b-form .submit input {padding: 0.25em 0.5em;}
.b-form dd .note {display: block; font-size: 0.847em;padding-top: 0.25em;color: #999;}
.b-form .required, .b-form .invalid {background: #fee;}
.b-form .errors {border: 1px dashed #f99; color: #f00; padding: 1em; margin: 0 0 1.5em;}
.b-form .msg {border: 1px dashed #090; color: #090; padding: 1em; margin: 0 0 1.5em;}

.b-comment {border-bottom: 1px solid #bac5ca; margin: 1em 0;}
.b-comment-meta {margin: 0 6em 0.25em 0;}
.b-comment-meta .author {font-size: 1.154em; font-weight: bold; line-height: normal;margin-right: 2em}
.b-comment-meta .author .ip {font-size: 0.75em; font-weight: normal; margin-left: 2em;}
.b-comment-meta .date {font-size: 0.847em; color: #666;}
.b-comment-meta .anchor {color: #666; font-size: 0.847em; margin-left: 1em; text-decoration: none;}
.b-comment-meta .anchor:hover {color: #f00;}
.b-comment-mod {float: right;}
.b-comment-mod a {margin-left: 0.5em;}

.random_foto {
    font-style: italic;
    position: relative;
    padding: 108px 0 0;
    margin-bottom: 2em;
}
.random_foto img {
    width: 100%;
}
.random_foto .thumb {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100px;
    overflow: hidden;
    -moz-box-shadow: 0 3px 10px #666;
    -webkit-box-shadow: 0 3px 10px #333;
    box-shadow: 0 3px 10px #666;
}
.random_foto a {
    color: #5385C3;
    font-size: 1.25em;
}

.YMaps-btn-expand, .YMaps-btn-expand ul, .YMaps-btn-expand li, .YMaps-b-balloon-frame, .YMaps-b-balloon-frame td {border: 0 !important; padding: 0 !important; margin: 0 !important;text-align:left !important;}

.clearfix:after {visibility: hidden; display: block; clear: both; content: " ";	height: 0;}
* html .clearfix {height: 1%;}
*:first-child+html .clearfix {min-height: 1px;}