.steps5 img.supp {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #3C3C3C;
    border-image: none;
    border-radius: 100px;
    border-style: solid;
    border-width: 0 0 3px 1px;
    float: left;
    margin: -30px 35px 0;
    position: relative;
    z-index: 555;
}

body {
	font-family: Arial,Helvetica, sans-serif ;
	
	color: #555555;
}

.captcha1, .captcha2, .captcha3 {
	display: none;
}


/* диалоговое окно с формой */

.ds {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	text-align: center;
	background: url(/img/ds.png);
	z-index: 600;
}
#online-call .wrapper, #details .wrapper {
	width: 500px;
	margin: 200px auto 0px auto;
}
#online-call .popup, #details .popup, #cboxContent {
	border: 5px solid #aaa;
	border-radius: 10px;
	background-color: #fefefe !important;
	padding: 30px 30px 20px 30px;
	position: relative;
	background: white;
}

#cboxContent {
	padding: 5px;
	margin: 0 0 32px  !important;
}

#cboxLoadedContent {
background-color: #fefefe !important;
}

.popup-close, .popup-close2, #cboxClose {
	position: absolute;
	right: 13px !important;
	top: 13px !important;
	width: 22px !important;
	height: 22px !important; 
	background: url("/img/colorbox-bg.png") no-repeat scroll -154px -37px transparent !important;
	cursor: pointer !important;
}

#cboxPrevious, #cboxNext {
	width: 50% !important;
	height: 100% !important; 
	cursor: pointer !important;
}

#cboxTitle {

}

#cboxPrevious {
left: 0;
background: url("/img/btn-prev.png") no-repeat scroll 0 50% transparent !important;
}

#cboxNext {
background: url("/img/btn-next.png") no-repeat scroll 100% 50% transparent !important;
right: 0 !important;
}

.popup .title:first-line {
	color: #006699;
	font-size: 20px;
	font-weight: bold;
	line-height: 45px;
}

.popup .title{
	color: #000;
	font-size: 18px;
	font-weight: normal;
	padding-bottom: 30px;
}

.popup .row {
	font-size: 14px;
	color: #000;
	padding-bottom: 7px;
}
.popup .row div {
	float: left;
	padding-right: 10px;
	padding-top: 5px;
	width: 120px;
	color: #666666;
	font-size: 18px;
	text-align: right;
}
.popup input {
	border: 1px solid #CECECE;
	border-radius: 5px 5px 5px 5px;
	font-size: 16px;
	padding: 5px;
	width: 215px;
}
a.asend {
	display: block;
	margin: 20px 0 0px 140px;
	width: 174px;
	height: 48px;
	background: url('/img/btnHotOffer.png') left top no-repeat;
	cursor: pointer;
}

.topline {
    background: url("/img/content2TopShd.png") no-repeat scroll center top transparent;
    display: block;
    height: 4px;
    margin: -4px auto 1px;
    position: relative;
    width: 980px;
    z-index: 5;
}

.topline2 {
    background: url("/img/topline2.png") no-repeat scroll center top transparent;
    display: block;
    height: 4px;
    margin: 1px auto 0;
    position: relative;
    width: 980px;
    z-index: 5;
}

.botline {
	background: url('/img/content2BottomShd.png') center top no-repeat;
	height:10px;
	width: 980px;
	display: block;
	margin: 1px auto 0;
}

#content10 iframe,#content10 embed {
position: relative;
z-index: 5;
}

/* Основные стили сайта */

#wrapper {
	margin: 0;
	padding: 0;
	height: auto;
	width: 100%;
	position: relative ;
	/*background: url('/img/linear2.png') center top repeat-y; /* линейка для верстки */
	min-width: 980px;
	min-height: 100%;
}

#header {
    background: url("../img/bg3.jpg") repeat scroll 0 0 transparent;
    height: 408px;
    position: relative;
    width: 100%;
	padding-top:177px;
}

