@charset "utf-8";
/* CSS Document */

.topBlack { position: absolute; height: 35px; background: #000; width: 50%; left: 0; top: 0  }

.mainContainer { min-width: 1000px; min-height: 100%;  }
* html .mainContainer { width:expression((document.compatMode && document.compatMode == 'CSS1Compat')?(document.documentElement.clientWidth < 1000?"1000px":("auto")):(document.body.clientWidth < 1000?"1000px":("auto"))); height: 100%; }

.maxWidth { max-width: 1400px; margin: 0 auto 0 auto; padding-bottom: 270px }
* html .maxWidth { width:expression((document.compatMode && document.compatMode == 'CSS1Compat')?(document.documentElement.clientWidth > 1400?"1400px":("auto")):(document.body.clientWidth > 1400?"1400px":("auto")));}

.topMenu { padding: .5em 0 1em 0; background: #000 url(../img/topmenuright.gif) no-repeat 100% 100%; position: relative; z-index: 10; //zoom: 1  }
.topMenu div { width: 92%; margin: 0 auto }
.topMenu a { color: #fff; font-weight: normal }
.topMenu a:hover { color: #fa2b40 }
.topMenu span.mmelem { display: inline-block; //display: inline; //zoom: 1; margin-right: 4%; padding-right: 2px; position: relative }

.topMenu .mmpopup { position: absolute; width: 200px; margin: 0; top: 19px; left: -25px }
.topMenu .mmpopup .cont { width: auto; margin: 0; background: #000; }
.topMenu .mmpopup .contin { width: auto; margin: 10px 10px 0 10px; background: #92a8b9; padding: 12px; border: 1px solid #92a8b9; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-khtml-border-radius: 5px; 
	border-radius: 5px; zoom: 1; 	
	}
.topMenu .mmpopup span { display: block; margin: 0; padding: 0 0 .5em 0; }
.topMenu .mmpopup .ppbottom { background: url(../img/ppbottom.gif) no-repeat 100% 0; height: 15px; width: auto; margin: 0 }

.content { width: 90%; margin: 0 auto; position: relative }

.topBlocks { background: url(../img/rightbg.png) no-repeat 95% 0; height: 300px; //height: 315px; }
.topBlocks .logo { float: right; margin: 20px 0 0 0; position: relative; right: 7% }

.topBlocks .contacts { float: right; clear: both; position: relative; right: 0; width: 31.5% }
.topBlocks .contacts .body { background: url(../img/phonebg.png) no-repeat 0 100%; padding: 17px 0 30px 15px; }
.topBlocks .contacts .phone { font-size: 24px; padding: 0 0 2px 21px; position: relative;  }
.topBlocks .contacts .phone .order { position: absolute; color: #a7a7a7; top: 25px; left: 85px; font-size: 11px; line-height: 1.1em; z-index: 2;  }
* html .topBlocks .contacts .phone .order { left: 60px }
.topBlocks .contacts .phone .order a { color: 11px; color: #000 }
.topBlocks .contacts .phone .order a:hover { color: #000 }

.topBlocks .contacts .ctop { height: 17px; background: url(../img/phonebg.png) no-repeat 0 0;  }
.topBlocks .contacts .serv { padding: 13px 0 0 96px; position: relative; zoom: 1  }
.topBlocks .contacts .illustr { position: absolute; width: 80px; height: 54px; background: url(../img/sprite.jpg) no-repeat 0 0; bottom: 0; left: 0; //zoom: 1 }
.topBlocks .contacts .serv .title { display: block; font-size: 11px; color: #a7a7a7; width: 85px; line-height: 1.1em; padding-top: 7px }
.topBlocks .contacts .serv a { font-size: 16px }

.clear { display: block; clear: both }

.popupCont { position: relative; z-index: 1  }
.popupCont .popup { 
	z-index: 1; 
	position: absolute; left: 1%; 
	width: 900px; 
	background: #f5f9fc; 
	border: 1px solid #930223; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-khtml-border-radius: 10px; 
	border-radius: 10px; 
	behavior: url(border-radius.htc);  
	}

.popupCont .geofl { width: 700px; height: 500px; left: 20% }
.popupCont .padding { overflow: hidden; padding: 30px; position: relative; }
.popupCont .logo { float: left; margin: 0 15px 5px 0 }
.popupCont .close { width: 20px; height: 20px; position: absolute; top: 5px; right: 5px; background: url(../img/close.gif) no-repeat 0 0; cursor: pointer }
.popupCont .scroll { height: 400px; overflow: scroll; background: #fff; padding: 20px }
* html .popupCont .scroll { height: 400px; }

/*===========*/
.leftCol { display: inline-block; //display: inline; //zoom: 1; vertical-align: top; width: 20%; clear: both }
.centerCol { display: inline-block; //display: inline; //zoom: 1; vertical-align: top; width: 50%; padding-bottom: 155px; clear: both }
* html .centerCol { width: 49.5% }
.rightCol { display: inline-block; //display: inline; //zoom: 1; vertical-align: top; width: 30%; //width: 29.5%; padding-bottom: 155px; clear: both }
/*===========*/

.cpadd { padding: 0 0 0 0; width: 80%; margin: 0 auto;  }

.ctitle { font-size: 120%; display: block; padding: 0 0 .3em 0; color: #494949  }
.ctitle a { color: #000 }
.ctitle a:hover {  color: #fff; background: #b40113; padding: .1em 5px .2em 5px; margin-bottom: -.3em; //margin-bottom: -.4em }

.new { padding: 23px 0 0 0 }
.new .link { display: block; padding-bottom: .2em }

.underscr { padding: 75px 0 20px 0; width: 15em }

.uform { padding: 20px 0 20px 0 }
.uform span { display: block; padding: 0 0 .5em 0 }
.uform span input { width: 80%; background: none; border: 1px solid #a2a3a3; color: #4c4c4c; font-size: 85%; padding: .2em 6px .3em 6px  }
.uform .check { padding: .4em 0 .8em 0 }
.uform .check input { width: auto; padding: 0; vertical-align: middle }
.uform .check label { vertical-align: middle; padding: 0 10px 0 2px }
.uform .button { overflow: visible; padding: .2em 10px; font-size: 85% }

.submenu { padding-bottom: 30px  }
.submenu .menuelem .title { font-size: 125% }
.submenu .illustr { display: inline-block; //display: inline; //zoom: 1; width: 90px; height: 90px; vertical-align: middle; cursor: pointer  }
.submenu .rpart { display: inline-block; //display: inline; //zoom: 1; width: 40%; vertical-align: middle     }
.submenu .menuelem .rpart span { display: block; padding-top: .5em; color: #b3b3b3; font-size: 85%; line-height: 1.1em }
.submenu .menu1 .illustr span { background: url(../img/sprite.jpg) no-repeat 0 -55px; display: block; width: 48px; height: 73px; position: relative; left: 20px; top: 10px  }
.submenu .menu2 .illustr span { background: url(../img/sprite.jpg) no-repeat -47px -55px; display: block; width: 48px; height: 73px; position: relative; left: 20px; top: 15px  }
.submenu .menu3 .illustr span { background: url(../img/sprite.jpg) no-repeat -98px -55px; display: block; width: 72px; height: 73px; position: relative; left: 8px; top: 15px  }

.galleryTitle { background: url(../img/newsTitle.gif) no-repeat 0 0; padding-left: 23px }
.galleryTitle div { background: url(../img/newsTitle.gif) no-repeat 100% 0; font-size: 16px; padding: 4px 0 8px 0  }
.galleryTitle a { color: #fff }
.galleryTitle a;hover { color: #fff }

.gallery { background: #f5f9fc; padding: 23px 0 25px 22px; position: relative; //zoom: 1  }
.gallery .galleryCont { width: 250px; overflow: hidden; margin: 0; position: relative; padding-bottom: 25px }
.gallery .items { width: 10000px; position: relative; }
.gallery .item { display: inline-block; //display: inline; //zoom: 1; vertical-align: top; width: 250px; overflow: hidden }
.gallery .item .date { color: #848d91; font-size: 85%; display: block; padding-bottom: .6em }
.gallery .item img { float: left; border: 1px solid #d1d1d1; margin: 0 22px 20px 0 }
.gallery .navi { position: absolute; bottom: 0; left: 0; font-size: 0 }
.gallery .navi span { display: inline-block; //display: inline; //zoom: 1; font-size: 13px; border: 1px solid #c6c6c6; padding: 2px 7px 2px 7px; margin-right: 1px; background: #eee; cursor: pointer }
.gallery .navi span.active { background: url(../img/active.gif) repeat-x 0 100%; border-color: #77a0ab; cursor: default }

.bottomMenu { position: relative; width: 95%; right: -5% }
.bottomMenu .abs { position: absolute; width: 76.5%; top: -110px; right: 0; background: #fcfbf5 url(../img/bottommenu.gif) no-repeat 0 0; }
.bottomMenu .absin { padding: 13px 0 18px 15px; background: url(../img/bottommenu2.gif) no-repeat 100% 100%  }
.bottomMenu .menuelem { display: inline-block; //display: inline; //zoom: 1; position: relative; height: 70px; }
.bottomMenu .rpart { width: 126px }
.bottomMenu .illustr { position: absolute; cursor: pointer }
.bottomMenu .rpart a { font-size: 18px; color: #000;  }
.bottomMenu .rpart a:hover { color: #e30017 }

.bottomMenu .menu1 { width: 37% }
.bottomMenu .menu1 .rpart { padding: 17px 0 0 140px; }
.bottomMenu .menu1 .illustr { width: 130px; height: 64px; top: 10px; left: 0; background: url(../img/sprite.jpg) no-repeat 0 -148px }

.bottomMenu .menu2 { width: 26% }
.bottomMenu .menu2 .rpart { padding: 17px 0 0 70px  }
.bottomMenu .menu2 .illustr { width: 58px; height: 74px; top: 0; left: 0; background: url(../img/sprite.jpg) no-repeat -135px -137px }

.bottomMenu .menu3 .rpart { padding: 17px 0 0 90px  }
.bottomMenu .menu3 .illustr { width: 83px; height: 67px; top: 0; left: 0; background: url(../img/sprite.jpg) no-repeat -198px -145px }

.footer { position: relative; //zoom: 1; min-width: 1000px; }
* html .footer { width:expression((document.compatMode && document.compatMode == 'CSS1Compat')?(document.documentElement.clientWidth < 1000?"1000px":("auto")):(document.body.clientWidth < 1000?"1000px":("auto"))); }

.footer .bottom { position: absolute; left: 0; top: -90px; width: 100%; height: 90px; background: url(../img/footerbg.gif) no-repeat 0 100%; }
.footer .maxWidth { padding-bottom: 0 }

.footer .footerContent { width: 90%; margin: 0 auto; padding-top: 5px; position: relative }
.footer .column { display: inline-block; //display: inline; //zoom: 1; vertical-align: top }
.footer .col1 { width: 21% }
.footer .col1 .logos { padding: 10px 0 0 0 }
.footer .col1 .logos img { margin-right: 5px }
.footer .col2 { width: 25% }
.footer .col2 .addres { font-size: 18px; padding: .1em 0 .1em 0 }

.footer .col3 { width: 30%;  }
.footer .col3 .title { color: #656565; display: block; padding-bottom: .2em }
.footer .col3 .num { font-size: 24px; display: block; padding-bottom: .2em }
.footer .clientEnter { background: url(../img/clientEnter.gif) no-repeat 0 .5em; display: inline-block; padding-left: 20px; color: #49820c }
.footer .clientEnter:hover { color: #000 }

.footer .col4 { width: 20%;  }
.footer .col4 a { color: #1b566f; }
.footer .col4 a:hover { color: #1b566f; }
.footer .col4 span { text-align: left; display: inline-block } 
.footer .col4 .title { padding: 0 0 1em 0; }

.footer .counters { position: absolute; width: 34%; right: 0; top: 10px }