.container { min-height: 100%; }
.container-in { min-width: 985px; margin: 0 auto; padding: 0 20px 330px 20px; max-width: 1200px }

/*шапка*/
.head { position: relative; height: 150px; }
.head .logo { margin: 19px 0 0 0 }

.head .slogan { position: absolute; right: 0; top: 21px; width: 460px }
.head .slogan .text { 
	font-size: 24px; 
	font-weight: bold; 
	color: #fff; 
	background: #ffa600; 
	display: block; 
	text-align: center; 
	height: 50px; 
	padding: 12px 0 0 0;
	position: relative;		
	border-radius:  0 4px 4px 0;
	behavior: url(scripts/PIE.htc); 
	text-shadow: 2px 2px 6px #C1911D; 	
	}

.head .slogan .text b { position: absolute; height: 62px; width: 21px; background: url(../img/orange.gif) no-repeat 0 0; left: -21px; top: 0 }

.head .slogan .links { font-size: 0; text-align: center; padding: 8px 0 0 0;  }
.head .slogan .links a, .head .slogan .links span { display: inline-block; //display: inline; //zoom: 1; vertical-align: middle; font-size: 16px; margin: 0 8px  }
.head .slogan .links .mail { background: url(../img/mail.gif) no-repeat 0 3px; padding: 0 0 5px 33px }
.head .slogan .links .phone { background: url(../img/phone.gif) no-repeat 0 50%; padding: 0 0 5px 33px; color: #ffa600; font-weight: bold }
.head .slogan .links .phone strong { color: #474747 }
.head .slogan .links .phone a { color: #474747; text-decoration: none; cursor: default }

/*колонки*/
.columns { overflow: hidden }
.columns .col-left { float: left; width: 300px }
.columns .col-right { overflow: hidden  }

/*главное меню*/
.main-menu { padding-bottom: 15px }		
.main-menu table { border-collapse: collapse; width: 100% }		
.main-menu table td { vertical-align: middle; text-align: center;  }
.main-menu table a { 
	position: relative; 
	display: block; 
	height: 100%; 		
	color: #333; 	
	padding: 16px 10px;
	font-size: 16px; 
	border-radius: 8px;
	behavior: url(scripts/PIE.htc); 
	font-weight: bold 	
	}
	
.main-menu table a:hover, .main-menu table .active a, .main-menu table .selected a  { background: #ffa600; text-decoration: none; color: #fff; }

.main-menu .popup { position: relative; max-width: 250px; margin: 0 auto; z-index: 1000; left: -10000px }
.main-menu .active .popup { left: 0 }
.main-menu .popup-in { position: absolute; width: 250px; background: #ffa500; box-shadow: 0 0 10px #999; border-radius: 8px; left: 0; top: 8px }
.main-menu .popup a { display: block; padding: 8px 20px 8px 20px; color: #fff; text-decoration: none; text-align: left; font-size: 14px; border-radius: 0 }
.main-menu .popup a:hover { color: #111; background: #fff; text-decoration: underline }
.main-menu .popup .links a:first-child { padding-top: 10px; border-radius: 6px 6px 0 0 }
.main-menu .popup .links a:last-child { padding-bottom: 13px; border-radius: 0 0 6px 6px }
.main-menu .popup .arrow { position: relative; display: block; z-index: 1; left: -10000px }
.main-menu .active .popup .arrow { left: 0 }
.main-menu .popup .arrow b { position: absolute; height: 8px; background: url(../img/mmarr.png) no-repeat 50% 0; left: 0; top: 0; width: 100% }

.short .main-menu td { width: 1%; }

/*слайдер*/
.slider { border: 8px solid #545454; border-radius: 4px; max-width: 1150px; margin: 0 auto; position: relative; box-shadow: 0 6px 13px #000; height: 342px; overflow: hidden }
.slider-in { border: 5px solid #111; background: #111 }
.slider .item { height: 332px; width: 100%; }
.slider .item .item-in { height: 332px; width: 100%; position: relative; border-radius: 4px; }
.slider .description { width: 489px; background: url(../img/grey_arrow.png) no-repeat 0 0; position: absolute; bottom: 20px; right: 0 }
.slider .description table { border-collapse: collapse; width: 100% }
.slider .description table td { height: 82px; vertical-align: middle; font-weight: bold; font-size: 16px; color: #fff; line-height: 1.2em; padding: 0 15px 0 40px; }

.slider .order { position: absolute; z-index: 200; width: 286px; height: 62px; background: url(../img/button-orange.png) no-repeat 0 0; bottom: 30px; left: 40px }
.slider .order:hover { background: url(../img/button-orange.png) no-repeat 0 100%; }

.index-map { height: 529px; background: url(../img/map.png) no-repeat 0 0; width: 985px; position: relative; margin: 35px auto 0 auto; }
.index-map a { position: absolute; text-shadow: 3px 0px 1px #FFF, 0px 3px 1px #FFF, -3px 0px 1px #FFF, 0px -3px 1px #FFF; text-transform: uppercase; color: #939393; text-decoration: none; font-weight: bold; width: 155px; text-align: center }
.index-map a:hover { color: #e29916 }
.index-map b { display: block; width: 109px; height: 104px; margin: 0 auto }

.index-map .type1 b { background: url(../img/mico1.png) no-repeat 0 0 }
.index-map .type1:hover b { background: url(../img/mico1.png) no-repeat 0 -113px }
.index-map .type2 b { background: url(../img/mico2.png) no-repeat 0 0 }
.index-map .type2:hover b { background: url(../img/mico2.png) no-repeat 0 -103px }
.index-map .type3 b { background: url(../img/mico3.png) no-repeat 0 0 }
.index-map .type3:hover b { background: url(../img/mico3.png) no-repeat 0 -106px }
.index-map .type4 b { background: url(../img/mico4.png) no-repeat 0 0 }
.index-map .type4:hover b { background: url(../img/mico4.png) no-repeat 0 -106px }
.index-map .type5 b { background: url(../img/mico5.png) no-repeat 0 0 }
.index-map .type5:hover b { background: url(../img/mico5.png) no-repeat 0 -106px }
.index-map .type6 b { background: url(../img/mico6.png) no-repeat 0 -2px }
.index-map .type6:hover b { background: url(../img/mico6.png) no-repeat 0 -110px }
.index-map .type7 b { background: url(../img/mico7.png) no-repeat 0 0 }
.index-map .type7:hover b { background: url(../img/mico7.png) no-repeat 0 -103px }
.index-map .type8 b { background: url(../img/mico8.png) no-repeat 0 0 }
.index-map .type8:hover b { background: url(../img/mico8.png) no-repeat 0 -103px }

.content { color: #828181; padding: 30px 0 0 0 }

/*подвал*/
.footer { position: relative }
.footer-abs { position: absolute; width: 100%; left: 0; top: -285px; height: 285px; background: #4c4c4c }
.footer-in { position: relative; min-width: 985px; margin: 0 auto; padding: 0 20px; max-width: 1200px }

.footer-columns { overflow: hidden; padding: 20px 0 0 0; color: #fff; font-size: 95% }
.footer-columns .col { width: 320px; float: left }
.footer-columns .copyr { padding: 20px 0  }
.footer-columns .copyr span { display: block; padding: 0 0 .2em 0 }

.footer .counters span { display: block; margin: 0 0 10px 0 }

.footer-menu {}
.footer-menu span { display: block; padding-bottom: .7em; text-transform: uppercase; color: #fda900 }
.footer-menu a { color: #fff; text-decoration: none }
.footer-menu a:hover { text-decoration: underline }