#header .inner2{
    background: url("../img/head-bg.png") no-repeat bottom center transparent;
    height: 408px;
    position: relative;
    width: 100%;
}


#header .inner {
	position: relative;
	height: 411px;
	width: 980px;
	margin: 0 auto;
}

#header .logo {
    background: url("/logo-mg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 180px;
    left: 392px;
    position: absolute;
    top: -20px;
    width: 195px;
}

#header h1 {
    color: #666666;
    font: bold 37px/40px Arial,sans-serif;
    margin: 0 !important;
    position: relative;
    text-align: center;
    top: 177px;
    width: 980px;
}

#header h2 {
    color: #666666;
    font: 21px/30px Arial,sans-serif;
    left: 0;
    position: relative;
    text-align: center;
    top: 199px;
    width: 935px;
}

#header h2 img {
    margin: 5px 10px -11px 30px;
    width: 35px;
}

#header h2.tel {
    background-color: #fffccc;
    color: #333333;
    font: bold 30px/40px Arial,sans-serif;
    left: 230px;
    position: absolute;
    text-align: center;
    top: -80px;
    width: 518px;
}
#header h3 {
    color: #666666;
    font: 21px/30px Arial,sans-serif;
    left: 0;
    position: absolute;
    text-align: center;
    top: -159px;
    width: 980px;
}

#header h4 {
    color: #666666;
    font: bold 11px/30px Arial,sans-serif;
    left: 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    top: -77px;
    width: 980px;
}

#header .inner .callBack {
    background: url("/img/vibor.png") no-repeat scroll left 0 rgba(0, 0, 0, 0);
    display: block;
    height: 60px;
    left: 287px;
    position: absolute;
    top: 355px;
    width: 405px;
}

#header .inner .callBack:hover {
    background: url("/img/vibor.png") no-repeat scroll left -60px rgba(0, 0, 0, 0);
}

.inner h1 {
margin: 30px 0 50px;
    color: #666666;
    font: bold 30px/40px Arial,sans-serif;
	text-align: center;
}

.inner {
width: 980px;
margin: 0 auto;
position: relative;
}

.vibor1 {
width: 100%;
height: 500px;
background-color: white;
margin-top: 77px;
}


.vibor1 .nis {
    float: left;
    margin: 0 10px;
    width: 300px;
    font: normal 17px/24px Arial,sans-serif;
}

.vibor1 h2 {
font: normal 20px/60px Arial,sans-serif;
}

.vibor1 .nis img{
    display: block;
    margin: 20px 80px;
	width: 136px;
	height: 160px;
}

.vibor {
width: 100%;
height: 699px;
background-color: white;
margin-top: 77px;
background: url("/img/questions-background.png") no-repeat scroll 40% center rgba(0, 0, 0, 0);
}

.vibor .nis {
    float: left;
    font: 17px/24px Arial,sans-serif;
    margin: 30px 10px -20px;
    width: 450px;
}

.vibor h2 {
    font: 20px/30px Arial,sans-serif;
    margin-bottom: 17px;
}

.vibor .nis img {
    display: block;
    float: left;
    height: 129px;
    margin: 0 20px 40px;
    width: 115px;
}

.steps5 {
background: #eeeeee;
    height: 400px;
    margin-top: 0;
    padding-top: 10px;
    width: 100%;
}


.steps5  .item {
}

.steps5  .item  img {
}

.steps5  .item  .name{
}

.steps5 .step {
    float: left;
    margin: 0 10px;
    width: 220px;
    font: normal 17px/24px Arial,sans-serif;
}

.steps5 .step1, .step2, .step3 {
    background: url("/img/tcs-bg.png") repeat-x scroll left center rgba(0, 0, 0, 0);
    border-bottom: 1px solid #B9BCC3;
    border-radius: 15px;
    border-top: 1px solid #FBFBFB;
    color: #333333;
    font: 15px/20px Arial,sans-serif;
    height: 55px;
    margin: 150px 0 60px;
    padding: 20px;
    position: relative;
    text-align: center;
    width: 215px;
}

