@import url(reset.css);

html, body, #wrapper  {height: 100%}
body {font: 81.25%/1.2 Arial, Tahoma, sans-serif}

body > #wrapper {height:auto; min-height:100%}
a{color: #39c; text-decoration: underline}
#wrapper  {background: #fff url(../i/main-bg.gif) repeat-y scroll center top; margin: 0 auto; width: 1000px}

#header {background: url(../i/header-bg.gif) no-repeat scroll center bottom; height: 190px; position: relative; text-align: center;}
	#logo{position: absolute; top: 15px; left: 90px;}
	.slogan{position: absolute; top: 2em; right: 6em}
	.slogan h1{text-align: right; color: #fff; font-size: 2em; font-weight: normal}
	.header_back {
	    width: 900px;
	    margin: 0 50px;
	}
	   .header_back img {
	       display: block;
	   }
	#mainmenu {text-align: center; zoom: 1; z-index: 10}
		#mainmenu ul {display:-moz-inline-box; display: inline-block; //display: inline; zoom: 1; position: relative}
			#mainmenu ul li{display: inline-block; margin-right: 0.5em; padding: 0 .25em; float: left; list-style: none; text-shadow: 0 0 1px #333}
			#mainmenu ul li.last{background: #d00;}
			#mainmenu ul li.last a:hover {background: none;}
			#mainmenu ul li img{vertical-align: middle;}
				#mainmenu ul li a, #mainmenu ul li.active span{color: #fff; display: -moz-inline-box; display: inline-block; font-size: 1.154em; height: 25px; text-decoration: none; padding: 12px 0.385em 0}
				#mainmenu ul li a:hover, #mainmenu .active a{background: url(../i/mainmenu-active.gif) center 0 no-repeat scroll}
				#mainmenu ul .last a {background-image: none;}
	#waterlily {position:absolute; right:50px; top:-10px; z-index:1;}
#main{padding: 0 70px 96px 80px; color: #666}
	#content{float: left; width: 590px; padding-top: 1em}
		#content h1, h1{color: #060; font-size: 1.539em; font-weight: normal; margin: .924em 0 .462em}
		#content h2{color: #060; font-size: 1.308em; font-weight: normal; margin: .924em 0 .462em}
		#content p{line-height: 1.4; margin-bottom: 1em}
		#content ul{margin: 0 0 1em 2em}
		#content ul li{margin: 0 0 .77em}
		#content ul li ul{margin: .77em 0 1em 1em}
		#content ul.advance{margin: 0}
		#content ul.advance li{margin: 0; list-style: none}
#main-info{background: url(../i/main-info.jpg) 0 0 no-repeat scroll; height: 255px;padding: 20px 40px 10px 10px;width: 530px;margin-bottom: 1em; position:relative;}
#main-info .bottomimg{bottom:0; position:absolute;left:0;z-index:1;}
			#main-info h1{color: #666; font-size: 1.77em; margin: 0 0.5em .077em}
			#main-info p{color: #333; font-size: .924em;position:relative; z-index:10;}
	#sidebar{width: 240px; padding: 0 0 20px 20px; float: right}
		#sidebar h3{margin-bottom: .5em}
		#sidebar ul li{list-style: none; margin-bottom: .5em}
.gerbs{background: url("../i/gerbs.png") no-repeat scroll 0 0 transparent;height: 23px; line-height: 23px; margin-bottom: 2px;margin-top: 3px;padding-left: 23px;display:block;}
.gerbs.soln{background-position:0px 0px;}
.gerbs.cheh{background-position:0px -23px;}
.gerbs.dmit{background-position:0px -46px;}
.gerbs.domod{background-position:0px -69px;}
.gerbs.len{background-position:0px -92px;}
.gerbs.nf{background-position:0px -115px;}
.gerbs.odin{background-position:0px -138px;}
.gerbs.pod{background-position:0px -161px;}
.gerbs.serp{background-position:0px -184px;}
.gerbs.vlad{background-position:0px -207px;}
		.topol-logo{text-align: center; position:relative; top:12px;}
		.topol-logo img {display: block; margin: 0 auto;}
		.d-block {background: url(../i/stripe.gif) 0 0 repeat scroll; border: 1px dashed #25aa2a; z-index: 10; position: relative; padding: 1em; margin-bottom: 2em}
			#contact h2{background: url(../i/contact-icon.gif) 0 0 no-repeat scroll; color: #060; font-size: 1.539em; font-weight: normal; padding: 29px 0 15px 75px; margin: 0 0 .308em}
			#contact p{line-height: 1.4; margin-bottom: 1em}
			#contact .address {font-size: 1.231em; color: #125ea9;}
			#contact p.work-time{color: #125ea9; font-size: 1.077em; text-align: center; margin: 0 0 .539em}
			#contact p span.ph-number{color: #d00; font-size: 1.381em; font-weight: bold;}
		.interesting {line-height: 1.4}
		ul.half-page {width: 45%; float: left}

		img.shema {margin-right: 2em; float: left}
		#content table, #content table th, #content table td {border: 1px solid #ccc}
		#content table th {text-align: center}
		#content table th, #content table td {padding: 5px 3px}
		table.price-list {font-size: .924em; margin-bottom: 2em}
			table.price-list td{text-align: center}
			table.price-list th{background: #eaeaea; color: #060}
			table.price-list tr.alt td{background: #eaeaea}
			table.price-list td.name{text-align: left; font-weight: bold; width: 6em; color: #39c}
			table.price-list td.cost{text-align: right; white-space: nowrap; font-weight: bold;}
			table.price-list .specCost{color: #f00; font-weight: bold}
			table.price-list td.specCost{white-space: nowrap;}

		#content table.selection, #content table.selection td, #content table.selection table, #content table.selection td{border: none}
		#content table.selection{margin-bottom: 2em}
		table.selection input.recom{color: #39c; cursor: default}

#footer {clear: both; background: url(../i/footer-shad.gif) no-repeat scroll center top; height: 96px; margin: -96px auto 0; clear: both; width: 1000px;}
	#foot {margin: 0 auto; text-align: center; width: 1000px; height: 100%; zoom: 1; position: relative}
	#foot ul{position: relative; display:-moz-inline-box; display: inline-block; //display: inline; zoom: 1}
		#foot ul li{display: block; float: left; line-height: 25px; border-right: 1px solid #679977; padding: 0 0.5em; margin-top: 4.924em}
		#foot ul li.last{border: none}
			#foot ul li a, #foot ul li.active span{display: block; float: left; color: #fff; line-height: 1.924em; text-decoration: none}
		#copyright {position: absolute; top: 65px; left: 65px}

.otzyv, .section {position: relative; padding-bottom: 2em; margin-bottom:2em; border-bottom: 1px dashed #25AA2A}
.section {padding-bottom: 1em; clear: both; overflow: hidden; margin-bottom: 1em; zoom: 1}
.otzyv p {margin-bottom: 0 !important}
.otzyv em {font-weight:bold;}
.otzyv a.readmore {position: absolute; bottom: .616em; right: 1em;}

.map {width: 590px; height: 385px; background: url(../i/map.jpg) 100px -16px no-repeat scroll; margin: 2em 0 3em; overflow: hidden; position: relative;}
.map .depart {color: #333; font-family: Tahoma, sans-serif; font-size: 1.035em; clear:both; float:left; margin-top:10px; position:relative; width:182px; margin-left:30px;}
.map .n {clear: left; float: left; }
.map .depart h3 {line-height: 1.4; margin-bottom: 0}
.map .depart h3 .phone {color: #060; display: block; font-size: 1.286em;  font-weight: bold;}
.map .depart-1 {left: 230px;}
.map .depart-2 {left: 460px; top: 200px;}
.map .depart-3 {bottom: 0; left: 200px;}
.map .depart-4 {bottom: 40px; left: 20px;}
.map .depart-5 {left: 20px; top: 120px;}
.map ul {margin: 0 !important; border-top: 2px solid #006600; padding-top: 0.5em;}
.map ul li {background: url(../i/bullet.gif) 0 0 no-repeat scroll; list-style: none; line-height: 16px; margin: 0 0 .3em !important; padding-left: 20px}

#feedback {background: url(../i/stripe.gif) 0 0 repeat scroll; margin: 0 auto; padding: 0 20px; width: 460px;}
#feedback h1{margin-top: 0; padding-top: 1em;}
#feedback #wrapper{background: transparent; width: 100%; }
#feedback form dl{clear: left; overflow: hidden; margin-bottom: 1em}
#feedback form dt{float: left; font-weight: bold;width: 8em; padding-top: .231em}
#feedback form dd{margin-left: 9em}
#feedback form dd.field input{width: 85%; margin-bottom: .231em; color: #333}
#feedback form dd.textarea textarea{width: 85%; color: #333}
#feedback 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}

.feedback-link {margin-bottom: 1.5em;}
.feedback-link a {color: #125EA9; border-bottom: 1px dotted #125EA9; font-size: 1.231em; margin-left: 20px; position: relative; text-decoration: none; zoom: 1;}
.feedback-link img {left: -20px; margin-top: -6px; position: absolute; top: 50%;}

.cane {background: url(../i/cane.png) 0 0 no-repeat scroll; height:126px; left:-30px; position:absolute; top:33px; width:286px;}

/* CLEAR FIX*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
.clearfix {display: inline-block}
* html .clearfix {height: 1%}
.clearfix {display: block}