@charset "UTF-8";
/* CSS Document */
*{ margin:0; padding:0; outline: none; }
html, body{ height:100%; background:#fff; font: 13px Calibri, Tahoma; color:#000;}
a{ color:#000; text-decoration:none; }
a:hover{ text-decoration:none; }
a.und{text-decoration:underline;}
ul{ list-style:none; }
table{ border-collapse:collapse; }
img{ border:none; }
h1{ font: 25px Tahoma; font-weight:bold; line-height:23px;}
h2{ font: 30px Calibri, Tahoma; color:#000; padding-top: 15px;}
h3{ font: 21px Calibri, Tahoma; color:#666; padding-bottom: 10px; }
h3 a{ font: 21px Calibri, Tahoma; color:#666; }

#main{ width:1000px;margin:0 auto; }
#site{ float:left; width:100%;}

.topBlock{ float:left; width:100%; padding-top:35px; }

.logo{ float:left; margin-left:20px; width:255px; height:44px; background:url(/images/logo.gif) no-repeat;}

.date{ color:#999;font-size: 11px;}

.mp {width: 100%; float: left;}
.mp li {position: relative; float: left; margin: 0px 20px 20px 20px;}
.mp li a h3{color: #069;}

.topBlock ul{ float:left; padding-left:40px; width:450px; }
.topBlock li{position: relative; float:left;margin-right: 30px; padding-top:15px; width:180px;}
.topBlock li .callback2 img{ position:relative; left:5px;}
.topBlock li .callback1 img{ position:relative; left:10px;}
.topBlock li a{ float:left; padding:8px 0 0 13px; font-size:18px; width:195px; height:62px; position:relative; top:-20px; margin-left:10px;}
.topBlock li span.click{ position:relative; top:-20px; left:15px;  border-bottom:1px solid #000;}
.topBlock li span.click1{ position:relative; top:-20px; left:20px; border-bottom:1px dotted #000;}
.topBlock li a:hover{ background:url(/images/bBg.gif) no-repeat;}
.topBlock li.last{ height: 50px;}

.numberBox{ float:left; width:170px; padding-right:20px;}
.numberBox span{ float:left; position:relative; font-size:13px; }
.numberBox h3{ float:left; padding:0px 0px 0px 5px;font: 25px Tahoma; font-weight:bold; line-height:23px;color: #000;}
.numberBox p{ float:left; width:100%; font-size:13px; padding:5px 0 0 38px;}

.contentBlock{ float:left; width:100%; padding-top:10px;}
.contentBlock .leftBlock{ float:left; width:200px;}
.contentBlock .rightBlock{ float:left; width:750px;margin-left: 20px;}

.menuBox{ float:left;width:100%;padding-left: 20px;}
.menuBox li{ float:left; width:100%; padding-top:23px; }
.menuBox li span{ font-weight:bold;}
.menuBox li a:hover{ font-weight:bold;}
.menuBox li ul li { float:left; width:100%; padding-top:10px; padding-left:10px; font-size: 11px;}

.textBox{ float:left; width:740px; line-height: 150%;}
.textBox h2{ padding: 15px 0px 20px 0px; }
.textBox h1{ padding:15px 0px 20px 0px; font: 30px Calibri, Tahoma; color:#000;}
.textBox .bothBlock {margin-top:-20px;}
.textBox a {text-decoration: underline; color: #069;}
.textBox a.faq {text-decoration: none;}
.textBox2 h2{ padding-bottom:20px; text-align:center;}
.textBox ul.bul {list-style:disc; width:400px; float:left; margin: 0 0 10px 20px;}



.bottomBlock{ float:left; width:100%; padding-top:45px;}
.bottomBlock .copyright{ float:right; padding-right:65px; padding-top: 20px; padding-bottom: 20px;}

.qandaList{ float:left; width:100%;}
.qandaList li{ float:left; width:100%; padding-bottom:20px; }
.qandaList li a{ font-size:18px; color:#069; border-bottom:1px dashed #069;}
.qandaList li a:hover{ border-bottom:none;}
.qandaList p{ float:left; width:100%; line-height:24px; padding-top:10px; display:none;}

.contactsBox{ float:left; width:100%;line-height: 150%;}
.contactsBox p{ font-size:18px; line-height:200%;}
.contactsBox a{color:#069; text-decoration:underline;}
.contactsBox p a:hover{ text-decoration:none;}

.portfolioList{ float:left; width:100%;}
.portfolioList li{ float:left; width:146px; padding:0 29px 22px 0;}
.portfolioList .podp{text-align: center; width:156px; padding-bottom: 20px;}
.portfolioList .imgBox{ float:left; width:156px;height:202px;}
.portfolioList .imgBox .img{ width:156px; height:202px; z-index:9999; background:url(/images/ptBg.png) no-repeat;}
.portfolioList .imgBox img{ float:left; position:relative; margin:-194px 0 0 -2px; left:15px; z-index:1000;}
.portfolioList .img{ position:relative; width:146px; height:206px;}
*html .portfolioList .imgBox .img{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/ptBg.png', sizingMethod='noscale'); _background:none; }

.bothBlock{ float:left; z-index:10; position:relative; }
.bothBlock .scrollingBox{ float:left; width:100%;  height:750px;  margin-top:-15px;}
.bothBlock li{ float:left; width:146px; padding:0 29px 22px 0;}
.bothBlock .imgBox{ float:left; width:146px;}
.bothBlock .imgBox .img{width:156px; height:202px; z-index:99999; background:url(/images/ptBg.png) no-repeat;}
.bothBlock .imgBox img{ float:left; position:relative; margin:-194px 0 0 -2px; left:15px; z-index:1000;}
.bothBlock .img{ position:relative; width:146px; height:206px;}
*html .bothBlock .imgBox .img{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/ptBg.png', sizingMethod='noscale'); _background:none; }

.responseList{ float:left; }
.responseList li{ float:left; width:100%; padding:0 0 20px 0;}
.responseList .imgBox{ float:left; width:146px;}
.responseList .imgBox p{padding-top:5px; font-size:12px; text-align:center; color:#666;}
.responseList .imgBox .img{ position:absolute; width:156px; height:202px; z-index:9999;background:url(/images/ptBg.png) no-repeat;}
.responseList .imgBox img{ float:left; position:relative; margin:8px 0 12px -2px; left:15px; z-index:1000; width:135px; height:180px; }
.responseList .contBox{ background:#fff; float:left;}
.responseList .img{ position:relative; width:146px; height:206px;}

.responseList .ct{ position:absolute; z-index:1000; left:0; overflow:hidden; width:146px; height:24px; background:url(/images/ctBg1.gif) no-repeat 0 0; }
.responseList .cb{ position:absolute;z-index:1000; left:0; bottom:0px; width:146px; height:19px; overflow:hidden; background:url(/images/cbBg.gif) no-repeat 0 0; }
.responseList .lt{ float:left; width:146px; height:206px;  position:relative; background:url(/images/clBg.gif) repeat-y 0 0;}
.responseList .rt{ float:right; width:146px; position:relative; height:206px; background:url(/images/crBg.gif) repeat-y right 0;}
.responseList .text{ float:left; width:560px; padding-top:25px; padding-left:30px;}
.responseList .text h3{ color:#069; }
.responseList .text p{ padding-top:10px; text-align: justify;}

.popupBox .tab{ float:left; height:49px; overflow:hidden; width:159px; background: url(/images/actpBg.png) no-repeat;  cursor:pointer;}
*html .popupBox .tab{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/actpBg.png', sizingMethod='noscale'); _background:none; }
*html .popupBox1 .tab{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/actpBg.png', sizingMethod='noscale'); _background:none; }


.formBox{ position:relative; top:0; z-index:10001;}
.popupBox{ position:absolute; display:none; top:-15px; z-index:10001; left:40px;}
.popupBox p span{ position:relative; top:5px; left:-17px; font-size:18px; border-bottom:1px dashed #000;}
.popupBox .slideBox{ display:none; float:left; position:relative;z-index:200000000; margin-left:-165px;}
.popupBox .slideBox .contBox { background:#fff; width:755px; float:left; position:relative; height:545px; overflow:hidden; }
.popupBox .slideBox .img{ float:left; width:145px; padding:100px 0 0 85px; }
.popupBox .lt{ background:url(/images/plt.gif) no-repeat 0 0; height:10px; left:0; overflow:hidden; position:absolute; top:0; width:10px; z-index:500; }
.popupBox .rt{ background:url(/images/prt.gif) no-repeat 0 0; height:10px; overflow:hidden; position:absolute; right:0; top:0; width:10px; }
.popupBox .lb{ background:url(/images/plb.gif) no-repeat 0 0; bottom:0; height:10px; left:0; overflow:hidden; position:absolute; width:10px; }
.popupBox .rb{ background:url(/images/prb.gif) no-repeat 0 0; bottom:0; height:10px; overflow:hidden; position:absolute; right:0; width:10px; }
.popupBox .formText{ float:left; width:470px;  padding-top:15px;}
.popupBox .form1 h2{ color:#000; line-height:27px; padding-top:30px;}
.popupBox .form1 p{ float:left; padding-top:10px; width:420px;}
.popupBox .fieldBox{ margin-bottom:15px;}
.popupBox div div span.text1{margin:12px 0 0 18px; float:left; border-bottom:1px dashed #000; font-size:18px;}

.popupBox1{ position:absolute; display:none; top:-15px; z-index:10001; left:49px;}
.popupBox1 .tab{ float:left; height:49px; overflow:hidden; width:159px; background: url(/images/actpBg.png) no-repeat;  cursor:pointer;}
.popupBox1 p span{ position:relative; top:5px; left:-17px; font-size:18px; border-bottom:1px dashed #000;}
.popupBox1 .slideBox{ display:none; float:left; position:relative;z-index:200000000000; margin-left:-365px;}
.popupBox1 .slideBox .contBox { background:#fff; width:755px; float:left; position:relative; height:585px; overflow:hidden; }
.popupBox1 .slideBox .img{ float:left; width:140px; padding:175px 0 0 25px;margin-left: 50px; }
.popupBox1 .lt{ background:url(/images/plt.gif) no-repeat 0 0; height:10px; left:0; overflow:hidden; position:absolute; top:0; width:10px; z-index:500; }
.popupBox1 .rt{ background:url(/images/prt.gif) no-repeat 0 0; height:10px; overflow:hidden; position:absolute; right:0; top:0; width:10px; }
.popupBox1 .lb{ background:url(/images/plb.gif) no-repeat 0 0; bottom:0; height:10px; left:0; overflow:hidden; position:absolute; width:10px; }
.popupBox1 .rb{ background:url(/images/prb.gif) no-repeat 0 0; bottom:0; height:10px; overflow:hidden; position:absolute; right:0; width:10px; }
.popupBox1 .formText{ float:left; width:470px;  padding-top:15px;}
.popupBox1 .form1 h2{ color:#000; line-height:27px; padding-top:30px;}
.popupBox1 .form1 p{ float:left; padding-top:10px; width:420px;}
.popupBox1 .fieldBox{ margin-bottom:15px;}
.popupBox1 div div span.text1{margin:11px 0 0 20px; float:left; border-bottom:1px dotted #000; font-size:18px;}

.fieldBox{ float:left; height:26px; overflow:hidden; width:300px; background: url(/images/iBg.gif) no-repeat; }
.fieldBox  div{ float:left; height:26px; width:300px; overflow:hidden;  background: url(/images/iBg.gif) no-repeat right -26px; }
.fieldBox input{  float:left; border:none; width:278px; margin:0 11px; padding:4px 0; overflow:hidden;  height:18px; background: url(/images/iBg.gif) repeat-x 0 -52px; color:#666; }

.fieldBox1{ float:left; height:156px; overflow:hidden; width:470px; background: url(/images/tBg.gif) no-repeat; }
.fieldBox1  div{ float:left; height:156px; width:470px; overflow:hidden;  background: url(/images/tBg.gif) no-repeat right -156px; }
.fieldBox1 textarea{  float:left; border:none; width:448px; margin:0 11px; padding:10px 0px; overflow:hidden;  height:146px; background: url(/images/tBg.gif) repeat-x 0 -312px; color:#666; }

.fieldBox2{ float:left; margin-top: 25px; height:26px;  background: url(/images/iBg.gif) no-repeat; }
.fieldBox2  div{ float:left; height:26px; width:165px;  background: url(/images/iBg.gif) no-repeat right -26px; }
.fieldBox2 input{  float:left; border:none; width:143px; margin:0 11px; padding:4px 0; overflow:hidden;  height:18px; background: url(/images/iBg.gif) repeat-x 0 -52px; color:#666; }
.fieldBox2 img{  float:left; position: relative;top:-15px;}

.button{ float:left; padding-top:20px;}
.button input { background:url(/images/bBg1.gif) no-repeat 0 0; border:none; color:#FFF; font-size:18px; cursor:pointer; float:left; height:49px; overflow:hidden; padding:0 0 5px 0; width:150px; }
.button input:hover{ background:url(/images/bBg2.gif) no-repeat 0 0; border:none; color:#FFF; font-size:18px; cursor:pointer; float:left; height:49px; overflow:hidden; padding:0 0 5px 0; width:150px; }

.select{ cursor:pointer; position:relative; padding-bottom:15px; z-index:1001; float:left; height:26px; background:url(/images/selBg.gif) no-repeat right -52px; }
.select div{ float:left; height:26px; padding:0 21px; background:url(/images/selBg.gif) no-repeat 0 0; }
.select div div{ float:left; width:265px; height:26px; padding:0!important; margin-left: -7px; background:url(/images/selBg.gif) repeat-x 0 -26px; }
.select span{ float:left; margin:5px 0; border:none!important; top:0!important; margin:4px 0; z-index:10; color:#000; font-weight:normal; }
.select ul{ display:none; border:1px solid #ccc; border-top:none;  position:absolute; width:278px!important; z-index:10000; left:10px; top:26px; background:#fff; margin:0!important; padding:0!important; }
.select ul li{ float:none!important;  color:#000!important; font-size:14px!important; width:auto!important; padding:4px 10px!important; }
.select ul li.a{ background:#eee; color:#000; }
.select select{ display:none; }

#shadow{ display:none; position:absolute; z-index:10000; left:0; top: 0; width:100%; height:100%; background:#000; }

.bigPhoto{ width:400px; background:url(/images/bigPhBg.png) no-repeat; height:532px; float:left; text-align:center; }
.bigPhoto .frame{background:url(../images/photoFrameB.png) no-repeat  0 0; z-index:100000; float:left; height:480px; width:360px; z-index:5; position:absolute; margin:19px 0 0 23px;}
*html .bigPhoto .frame{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/photoFrameB.png', sizingMethod='noscale'); _background:none; }

.bigPhoto img{ position:relative; top:19px; left:3px;}
.bigPhoto .photo{ float:left; width:400px; height:532px;}

.bigPhoto .imgBox img{ position:relative; z-index:100; }
.bothBlock .scrollingBox td{ padding:0 28px 0 0;}
.bothBlock .scrollingBox td .vsave td{ padding:0px;}
.seeAll{ float:left; position:relative; top:14px; padding:0 0 0 52px;}
.seeAll img{width:11px; height:14px; float:left; background:url(/images/tPoint.gif) no-repeat; margin-right:5px;margin-top: 15px;}
.seeAll a{ font-size:12px; color:#999; position:relative; top:12px; z-index:10000000;}
.seeAlltext{ float:left; position:relative;margin-top: -20px;margin-bottom: 15px;}
.seeAlltext img{width:11px; height:14px; float:left; background:url(/images/tPoint.gif) no-repeat; margin-right:5px;margin-top: 15px;}
.seeAlltext a{ font-size:12px; color:#999; position:relative; top:12px; z-index:10000000;}
.bigPhototext{ width:100%; line-height:20px; padding-left:20px; text-align:left; padding-top:45px;}
.bigPhototext p{ padding-bottom:10px;}

.pointL{ float:left; margin-left: 65px; width:22px; height:16px; background:url(/images/lPoint.gif) no-repeat; position:relative; cursor:pointer;}
.pointR{ float:left; margin-left: 65px; width:23px; height:16px; background:url(/images/rPoint.gif) no-repeat; position:relative; cursor:pointer;}

.mapBg{ float:left; width:613px; height:479px; background:url(/images/mapBg.png) no-repeat;}
#YMapsID{ position:relative; top:14px; left:19px;}

.counter{ float:left; width:88px; padding-top:20px;}

.newsList{ float:left; width:100%;  }
.newsList ul{ float:left; width:100%; padding-top:20px;}
.newsList ul li{ float:left; width:100%; padding-bottom:25px;}
.newsList ul a{ float:left; width:100%; font-size:18px; color:#006699; text-decoration: underline; }
.newsList ul a.nim{ float:left; width:300px;}
.newsList ul span{font-size:11px;}
.newsList ul p{ float:left; width:410px; margin-left:20px;padding-top:15px;padding-bottom:15px;text-align: justify;}
.newsList ul img{ float:left;padding-top:15px;padding-bottom:15px;}

#vk_like{float: left;margin-top: 10px;}
.list #vk_like{margin-left: 20px;}
.textBox #vk_like{margin-bottom: 20px;}
#vk_comments{float: left;margin-top: 20px;margin-bottom: 20px;}
#vk_groups{float: left;margin-top: 30px;}
.vsave {position: relative; float: left; margin-left: 20px;margin-top: 5px;overflow: hidden;}
.odklklass{position: relative; float: left;margin-left: 15px;margin-top: 4px;overflow: hidden;}

.odkl-klass-s,
.odkl-klass{
	display:-moz-inline-stack; 
	display:inline-block; 
	*display:inline; 
	vertical-align:middle; 
	overflow:hidden; 
	text-indent:-3000px; 
	zoom:1;
	*text-indent:0; 
	*font:0/0 Arial;
}

.odkl-klass{
	width:69px; 
    height:21px; 
	background:#f93 url(http://stg.odnoklassniki.ru/share/odkl_klass.gif) no-repeat;
}

.odkl-klass-s {
	width:16px; 
    height:16px; 
    background:#f93 url(http://stg.odnoklassniki.ru/share/odkl_klass_s.gif) no-repeat;
}

.odkl-klass:hover, .odkl-klass-stat:hover{background-color:#ee8833;}

.odkl-klass-stat {
    background:#f93 url(http://stg.odnoklassniki.ru/share/odkl_klass_stat.gif) no-repeat;
    border-style: none;
	font: normal 17px arial;
	overflow:hidden;
    padding-bottom:1px;
    padding-left: 70px;
    padding-top:1px;
    text-decoration: none;
	*padding:0 0 0 70px;
	zoom:1;
}

.odkl-klass-stat SPAN{
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #CC6633;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #CC6633;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #CC6633;
	
	
    text-decoration: none;
    padding: 0 5px;
    text-align: center;
    font: normal 17px arial;
    color: #cc6633;
    background:white !important;
    zoom:1;
}

.mp .bl{position: relative; width:300px; height:200px; z-index:9999; background:url(/images/r1.png) no-repeat;}
.mp img{float: left; position: relative; margin: -200px 0px 0px 0px;}