.step2 {
    height: 35px;
	padding-top: 30px;
}

.steps5 .step1 img {
    margin: 0 10px;
    position: relative;
    top: 14px;
}
.steps5 .number {
    background: url("/img/numbers.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 47px;
    margin: 0 0 0 45px;
    position: relative;
    width: 47px;
    z-index: 999;
}

.steps5 .numb1 {
background-position: 0 0;
}

.steps5 .numb2 {
background-position: -47px 0;
}

.steps5 .numb3 {
background-position: -94px 0;
}

.steps5 .numb4 {
background-position: -141px 0;
}

.steps5 .numb5 {
background-position: -188px 0;
}

.steps5 .numb6 {
background-position: -235px 0;
}

.steps5 .numb7 {
background-position: -282px 0;
}

.steps5 .numb8 {
background-position: -329px 0;
}

.steps5 .numb9 {
background-position: -376px 0;
}

.steps7 {
background: url("/img/bg5.jpg") repeat fixed left center rgba(0, 0, 0, 0) ;
    height: 933px;
    margin-top: 0;
    padding-top: 10px;
    width: 100%;
}

.steps7 .nis {
    float: left;
    font: 17px/24px Arial,sans-serif;
    margin: 30px 10px -20px;
    width: 450px;
}

.steps7 h2 {
    font: 20px/30px Arial,sans-serif;
    margin-bottom: 17px;
}

.steps7 .nis img {
    display: block;
    float: left;
    height: 129px;
    margin: 0 20px 40px;
    width: 115px;
		border-bottom: 1px solid #B9BCC3;
    border-top: 1px solid #FBFBFB;
    border-radius: 15px 15px 15px 15px;	
	
}

.keys {
    height: 4850px;
    margin: 33px 0 0;
    padding-top: 10px;
    position: relative;
    width: 100%;
    z-index: 1;
}

.keys h1 {

}

.keys .left img{
float: right;
}

.keys .right img{
float: left;
}


.keys .left .name{
float: left !important;
margin: 0 15px 0 !important;
}

.keys .right .name{
float: right !important;
margin: 0 15px 0 !important;
}


.keys img {
    display: block;
    margin: 0;
    width: 600px;
}

.keys div.name {
    display: block;
    float: left;
    font: 17px/24px Arial,sans-serif;
    margin: 0 10px 0 0;
    width: 350px;
}

.keys div.name h2 {
    font: bold 24px/28px Arial,sans-serif;
    margin: 0 0 10px;
}

.keys div.name h3 {
    font: italic 15px/24px Arial,sans-serif;
    margin: 0 0 30px;
}

.keys div.name .text {
    font: 15px/20px Arial,sans-serif;
}

.keys div.name .text p {
    margin: 10px 0 20px;
}

.keys .item {
    float: left;
    height: 470px;
    width: 100%;
}

.keys a.lite {
text-decoration: none;
border-bottom: 1px dashed #649cd6;
color: #649cd6;
}

.keys a.lite:hover {
text-decoration: none;
border-bottom: 1px dashed #004991;
color: #004991;
}

.keys .call {
    background: none repeat scroll 0 0 #FFFAAA;
    border-radius: 7px;
    display: block;
    left: 170px;
    padding: 5px;
    position: relative;
    text-align: center;
    top: -45px;
    width: 150px;
	cursor: pointer;
}

.keys a.callBack {
color: #3c3c3c;
text-decoration: none;
	cursor: pointer;
}

.keys .call:hover {
    background: none repeat scroll 0 0 #fff555;
}

.keys a.callBack:hover {
border:none;
}

.keys2 {
        background: url("/img/bg2.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 877px;
    margin: -9px 0 0;
    padding-top: 10px;
    position: relative;
    width: 100%;
    z-index: 1;
}

.keys2 h1 {
color: white;
}

.keys2 h2 {
    color: #ffffff;
    font: 21px/30px Arial,sans-serif;
    left: 0;
    position: relative;
    text-align: center;
    top: -35px;
    width: 980px;
}

.keys2 .item a.first{
        background: url("/css/images/teh-main.jpg") no-repeat scroll top left rgba(0, 0, 0, 0);
		width: 700px;
		height: 547px;
		margin: 0 auto;
		position: relative;
		z-index: 5;
		display: block;
		border: 10px solid #bbbbbb;
		overflow: hidden;
}

.keys2 .item a.first:hover {
        background: url("/css/images/teh-main.jpg") no-repeat scroll top right rgba(0, 0, 0, 0);
		width: 700px;
		height: 547px;
		margin: 0 auto;
		position: relative;
		z-index: 6;
		display: block;
		border: 10px solid #dddddd;
		overflow: hidden;
}

.black {
color: #000000;
}

.red {
color: #ff0000;
}

.price {
    border-top: 2px dotted #CECECE;
    height: 577px;
    margin: -2px 0 0;
    padding-top: 30px;
    position: relative;
    width: 100%;
    z-index: 5;
}

.pprice {
    background: url("/img/present.jpg") no-repeat scroll top left rgba(0, 0, 0, 0);
    height: 577px;
    position: relative;
    width: 980px;
    margin: 0 auto;
    z-index: 5;
}

.price #price {
position: relative;
top: -55px;
}

.price h2 {
    font: 21px/30px Arial,sans-serif;
    right: 0;
    position: relative;
    text-align: left;
    top: -19px;
    width: 500px;
}

.price h3 {
    float: left;
    font: 15px/24px Arial,sans-serif;
    position: relative;
    right: -109px;
    text-align: right;
    top: -25px;
    width: 371px;
}

.price  h1:first-line {
font: bold 30px/40px Arial,sans-serif;
}

.price  h1 {
   text-align: right;
    font: 25px/40px Arial,sans-serif;
	position: relative;
	right: 20px;
}

.price .mailform {
    height: 250px;
    position: relative;
    right: -243px;
    width: 236px;
}

.price .inner {
    right: -233px;
    width: 500px;
}

.price .inner3 {
    right: 0px;
    width: 100%;
}

.price3 {
    background: url("/img/head-bg.png") no-repeat scroll top center rgba(0, 0, 0, 0);
    height: 577px;
    margin: -150px 0 0;
    padding-top: 147px;
    position: relative;
    width: 100%;
    z-index: 5;
}

.center {
    height: 533px;
}

.price3 #price {
position: relative;
top: -55px;
}

