html {font-size: 100.01%}
html, body {width: 100%; height: 100%}

body {color: #362505; font: 81.25%/1.4 Arial, sans-serif; text-align:center;}
body.feedback {text-align: left}

#layout {text-align:left; min-width: 1000px; overflow: hidden; position: relative; width: 100%;}
#header {padding-top: 80px; position: relative; width: 100%; zoom: 1}
#main-layout {clear: both; margin: 0 auto; width: 1000px;position:relative;}
#waterfall {background: transparent url(/i/sidebar-bg.gif) left bottom no-repeat; text-align: right; height: 560px}
#waterfall div {background: transparent url(/i/waterfall.jpg) right top no-repeat; text-align: right; width: 280px; height: 542px;float: right}
#waterfall div object{float: right}
#logo {left: 0; position: absolute; top: 0; zoom: 1; z-index: 100;}

#menu {font-size: 1.077em; height: 70px; margin: 20px auto 0; overflow: hidden; padding: 10px 0 0 68px; text-shadow: 0 1px 0 #fff; width: 932px;}
#menu ul {}
#menu ul li {display: inline; background: url(/i/menusep.png) 0 50% no-repeat scroll; padding: 0 12px;}
#menu ul li.last { padding: 0 16px;}
#menu ul li.first {background: none;}
#menu ul li a {color: #7c7363; text-decoration: none;}
#menu ul li a:hover, #menu ul .active {color: #b24c1b;}
#menu .topaero a {color: #0c348e;}
#menu .topaero a:hover {color: #3278c0;}

#content {float: left; padding-left: 15px; width: 665px;}
#content ul, #content ol{margin: 0 0 1.5em 3em}
#content ul li{list-style: disc; margin-bottom: 0.5em;}
#content ol li{list-style-type: decimal}

#sidebar {float: right; padding: 15px 15px 240px 0; width: 284px; height:100%;}
#sidebar p{margin-bottom: 1em}
#sidebar h3{font-size: 1.154em; color: #000; margin-bottom: .2em}

/*.topol-eco {background: url(/i/topol-eco.png) 0 0 no-repeat scroll; height: 85px; position: absolute; top: 15px; right: 40px; width: 85px;}*/

.consalt .tel{font-size: 1.3em; font-weight: bold; color: #1e3c03;}
.consalt .big-tel{font-size: 1.616em; font-weight: normal; color: #1e3c03;}
/*.consalt .name{font-size: 1.1em; font-weight: normal; color: #1e3c03;}*/

.shema {border: 1px solid #933; padding: 1px; margin: 5px 10px 10px 0; float: left}

#footer {background: url(/i/footer-bg.png) 50% 0 no-repeat scroll; overflow: hidden; margin: 10px 0; text-align:center; position: relative;  width: 100%;}
#foot {margin: 0 auto; padding-top: 70px; width: 1000px;}
#bottom-menu {font-size: 1.077em; margin: 0 auto 20px; width: auto; text-shadow: 0 1px 0 #fff;}
#bottom-menu ul li {float: left; background: url(/i/bmenusep.png) 0 50% no-repeat scroll; line-height: 41px; padding: 0 6px;}
#bottom-menu ul li.first {background: none;}
#bottom-menu ul li.active {color: #933; font-weight: bold}
#bottom-menu ul li a {color: #0a6f00; text-decoration: none}
#bottom-menu ul li a:hover {color: #c33}

h1 {font-size: 2em; color: #060606; margin-bottom: 1.0em; border-bottom:1px solid #060; color:#060; font-weight:normal;}
h2 {font-size: 1.077em; color: #1e3c03; margin-bottom: .77em; margin-top: 1.2em;}
a {color: #1e3c03;}
a:hover {color: #e33}

#content a {font-weight: bold;}
#content p {margin-bottom: 1.5em}

#content ul.advance {float: left; margin: 0 0 15px 0}
#content ul.advance li{list-style: none}
ul.advance span{color: #933; font-weight: bold}

ul.half-page {width: 50%; float: left}
ul.half-page li{padding-right: 20px; list-style: disc}
sup {margin-bottom: 1em}
p.nb {color: #933; line-height: 120%}
hr {border-top: 1px solid #3E2520; color: #3E2520; height: 1px; background: #3E2520;}

table {margin-bottom: 10px}
table.methods td{padding: 5px}
table.methods td.image{vertical-align: middle !important}
table.methods td.header {border-top: 1px solid #933; border-bottom: 1px solid #933}

table.price {font-size: .9em}
table.price td.cost {white-space: nowrap; text-align: right;}

table.price,table.price tr,table.price td,table.price th{border:1px solid #402722;}
table.price{width:99%;margin:1em 0;}
table.price th{background:#feffee;color:#333;border-bottom:1px solid #402722;padding: 2px; line-height: 1.2; text-align: center;}
table.price tr {background:#feffee;color:#333;padding: 2px;hover: expression(this.onmouseover=new Function("this.style.background='#d9d1cc';"), this.onmouseout=new Function("this.style.background='#feffee';"));}
table.price tr:hover{background:#d9d1cc;}
table.price td{padding: .3em;}
.discount {color: #e00; font-weight: bold;}


table.selection td{padding: .2em; vertical-align: top}
input#r1 {width:90%;}
#r2 {background:#fff; border:1px solid #999999; color:#339900; display:block; padding:1px 3px 0; width:90%; height: 1.385em}



.headbanner {display: inline; width: 650px; margin: 80px 0 0 -325px; min-height: 115px; left: 50%; position: relative; text-align: center; z-index: 1}
.headbanner object, .headbanner img {}
.hbanner {width: 600px; margin: 0 auto 1em; text-align: center; font-size: 140%}
#counter {float: right; margin: 2px 0 8px 10px}
.clear {clear: both; line-height: 0; height: 0; overflow: hidden; font-size: 0}
.pathway {margin-bottom: 2em}

#LoginPanel {display: none; width: 210px; padding: 20px; border: 1px solid #666; background: #fff; position: absolute; z-index: 100; right: 0; top: 2em}
#LoginPanel label {width: 50px; float: left; display: block; line-height: 20px;}
.login {float: right;}
.jot-list {width: 100% !important}

#copyright {width: 200px; height: 40px; padding: 10px 0 0 10px; text-align: left; float: left}
#copyright img{float: left; margin-right: 5px}
#copyright p{margin: 0; font-size: .8em;}
#copyright a:link, #copyright a:visited {color: #f2f0e4; text-decoration: none}
#copyright a:hover {text-decoration: underline}

.quotes {font-size: 1.077em; min-height: 75px; height: auto !important;  height: 75px; padding: 10px 0 0 65px;}
.quote p{font-weight: bold; margin: 0 0 .3em !important; font-style: italic; color: #3c2a03; text-align: right; }
.quote p.author{font-style: normal; font-weight: normal; text-align: right; margin: 0 !important; color: #1e3c03}

h1.slogan {font-size: 1.231em; font-weight: normal; height: 48px; left: 50%; line-height: 48px; margin-left: -325px; margin-bottom: 0; position: absolute; top: 15px; width: 650px; text-transform: none; text-shadow: 0 1px 0 #fff;}
.copyright {text-align: right}
.copyright h1{font-size: 1em; font-weight: normal; text-transform: none; text-align: right;}
.copyright a {color: #362505}

.articles ul li, .models-list ul li{margin-bottom: .3em}
.models-list ul li.last{margin-top: .7em}
ol.articles-list li {margin-bottom: 1em}

.sideblock { margin-bottom: 2em; position: relative; width: 255;}
.sideblock .top {padding-top: 15px; width: 100%;}
.sideblock .bottom { overflow: hidden; padding: 0 15px 15px;}
.sideblock li {background: url(/i/bullet.png) 0 5px no-repeat scroll; padding: 0 0 0 10px;}
.sideblock li.last {background: none; text-align: center;}

.thumb {float: left; margin: 0 1em 0 0}
.scheme img, .thumb img{border: 1px solid #933}
#content .th p {margin-bottom: .5em}

.clr {clear: both}

img.cert {margin: 0 0 2em 0; display: block}

.owner {margin-bottom: 2em}
.owner em {margin-bottom: .385em; display: block;}
#content .owner p{margin-bottom: .231em}

a.arr {text-decoration: none;}

.feedback {float: left}
.feedback h1{text-align: left; text-transform: none; margin-bottom: .6em}
.feedback p{margin-bottom: 1em; font-size: 90%}
.feedback #layout{background: none; padding: 2em; margin: 1em 1em 0; min-width: 430px; width: 430px; line-height: 1.3}
.feedback dl{clear: both; overflow: hidden; margin-bottom: 1em}
.feedback dl dt {width: 8em; float: left; padding-top: .231em; font-size: 90%}
.feedback dl dd {margin-left: 8.3em; width: 22em}
.feedback dl dd.field input {font-size: 110%}
.feedback dl dd.field input, .feedback dl dd textarea {width: 100%}
.feedback dl dd span {font-size: 80%; color: #666}


a.popup {text-decoration: none;}
a.popup span {text-decoration: underline;}
a.feed {margin-right: 10px}
a.popup img{left: -2px; position: relative; top: 4px;}

h2.topaero-adv-title {background: url(/i/topaero-h2-bg.gif) 0 0 no-repeat scroll; font-weight: bold; font-size: 14px; color: #fff; padding: 2px  0 0 56px; margin-left: -20px; line-height: 1.2; height: 39px; width: 120px;}
ul.topaero-advances {margin: 0; padding: 0; font-size: 0.923em; margin-bottom: 3em !important; overflow: hidden; font-weight: bold;}
ul.topaero-advances li {float: left; width: 48%; margin-right: 1%; list-style: none !important}
ul.topaero-advances li.first {color: #fd0001}
.topaero-compare {position: relative; font-size: 0.847em; margin: 0 auto;  width: 620px; zoom: 1}
.topaero-compare div {position: absolute;}
.topaero-compare .left, .topaero-compare .right {top: 10px; line-height: 1.4}
.topaero-compare .left {left: 20px; text-align: left;}
.topaero-compare .right {right: 20px; text-align: right;}
.topaero-compare .bottom {text-align: center; top: 140px; width: 620px; left: 0}
.topaero-compare .topas-price, .topaero-compare .topaero-price {font-size: 24px; font-weight: bold; top: 490px}
.topaero-compare .topas-price {color: #03820f; left: 175px;}
.topaero-compare .topaero-price {color: #15578b; left: 390px;}

.errors {padding: 1em; margin-bottom: 1em; font-size: 80%; background: #fbb; border: 1px dashed red}

.bubble {height: 224px; position: absolute; right: -120px; bottom: 0px; width: 217px; }

.ideya {float: left;}

.clearfix:after {
	visibility: hidden;
	display: block;
	clear: both;
	content: " ";
	height: 0;
}

* html .clearfix {
	height: 1%;
}
*:first-child+html .clearfix {
	min-height: 1px;
}
/* skygarant */
img.left {float:left; margin-right:10px;}

ol {}
ol li {margin-bottom:15px;}

.breadcrumbs {padding:10px 0 0;}

/* topas tabs */
.topas-models {border-collapse:collapse;}
.topas-models td {border:1px solid #333; padding:5px 0;}



#content .pagination ul {
    list-style: none outside none;
    text-align: center;
}
#content .pagination ul li {
    display: inline;
    margin: 0 5px;
}