html, body {}
body {background: #d7d6d6 url(../i/bg-top.png) 0 0 repeat-x scroll; font: 81.25%/1.5 Arial, sans-serif; min-width: 1000px}

h1, h2, h3{color: #252525; line-height: normal;}
h1 {font-size: 1.693em; font-weight: normal; margin-bottom: 1em;}
h2 {font-size: 1.385em; font-weight: normal; margin: 1.5em 0 .25em;}
h3 {font-size: 1.077em; margin: 1em 0 .5em;}
p {margin-bottom: 1em;}
ul {margin: 0 0 1em 2em}
ul li{margin: 0 0 .462em 0}
ul li ul{margin: 0.462em 0 0.462em 2em}
:link, :visited {color: #0d5581; text-decoration: underline}
:link:hover, :visited:hover {color: #2c8ac3}

.wrapper {background: url(../i/bottom-bg.png) 0 100% repeat-x scroll; position: relative; width: 100%;}

.header {background: url(../i/header-bg.png) 50% 0 scroll no-repeat; position: relative;}
  .header__inner {background: url(../i/header.jpg) 0 0 scroll no-repeat; height: 260px;  margin: 0 auto; position: relative; width: 1000px;}
.logo {position: relative; top: 10px; padding-left: 20px; width: 280px; float: left; z-index: 10}
.topol-logo {float: right; margin-bottom: 4px; position: relative; right: 10px; top: 0; width: 120px}

.header-window {
    overflow: hidden;
    position: absolute;
    top: 104px;
    left: 50%;
    width: 1000px;
    height: 148px;
    margin-left: -500px;
}

.slogan {left: 390px; position: absolute; top: 35px;}

.top-ads {margin-bottom: 2em; text-align: center;}

.page{background: url(../i/page-bg.png) 50% 0 repeat-y scroll; position: relative; width: 100%;}
.page__inner {background: #fff url(../i/topas_silouette.png) 0 100% no-repeat scroll; margin: 0 auto; position: relative; width: 1000px;}
.page__left {float: left; padding: 0 0 250px 0; width: 190px;}
.page__right {float: left; width: 190px;}
.page__center {float: left; padding: 2em 20px 2em 0; width: 600px;}

.footer {background: url(../i/footer-bg.png) 50% 0 repeat-y scroll; clear: both; position: relative; text-align: center;}
.footer__inner {background: url(../i/footer.png) 0 0 no-repeat scroll; height: 145px; margin: 0 auto; position: relative; width: 1000px;}

.footer h1 {color: #fff;}

.menu_main {background: url(../i/semiblack.png) 0 0 repeat scroll; clear: both; z-index: 10; position: relative;}
.menu_main__links {text-align: center;}
.menu_main__item {display: block; float: left; margin: 0;}
.menu_main__link, .menu_main__link:visited {color: #fff; display: block; float: left; font-weight: bold; height: 29px; line-height: 29px; padding: 0 0.75em; text-decoration: none; text-shadow: 0 1px 2px #000;}
.menu_main__link:hover, .menu_main__item_active .menu_main__link {background: url(../i/menu-active.png) 0 0 repeat-x scroll; color: #fff;}

.menu {margin: 0;}

.menu_footer {padding-top: 1.25em;}
.menu_footer__item {list-style: none; display: inline; padding: 0 .5em; line-height: 2;}
.menu_footer__link, .menu_footer__link:visited {color: #fff; text-decoration: none; white-space: nowrap;}
.menu_footer__link:hover {color: #fff; text-decoration: underline;}

.menu_models {background: url(../i/menu-shadow-bottom.png) 0 100% no-repeat scroll; padding-bottom: 20px; width: 100%;}
.menu_models__links {background: url(../i/menu-shadow.png) 100% 0 repeat-y scroll; padding-right: 20px;}
.menu_models__item {background: #ece9e9; border-bottom: 2px solid #cfcdce; font-size: 0.924em; height: 24px; list-style: none; line-height: 24px; margin: 0; padding-left: 40px;}
.menu_models__item_last {border-bottom: none;}
.menu_models__link {border-right: 6px solid #b5b4b6; color: #000; display: block; text-decoration: none;}
.menu_models__item_active .menu_models__link, .menu_models__link:hover {border-color: #818284;}

.widget {margin-bottom: 2em;}
.page__left .widget {margin-right: 20px;}

.widget_contact {}
.widget_contact h4 {background: url(../i/title-bg.png) 0 0 repeat-x scroll; height: 27px; line-height: 27px; text-align: center;}
.widget_contact .widget__content, .widget_topas-reviews {background: #eae7e7;}

.widget_topas-reviews ul {margin: 0; list-style: none;}
.widget_topas-reviews ul li {margin-bottom: 0.75em;}

.widget_contact p{margin-bottom: 1em; line-height: 1.3}
.widget_contact .section{margin-bottom: 1.616em}
.widget_contact .tel, .widget_contact .email, .widget_contact .adr{color: #223c78; font-weight: bold}
.widget_contact .tel{font-size: 1.154em}
.widget_contact .tel .code{font-size: 0.667em; position: relative; top: -3px; font-weight: normal;}

.widget__content {padding: 0.5em 1em;}

.widget_owners {background: #eae7e7; padding: 0.5em; font-size: 0.924em}
.widget_owners h3 {margin-bottom: 0.616em}
.widget_owners em {color: #666; margin-bottom: 1em; display: block;}

#info.cut {height: 19em; overflow: hidden}
.hs{text-align: right}
.toggle {color: #666; cursor: pointer}
.toggle i{border-bottom: 1px dashed #666; font-style:normal}

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

.section-menu {margin-bottom: 2em;}
.section-menu a{font-size: 1.077em; line-height: 1.6;}
.section-menu a.active{font-size: 1.693em; text-decoration: none; cursor: default}

.work-time{font-weight: bold; line-height: 1.4; margin-bottom: 1em; color: #fd0202; text-align: center;}

.sblock {margin-bottom: 2em}
.sblock .lt{background: url(../i/rblock-lt.gif) 0 0 no-repeat scroll; width: 100%}
.sblock .rt{background: url(../i/rblock-rt.gif) 100% 0 no-repeat scroll; width: 100%}
.sblock .rb{background: url(../i/rblock-rb.gif) 100% 100% no-repeat scroll; padding: 10px 0 0; width: 100%}
.sblock .lb{background: url(../i/rblock-lb.gif) 0 100% no-repeat scroll; padding: 0 5px 10px; zoom:1}


.informer {min-width: 170px}

.models-list {margin: 0 0 0 -2em; overflow: hidden; zoom: 1; position: relative; padding-bottom: 1em}
.models-list .model{float: left; margin: 0 0 2em 2em; display: inline; text-align: center}
.models-list .model a{display: -moz-inline-block; display: inline-block; position: relative; border: 3px solid #fff; text-decoration: none !important; float: left}
.models-list .model a:hover{border: 3px solid #3e54a2}
.models-list .model a .corner {}
.models-list .model a:hover .corner span {background: url(../i/rcorner.gif) 0 0 no-repeat scroll;}
.models-list .model a span.name{display: block; width: 130px; bottom: -1em; line-height: 2em; left: 50%; margin-left: -65px; background: #fff; position: absolute; font-weight: bold; white-space: nowrap;}
.models-list .model img{display: block; margin-bottom: .231em; opacity: .7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);}
.models-list .model a:hover img{opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}

.rounded {position: relative; _zoom: 1}
.corner {width: 13px; height: 13px; display: block; overflow: hidden; position: absolute;}
.corner span {width: 13px; height: 52px; left: 0; display: block; position:absolute;}
.rounded .lt, .rounded .lb {left: -3px}
.rounded .rt, .rounded .rb {left: 100%; margin-left: -10px}
.rounded .lt, .rounded .rt {top: -3px}
.rounded .lb, .rounded .rb {margin-top: 100%; top: -7px}
.rounded .lt span {top: 0}
.rounded .rt span {top: -13px}
.rounded .rb span {top: -26px}
.rounded .lb span {top: -39px}

.f-selection  {position: relative; overflow: hidden; zoom: 1}
.f-selection .lb {padding: 1em}
.f-selection .ex-info {width: 53%; float: left}
.f-selection .m-info {width: 46%; margin-right: 1%; float: left}
.f-selection .m-info label, .f-selection .ex-info label {width: 67%; display: block; float: left; padding: .15em .6em 0 0; text-align: right}
.f-selection .m-info p, .f-selection .ex-info p {margin-bottom: .7em; line-height: 1.2; overflow: hidden}
.f-selection hr {clear: both; color: green; height: 1px}
.f-selection .total {width: 25%; float: left; display: block}
.f-selection .total input {text-align: right; margin-left: 1em}
.f-selection .rec input {margin-left: 1em}
.f-selection .total span, .f-selection .rec span {font-weight: bold}
.f-selection .reset  {margin-top: 1em}

.princip li{list-style: none}
.princip li span{color: #005000; font-weight: bold}
.shema{margin: 1em 1em 1em 0; float: left}

.map-link {width: 165px; margin-bottom: 1.616em}
.map-link a{display: inline-block; height: 34px; background: url(../i/map-icon.gif) 0 0 no-repeat scroll; padding-left: 40px; line-height: 34px; color: #22622d; text-decoration: none; font-weight: bold; font-size: .923em}
.map-link a:hover{text-decoration: underline}



.footer-man {position: absolute; left: 0; top: -317px; width: 280px; height: 310px; z-index: 1}
.snowmen {position: absolute; right: 0; top: -137px; width: 160px; height: 130px;}

.price {width: 99%; margin: 0 auto 1em; font-size: .923em}
.price, .price th, .price td {border: 1px solid #2aae4a}
.price th, .price td {padding: 0.5em 0.25em}
.price tbody tr {background:#fff;color:#333;padding: 2px;hover: expression(this.onmouseover=new Function("this.style.background='#eaeaea';"), this.onmouseout=new Function("this.style.background='#ffffff';"));}
.price tbody tr:hover{background:#eaeaea;}

.topaero_model {width: 99%; margin: 0 auto 1em; font-size: .923em}
.topaero_model, .topaero_model th{border: 1px solid #696c6f;}
.topaero_model td {border-left: 1px solid #696c6f; border-right: 1px solid #696c6f;}
.topaero_model th, .topaero_model td {padding: 0.5em 0.25em}
.topaero_model tbody tr {background:#fff;color:#333;padding: 2px;}
.topaero_model .gab td {background:#cfdde7; text-align:center;border-bottom: 1px solid #696c6f;}

.topas-info {overflow: hidden; zoom: 1}
.topas-info p{margin-bottom: 0; line-height: 1.2}
.topas-info img.model-view{margin: 0 2em 1em 0; border: 1px solid #22622d; float: left}
.topas-info h3.cost{font-size: 1.07em; color: #225f2f; margin-top: 0}
.topas-info h3.cost span{color: #223c78}
.topas-info h4{margin: .5em 0 0}
table.sheme-desc{margin: 1em 1px 2em}
table.sheme-desc, table.sheme-desc td{border: 1px solid #225f2f}
table.sheme-desc td{padding: 2px 4px}

.sh-small {float: left; margin: 0 1em 1em 0}

#oclock {padding: 5px; border: 2px solid #ebe8e8; color: #0d5581; font-weight: bold; margin-bottom: 5px; position: relative; line-height: 1}
#oclock span.time{font-size: 25px; float: left; margin-right: 0.5em;}
#oclock span{display: block}
#oclock .day {float: left; padding-left: 1em;}

#kurs {padding: 5px; border: 2px solid #ebe8e8; clear: both; font-weight: bold; margin-bottom: 5px; overflow: hidden;}
#kurs span{height: 20px; line-height: 20px; background: url(../i/kurs-bg.png) 0 -20px no-repeat scroll; padding: 2px 20px; color: #0d5581; }
#kurs span.euro{background-position: 0 0}

#weather {border: 2px solid #ebe8e8; color: #0d5581; font-weight: bold; margin-bottom: 5px; padding: 5px 2px; position: relative}
#weather p {margin: 0; line-height: 1}
#weather span {font-size: .923em;}
#weather .night {margin-right: 0.5em;}
#weather .current {display: block; float: left; height: 24px; line-height: 24px; margin-right: 1.5em; text-align: right; font-size: 1.25em;}
#weather .current img {vertical-align: middle;}

#directions {margin: 2em 0; }
#directions.rounded {border: 3px solid #3e54a2; padding: 15px 6px 10px}
#directions.rounded .lb, #directions.rounded .rb{margin-top:-10px; top:100%}
#directions h1{background: #fff; left: 50%; margin-left: -200px; position:absolute; text-align:center; top: -0.77em; width:400px}
#directions h3{text-decoration: underline; margin: 0 0 .3em}
#directions .corner span {background: url(../i/rcorner.gif) 0 0 no-repeat scroll;}
#directions .east ul, #directions .west ul{margin: 0}
#directions .east, #directions .west{float: left; color: #999}
#directions .east {text-align: right}
#directions .west-active{color: #223c78}
#directions .east-active{color: #22622d}
#directions ul li{list-style: none; padding: .2em; font-size: .923em}
#directions #mosmap{float: left; width: 260px; margin: 0 10px}
#directions #mosmap h3{text-decoration: none; color: #22622d; text-align: center}
#directions #mosmap .west, #directions #mosmap .east {float: left; margin: 0; padding: 0; background: url(../i/mosmap.gif) 0 0 no-repeat scroll; position: relative}
#directions #mosmap .west .tel, #directions #mosmap .east .tel {position: absolute; font-size: 1.077em; font-weight: bold; display: none}
#directions #mosmap .west{min-width: 120px; width: 120px; height: 245px; background-position: 0 0}
#directions #mosmap .west-active{background-position: 0 -245px}
#directions #mosmap .west-active .tel{display: block; bottom: 28px; left: 14px}
#directions #mosmap .east{width: 130px; height: 245px; background-position: -120px 0}
#directions #mosmap .east-active{background-position: -120px -245px}
#directions #mosmap .east-active .tel{display: block; top: 24px; left: 45px}

.pseudo {border-bottom: 1px dashed #666; padding: 0 0 1px; color: #666}

ul.trigger {margin: 0}
ul.trigger li {list-style: none; display: inline-block; margin: 0 1em 1em 0;padding: .3em 1em; cursor: pointer}
ul.trigger li.active {padding: 0; cursor: default}
ul.trigger li.active span {border-bottom: none; padding: .3em 1em; color: #fff; background:#22622d; }

.why-topas {margin: 1em}
.why-topas th{border-top: 1px solid #22622d; border-bottom: 1px solid #22622d; font-size: 1.07em; padding: .5em 0 }
.why-topas td{padding: .7em; vertical-align: top}
.why-topas td p{margin-bottom: .5em}
.why-topas td ul{margin: 0 0 .5em 1em; list-style: none}
.why-topas td ul li{margin-bottom: 0.75em;}
.why-topas td.minus, table.why-topas td.plus{padding-left: 40px}
.why-topas td.minus{background: url(../i/min.gif) 0 .7em no-repeat scroll}
.why-topas td.plus{background: url(../i/plus.gif) 0 .7em no-repeat scroll}

.warn{color: #c00}
.no-warn{color: #22622d}

blockquote {margin: 2em 0 2em 2em; padding: 1em .5em 1em 3em; border-left: 3px solid #999; background: #f0f0f0; display: block; color: #333; line-height: 1.4; font-style: italic; clear: both}
blockquote.tip {color: #696}

.intext-img {float: right; clear: right; display: block; margin: 0 0 1em 1em}
.inline-img {margin: 0 .5em 1em}

.left-banner {text-align: center; margin-bottom: 2em}

.owners h3{margin-top: 1em}
.owners p{display: inline}

.partners {text-align: center}
.partners h2 {margin-bottom: 1em; text-decoration: underline;}
.partners p {margin-bottom: 2em}

.pagenav {margin: 2em 0}
.pagenav a, .pagenav span {display: block; float: left; width: 2em; line-height: 2em; text-align: center; margin-top: .381em; margin-right: .231em}
.pagenav a:hover, .pagenav span.active {background: #B5B3B3; color: #fff}
.pagenav span.arr {color: #ccc}
.pagenav a.arr {text-decoration: none}

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

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