/* Общее
-------------------------------------------------*/
* { margin: 0; padding: 0; }

html { height: 100%; }

body { position: relative; font: 11px/120% Tahoma, Verdana, Arial; color: #707477; min-height: 746px; height: 100%; }
body.mainPage { background: #CCDCE2 url(/img/body-bg.jpg) repeat-x 0 0; }
body.secPage { background: #fff url(/img/body-bg-second.jpg) repeat-x 0 0;; }

h1, h2, h3, h4, h5, h6 { padding: 10px 0; color: #666; }
h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h45, h6 { font-size: 12px; }

p { padding: 10px 0; }

form select { font: 11px Tahoma; color: #666; }

a { font-weight: bold; color: #416C8A; text-decoration: underline; }
a:hover { font-weight: bold; color: #416C8A; text-decoration: none; }
a img { border: 0; }

br.clear { display: block; clear: both; height: 1px; }
.off { display: none; }

.black { color: #000; }
.red { color: #d91600; }

#center { position: relative; text-align: center; min-width: 983px; width: 100%; min-height: 100%; height: auto !important; height: 100%; }
body.mainPage #center { background: url(/img/center-bg.jpg) no-repeat center top; }
body.secPage #center { background: url(/img/center-bg-second.jpg) no-repeat center top; }

#center1 { position: relative; margin: 0 auto; text-align: left; width: 983px; min-height: 100%; height: auto !important; height: 100%; }
html:first-child #center1 { left: 1px; }
body.secPage #center1 #topbg { position: absolute; top: 6px; left: 7px; background: url(/img/topbg-second.jpg) no-repeat 0 0; width: 938px; height: 89px; }

body.mainPage #bottombg { position: absolute; bottom: 0; background: url(/img/body-bg2.jpg) no-repeat center top; width: 100%; height: 277px; }
body.secPage #bottombg { position: absolute; bottom: 0; background: url(/img/body-bg2-second.jpg) no-repeat center top; width: 100%; height: 317px; }
html:first-child body.secPage #bottombg { visibility: hidden; }

body.mainPage #topbg { position: absolute; top: 0; left: 0; background: #fff; width: 938px; height: 594px; }
body.secPage #topbg { position: absolute; top: 0; left: 0; background: #fff; width: 938px; height: 260px; }

/* Шапка
-------------------------------------------------*/
#logo { position: absolute; top: 15px; left: 100px; }
#logo img { display: block; width: 113px; height: 24px; }

#descr { position: absolute; top: 155px; left: 160px; display: block; width: 364px; height: 63px; }
#descr2 { position: absolute; top: 250px; left: 300px; font-size: 15px; line-height: 120%; }

#text_descr { position: absolute; top: 155px; left: 70px; text-align: right; width: 260px; height: 80px; }
#text_descr span { display: block; color: #000; text-transform: uppercase; }
#text_descr span.small { font-size: 18px; line-height: 18px; }
#text_descr span.big { font-size: 34px; line-height: 34px; }

#intro { position: absolute; top: 154px; left: 370px; width: 540px;  }

#navbar { position: absolute; top: 47px; left: 360px; background: #6B91AC; width: 430px; }
body.secPage #navbar { width: 570px; }
#navbar li { list-style: none; float: left; color: #92C0D3; height: 20px; }
#navbar li span { display: block; float: left; margin: 0 0 0 -5px; padding: 0 3px 2px 5px; color: #6B91AC; background: #CADAE1; }
html:first-child #navbar li span { display: inline; float: none; margin-right: -2px; }
#navbar li a { color: #fff; font-weight: normal; text-decoration: underline; }
#navbar li a:hover { color: #fff; font-weight: normal; text-decoration: none; }
#navbar li small { margin: 0 9px 0 6px; }

#about { position: absolute; top: 218px; left: 600px; font-size: 12px; color: #A5A9B7; line-height: 130%; width: 340px; }
#about h2 { margin-left: -26px; padding-bottom: 30px; font-weight: normal; text-transform: lowercase; }
#about p { padding-top: 15px; text-indent: -27px; }
#about a { color: #fff; text-decoration: underline; }
#about a:hover { color: #fff; text-decoration: none; }
#about a.more { position:absolute; top: 300px; left: 276px; font-weight: normal; text-align: center; background: #ff0000; width: 70px; }

#icons { position: absolute; top: 0; left: 791px; }
#icons span { display: block; float: left; margin-right: 18px; background: #fff url(/img/icon-wrap.gif) no-repeat 0 0; text-align: center; width: 40px; height: 35px; }
#icons span a { display: block; float: left; background: #CADBE1; text-align: center; width: 40px; height: 35px; }
#icons span a:hover { background: transparent; }
#icons span img { position: relative; top: 10px; }

#phone1 { position: absolute; top: 50px; left: 68px; }
#phone1 span, #phone1 sup { display: block; float: left; margin-right: 2px; }
#phone1 sup { position: relative; top: -5px; font-size: 13px; font-family: Arial; color: #828282; }
#phone1 span.big { font-size: 24px; color: #333; font-weight: bold; }
#phone1 span.blue { position: relative; top: 23px; left: -112px; font-size: 14px; color: #609DC8; }

#phone2 { position: absolute; top: 52px; left: 250px; font-size: 14px; color: #838383; width: 90px; }
#phone2 sup { display: block; float: left; position: relative; margin-right: 2px; font-family: Arial; font-size: 9px; }

#carphoto { float: left; margin: 20px 0; width: 484px; }
#carphoto .wrap { padding: 11px; background: url(/img/wrap-big.gif) no-repeat 0 0; width: 484px; height: 370px; voice-family: "\"}\""; voice-family: inherit; width: 462px; height: 348px; }
#carphoto .wrap img { display: block; width: 462px; height: 348px; }
#carphoto .photos { margin-top: 5px; margin-left: 11px; }
#carphoto .photos a { margin-right: 7px; }
#carphoto .photos a img { margin-top: 5px; border: 1px solid #ddd; width: 106px; height: 81px; }

#properties { margin: 20px 0; margin-left: 510px; }
#properties .header { margin-bottom: 10px; padding: 5px 10px; color: #fff; font-weight: bold; background: #E5C800 url(/img/arrow-char.gif) no-repeat right 8px; text-transform: lowercase; }
#properties p { padding: 4px 10px; border-bottom: 1px solid #CCDCE2; }
#properties p:last-child { border-bottom: 0; }
#properties p span { display: block; float: left; color: #000; font-weight: bold; width: 130px; }

#content form.order { margin: 40px 0 20px 0; margin-right: -10px; background: url(/img/order-bg.gif) no-repeat 0 0; height: 65px; }
#content form.order a.image { position: relative; top: 15px; left: 17px; }

#content form.order_more { margin-top: 20px; margin-bottom: 20px; margin-right: -9px; background: #F4FAFC url(/img/form-order-bg.gif) repeat-y 0 0; }
#content form.order_more .sub { background: url(/img/form-order-bg-top.gif) no-repeat 0 0; }
#content form.order_more .sub1 { padding: 10px 30px; background: url(/img/form-order-bg-bottom.gif) no-repeat 0 bottom; }
#content form.order_more p { padding: 10px 0; font-size: 12px; }
#content form.order_more p label { display: block; float: left; position: relative; top: -2px; padding-right: 20px; color: #000; text-align: right; width: 280px; }
#content form.order_more p label sup { margin-right: -6px; color: red; }
#content form.order_more p label small { color: #666; }
#content form.order_more p input.text { width: 540px; }
#content form.order_more p textarea.textarea { width: 540px; }

/* Контент
-------------------------------------------------*/
#wrapper { float: left; width: 100%; }
body.mainPage #wrapper { margin-top: 594px; }
body.secPage #wrapper { margin-top: 260px; }

#content { position: relative; margin-bottom: 200px; padding-bottom: 1px; }
body.mainPage #content { padding-left: 20px; padding-right: 20px;  background: #fff; }
body.secPage #content { left: 3px; padding-left: 40px; padding-right: 40px; background: transparent; }

body.mainPage #content1 { position: relative; margin: 0 0 5px 0; padding: 30px; border: 1px solid #CCDCE2; }

#content1 .corner1 { position: absolute; top: -1px; left: -1px; background: url(/img/corner1.gif) no-repeat 0 0; width: 17px; height: 17px; }
#content1 .corner2 { position: absolute; bottom: -1px; left: -1px; background: url(/img/corner2.gif) no-repeat 0 0; width: 17px; height: 17px; }
#content1 .corner3 { position: absolute; bottom: -1px; right: -1px; background: url(/img/corner3.gif) no-repeat 0 0; width: 17px; height: 17px; }

html:first-child #content1 { border: 0; }
html:first-child #content1 .corner1 { display: none; }
html:first-child #content1 .corner2 { display: none; }
html:first-child #content1 .corner3 { display: none; }

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { margin: 0; padding: 0; font-weight: normal; line-height: 38px; }
#content #content1 .header { margin: -15px -15px 10px -15px; padding: 0 20px; background: url(/img/hbg.gif) no-repeat 0 0; text-transform: lowercase; height: 39px; }

#content .header_f { position: relative; margin: 0 -2px 0 -3px; padding-left: 20px; background: url(/img/hbg-first.jpg) no-repeat 0 0; line-height: 38px; height: 39px; }
html:first-child  #content .header_f { left: -1px; }
#content .header_f   a.print { display: block; float: right; margin-right: 20px; padding-right: 20px; font-weight: normal; background: url(/img/print.gif) no-repeat right 13px; }
#content .header_f strong.black { color: #000; }
#content .header_blue { margin: 0 3px 0 3px; background: url(/img/hbg2.gif) no-repeat 0 0; line-height: 34px; height: 35px; }
#content .header_blue .select { float: right; padding-right: 20px; }

#content .count { padding-right: 20px; }
#content .count span.red { padding: 0 4px; color: #fff; font-weight: bold; background: red; }

#content .listing { padding-left: 10px; }
#content .listing a { margin: 0 4px; font-weight: normal; }
#content .listing span { padding: 0 4px; color: #000; background: #fff; }

#content p.sort { padding: 15px 0 20px 0; }
#content p.sort span, #content p.sort a { display: block; float: left; margin: 0 4px; padding: 2px 4px 3px 4px; font-weight: normal; }
#content p.sort span.active { margin: 0 4px; padding: 1px 4px 2px 4px; color: #000; font-weight: bold; background: #F7FAFB; border: 1px solid #CCDCE2; }

#content p.arrow { padding-left: 20px; background: url(/img/arrow-back.gif) no-repeat 0 0; }

#content .thumbs { margin: 0 -15px -15px -15px; }
#content .thumbs .thumb { float: left; margin-bottom: 15px; width: 226px; height: 260px; }
#content .thumbs .blue { background: #F2F6F8 url(/img/wrap.gif) no-repeat 0 0; }
#content .thumbs .thumb .img { margin-top: 7px; margin-left: 10px; padding: 5px; background: #F2F6F8; width: 207px; voice-family: "\"}\""; voice-family: inherit; width: 197px; }
#content .thumbs .thumb .img img { display: block; margin-left: 1px; border: 1px solid #E0E0E0; width: 193px; height: 145px; }
#content .thumbs .thumb strong, #content .thumbs .thumb span { display: block; padding: 0 25px; }
#content .thumbs .thumb .img img { margin-left: 1px; border: 1px solid #E0E0E0; }
#content .thumbs .thumb strong.head { padding: 10px 11px 0 11px; background: url(/img/arrow.gif) no-repeat 11px 15px; }
#content .thumbs .thumb strong.head a { padding-left: 14px; color: #000; text-decoration: underline; }
#content .thumbs .thumb strong.head a:hover { color: #000; text-decoration: none; }
#content .thumbs .thumb span.price { padding-top: 5px; }
#content .thumbs .thumb span.price strong { display: inline; padding: 0; font-size: 13px; color: #ff0000; }
#content .thumbs .thumb span.price strong sup { font-size: 10px; font-weight: normal; }

#content p.arrow { margin: 0 25px; padding-left: 15px; background: url(/img/arrow2.gif) no-repeat 0 16px; }
#content p.arrow span { display: block; float: left; }
#content p.arrow span.number { position: relative; top: -5px; margin-right: 3px; padding-top: 5px; padding-left: 7px; color: #fff; background: #ff0000 url(/img/number.gif) no-repeat 0 0; text-align: center; width: 31px; height: 25px; voice-family: "\"}\""; voice-family: inherit; width: 24px; height: 20px; }

table.cars { position: relative; left: 3px; margin: 20px 0; border-collapse: collapse; width: auto; voice-family: "\"}\""; voice-family: inherit; width: 100%; }
table.cars tr td { padding: 10px 0; vertical-align: top; width: 450px; voice-family: "\"}\""; voice-family: inherit; width: 49.9%; }
table.cars tr td a.pic { display: block; float: left; padding: 11px 0 0 11px; background: #ECF2F4 url(/img/wrap2.gif) no-repeat 0 0; width: 217px; height: 170px; voice-family: "\"}\""; voice-family: inherit; width: 206px; height: 159px; }
table.cars tr td a.pic img { display: block; width: 193px; height: 145px; }
table.cars tr td div { margin-left: 240px; width: 167px; }
table.cars tr td div big { display: block; margin-bottom: 10px; font-size: 13px; }
table.cars tr td div big a { color: #000; text-decoration: underline; }
table.cars tr td div big a:hover { color: #000; text-decoration: none; }
table.cars tr td div p { padding: 2px 0; border-top: 1px solid #CCDCE2; }
table.cars tr td div p span { display: block; float: left; width: 95px; }
table.cars tr td div p strong.red { display: inline; padding: 0; font-size: 13px; color: #ff0000; }
table.cars tr td div p strong.red sup { font-size: 10px; font-weight: normal; }

#content .leftCol { float: left; margin-top: 60px;  background: url(/img/catalog.jpg) no-repeat 0 0; width: 320px; height: 400px; }
#content .leftCol a.catalogLink { display: block; position: relative; top: 340px; left: 170px; }

#content .rightCol { margin-left: 330px; }
#content .rightCol h2 { margin-top: 20px; font-size: 14px; color: #000; font-weight: bold; }
#content .rightCol h3 { font-size: 12px; color: #000; font-weight: bold; }

#content .bigFont { font-size: 12px; line-height: 16px; }

/* Подвал
-------------------------------------------------*/
#footer { position: absolute; bottom: 0; left: 60px; color: #416C8A; height: 170px; }
#footer a { text-decoration: none; }
#footer a:hover { text-decoration: underline; }