.price3 h2 {
    font: 21px/30px Arial,sans-serif;
    left: 0;
    position: relative;
    text-align: center;
    top: -19px;
    width: 980px;
}

.price3 h3 {
    font: 17px/24px Arial,sans-serif;
    left: 0;
    position: relative;
    text-align: center;
    top: 25px;
    width: 980px;
	float: left;
}

.price3 .mailform {
    height: 250px;
    position: relative;
    right: -380px;
    width: 240px;
}

.price3 .inner {
    right: -10px;
    width: 980px;
}

.price3 .inner3 {
    right: 0px;
    width: 100%;
}

.mailform2 input {
    -moz-appearance: none;
    border-color: #ABABAB #DDDDDD #DDDDDD #ABABAB;
    border-style: solid;
    border-width: 1px;
    float: left;
    font-size: 17px;
    margin: 10px 377px;
    padding: 10px 7px;
    width: 220px;
	position: relative;
	z-index: 100;
}

.mailform2 input.send {
    background: url("/img/send.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    border: medium none;
    cursor: pointer;
    height: 46px;
    margin-top: 15px;
    width: 236px;
    z-index: 5;
}

.mailform2 input.send:hover {
    background: url("/img/send.png") no-repeat scroll center -47px rgba(0, 0, 0, 0);
}

.mailform input {
    -moz-appearance: none;
    border-color: #ABABAB #DDDDDD #DDDDDD #ABABAB;
    border-style: solid;
    border-width: 1px;
    float: left;
    font-size: 17px;
    margin: 10px 0;
    padding: 10px 7px;
    width: 220px;
	position: relative;
	z-index: 100;
}

.mailform input.send {
    background: url("/img/send.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    border: medium none;
    cursor: pointer;
    height: 46px;
    margin-top: 15px;
    width: 236px;
	z-index: 5;
}

.mailform input.send:hover {
    background: url("/img/send.png") no-repeat scroll center -47px rgba(0, 0, 0, 0);
}

.arrow {
    background: url("/img/arrow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 110px;
    left: 200px;
    position: absolute;
    top: 251px;
    width: 150px;
    z-index: 50;
}

.adres {
    background: url("/img/bg.jpg") repeat scroll center top rgba(0, 0, 0, 0);
    height: 577px;
    margin: 0;
    padding-top: 10px;
    position: relative;
    width: 100%;
    z-index: 5;
}

.adres h1 {
margin: 30px 0 30px;
}

.adres h2 {
    font: 21px/30px Arial,sans-serif;
    left: 0;
    position: relative;
    text-align: center;
    top: -19px;
    width: 980px;
}

.adres h3 {
    font: 17px/24px Arial,sans-serif;
    left: 0;
    position: relative;
    text-align: center;
    top: 0px;
    width: 980px;
}


.adres .city {
margin: 5px 0 50px;
}

.adres iframe {
	border-bottom: 1px solid #B9BCC3;
    border-top: 1px solid #FBFBFB;
    border-radius: 15px 15px 15px 15px;	
}

.why {
    background: url("/img/bg3.jpg") repeat fixed center top rgba(0, 0, 0, 0);
    height: 833px;
    margin: 0;
    padding-top: 10px;
    position: relative;
    width: 100%;
    z-index: 5;
}

.why .inner{
    background: url("/img/why.png") no-repeat scroll 53px 155px rgba(0, 0, 0, 0);
    height: 707px;
	width: 980px;
	margin: 0 auto;
}


.why h2 {
    font: 17px/25px Arial,sans-serif;
    margin-top: 19px;
    position: relative;
    text-align: center;
}

.why img {
    display: block;
    margin: 0 auto;
    text-align: center;
}


.why .step {
    float: left;
    margin: 140px 22px 60px;
    width: 200px;
}

.otziv {
    background: none repeat scroll 0 0 #FAFAFA;
    border-top: 1px dashed #DDDDDD;
    height: 777px;
    margin: 0;
    padding-top: 10px;
    position: relative;
    width: 100%;
    z-index: 5;
}
.otziv h2 {
    font: 21px/30px Arial,sans-serif;
    left: 0;
    position: relative;
    text-align: center;
    top: -19px;
    width: 980px;
}
.otziv a {
    float: left;
    height: 255px;
    margin: 20px 0 20px 45px;
    text-align: center;
    text-decoration: none;
    width: 190px;
}

.otziv img {
    border-color: #FBFBFB #EEEEEE #B9BCC3;
    border-radius: 15px 15px 15px 15px;
    border-style: solid;
    border-width: 1px;
    width: 173px;
}

.otziv a:hover  span.name, .otziv a  span.name:hover {
text-decoration: underline !important;
color: #0062cd;
}

.otziv a:hover img, .otziv a img:hover {
    border-color: #dedede #cccccc #555555;
}

.otziv a span.name{
color: #3e3e3e;
}

#footer {
    font: 21px/40px Arial,sans-serif;
	padding: 30px 0;
	text-align: center;
}

#footer .info {
    font: 17px/33px Arial,sans-serif;
}