@import "reset.css";
@import "base.css";
html{font-size:100%}

body{
	background:#29425d url(/images/backgrounds/body.png);
	font-family:Verdana, Geneva, sans-serif;
	color:#7D7D7D;
	font-size:0.69em;
	}

.bone{
	width:970px;
	padding-left:43px;
/*	padding-bottom:25px;
*/
	margin:0 auto;
	}
.bone-inn{
	width:946px;
	background:#ffffff;
	}

/* HEAD */
.head{
	position:relative;
	}
.logo{
	margin:0;
	padding:21px 0 10px 28px;
	float:left;
	}
.slogan{
	margin:0;
	height:138px;
	background:#272318 no-repeat 0 0;
	clear:both;
	font-size:19px;
	color:#ffffff;
	font-weight:bold;
	padding:10px 0 0 20px;
	text-indent:-999px;
	overflow:hidden;
	}
.slogan span{display:block;}
.slogan span span{margin-left:55px;}
.menu{
	margin:0;
	padding:55px 0 0 186px;
	}
.menu li{
	margin:0 4px 0 0;
	list-style:none;
	float:left;
	font-size:14px;
	text-transform:uppercase;
	}
.menu a{
	display:block;
	height:19px;
	overflow:hidden;
	color:#003568;
	text-decoration:none;
	line-height:19px;
	position:relative;
	}
.menu a:hover,
.menu .active a{
	color:#ffffff;
	text-decoration:none;
	background:#008cd6;
	}
.menu a span{
	display:block;
	height:19px;
	position:absolute;
	top:0;
	left:0;
	background-position:0 -19px;
	cursor:pointer;
	}
.menu a:hover span{background-position:0 0;}

.site-services{
	margin:0;
	position:absolute;
	top:106px;
	right:125px;
	}
.site-services li{
	margin:0 0 0 20px;
	list-style:none;
	float:left;
	padding-bottom:2px;
	}
.site-services img{vertical-align:bottom;}
.site-services a:hover,.site-services a.active{border-bottom:1px solid #7799b5;}

.lang{
	margin:0;
	position:absolute;
	top:106px;
	right:20px;
	color:#003568;
	}
.lang a{
	color:#003568;
	text-decoration:none;
	}
.lang a:hover{
	color:#003568;
	text-decoration:underline;
	}
.lang .spr{margin:0 2px;}

.search{
	position:absolute;
	top:0;
	right:0;
	margin:0;
	background:#f0f0f0 url(/images/backgrounds/search.png) no-repeat 0 100%;
	padding:8px 10px 8px 26px;
	}
.search fieldset{display:inline;margin:0;}
.search legend{display:none;}
.search label{
	vertical-align:middle;
	margin-right:4px;
	}
.search input{
	vertical-align:middle;
	margin-right:12px;
	}

/* MIDDLE */
.middle{
	position:relative;
	}
.middle .borders{
	/*min-height:450px;*/
	}

.nav{
	margin:0;
	width:43px;
	position:absolute;
	left:-49px;
	top:0px;

	}
.nav li{
	list-style:none;
	margin:0;
	width:43px;
	}
.nav a{
	display:block;
	width:43px;
	height:55px;
	margin-top: 0px;
	position:relative;

	}


.sn-0 a{margin-top:0px;}


.sub-nav{
	letter-spacing:-.04em;
	}
.sub-nav .nav-head{
	color:#ffffff;
	font-size:1.18em;
	padding:8px 0 10px 9px;
	}
.nav-head span{
   cursor:pointer;
}
.sub-nav ul{
	margin:0;
	border-top:1px dotted #003568;
	font-size:0.91em;
	}
.sub-nav li{
	margin:0;
	list-style:none;
	}
.sub-nav li ul{
	border:0;
	}
.sub-nav a{
	display:block;
	padding:6px 4px 6px 10px;
	color:#003568;
	text-decoration:none;
	border-bottom:1px dotted #003568;
	}
.sub-nav li ul a{
	padding-left:20px;
	_padding-left:15px;
	}
.sub-nav a:hover{
	color:#003568;
	background-color:#ffffff;
	font-weight:bold;
	}
.sub-nav li.active a{
	background:#ffffff;
	border-right:4px solid #003568;
	}
.sub-nav li.active ul a{
	background:none;
	border-right:0;
	}

.sub-nav li.active ul li.active a{
	background:#ffffff;

	}

.sub-nav .active span{
	background:url(/images/backgrounds/nav.a.0.png) no-repeat 0 .3em;
	padding-left:7px;
	font-weight:bold;
	}

.sn-0 a{font-weight:normal;}
.sn-0 li ul a{font-weight:normal;}

.sn-2 a{font-weight:bold;}
.sn-2 li ul a{font-weight:normal;}

.navigate-0 .snav-0{display:block;}


/* .nav a:hover{z-index:100;} */

.one-column .content{
	padding:0 25px 5px !important;
	margin:0 !important;
	}

/* main-page */
.main-page{
	padding:10px 0;
	border-left:6px solid #ffffff;
	}
.main-page h2{
	margin:36px 0 10px;
	}
.main-page .borders{
	background:url(/images/backgrounds/line.m.png) repeat-y 100% 0;
	height: 100%;
	}
.main-page .content_h{
	float:left;
	width: 625px;
	_width: 560px;
	margin-right: 10px;
	_margin-right: 5px;
	}
.main-page .content{
	width: 580px;
	_width: 570px;
	margin-right:300px;
	_margin-right:25px;
	padding-left:22px;
	_padding-left:5px;
	overflow:hidden;
	margin-bottom:80px;
	_margin-bottom:40px;
	}
.main-page .sidebar{
	float:left;

/*	margin-left: -100%;
*/
	width:294px;
	_width:294px;

	margin-bottom:30px;
	_margin-bottom:15px;
	}
.main-page .inn{
	padding:0 22px;
	}

/* cat-page */
.cat-page{
	background:url(/images/backgrounds/line.n.png) repeat-y 0 0;
	}
.cat-page .borders{
	background:url(/images/backgrounds/line.sn.png) no-repeat 0 100%;
	padding:0 0 10px 0;

	}
.cat-page .content_h{
	width: 735px;
	_width: 705px;
	float:left;
	}
.cat-page .content{
	margin-left:20px;
	_margin-left:20px;
	padding-right:20px;
	_padding-right:5px;
	//padding-right:5px;
	}

.content	img{
	 margin-left: 10px;
	margin-right: 10px;
}

#inner_cat img{
	margin-left: 0px;
	margin-right: 0px;
	_margin-left: -2px;
	_margin-right: -2px;

}

.cat-page .sidebar{
   float:left;
/*   margin-left: -100%;
*/
	width:185px;
	}
.cat-page h2 img{display:block;margin-bottom:18px;}


/* cat-type-list */
.cat-type-list, .cat-type-list-add{
	margin:0;
	text-align:center;
	padding:17px 0;
	font-size:0.82em;
	}
.cat-type-list li{
	list-style:none;
    width: 185px;
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: top;
    margin:17px;
	}



.cat-type-list li div{
	width: 185px;
	border-right:2px solid #f1f1f1;
	border-bottom:2px solid #f1f1f1;
	display: -moz-inline-box;
	display: inline-block;
	}
.cat-type-list-add li{
	list-style:none;
    width: 185px;
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: top;
    margin:17px;
	//display: inline;
	//zoom: 1;
	}
.cat-type-list-add li div{
    width: 185px;
	border-right:2px solid #f1f1f1;
	border-bottom:2px solid #f1f1f1;
    display: -moz-inline-box;
    display: inline-block;
	}


.cid1	li div a{
   background-color: #0099cc;
	}
.cid2	li div a{
   background-color: #ffcc00;
	}
.cat-type-list a{
    border: 1px solid #d5d5d5;
    width: 185px;
    min-height: 16px;
	 padding-top:110px;
    display: block;
    display: inline-block;
    vertical-align: top;
	margin:-2px 0 0 -2px;
	background-position:0 0;
	text-decoration:none;
	color:#646464;
	}
.cat-type-list-add a{
    border: 1px solid #d5d5d5;
    width: 185px;
    min-height: 22px;
	 padding-top:118px;
    display: block;
    display: inline-block;
//    vertical-align: top;

	margin:-2px 0 0 -2px;
	background-position:0 0;
	text-decoration:none;
	color:#646464;
	}
.cat-type-list a:hover{
	background-position:0 -126px !important;
	color:#003568;
	font-weight:bold;
	}
.cat-type-list-add a:hover{

	color:#003568;
	font-weight:bold;
	}

.cat-type-list-altstyle a{
	background-position:-186px 0;
	}
.cat-type-list-altstyle a:hover{
	background-position:-186px -126px !important;
	}
.cat-type-list-add .t-category a{background-position: 50% 50%; background-repeat: no-repeat; }
.cat-type-list .t-navesnye_gruppy a{background-image:url(/images/visual/v1.png);}
.cat-type-list .t-2 a{background-image:url(/images/visual/v2.png);}
.cat-type-list .t-3 a{background-image:url(/images/visual/v3.png);}
.cat-type-list .t-4 a{background-image:url(/images/visual/v4.png);}
.cat-type-list .t-5 a{background-image:url(/images/visual/v5.png);}
.cat-type-list .t-6 a{background-image:url(/images/visual/v6.png);}
.cat-type-list .t-7 a{background-image:url(/images/visual/v7.png);}
.cat-type-list .t-8 a{background-image:url(/images/visual/v8.png);}
.cat-type-list .t-9 a{background-image:url(/images/visual/v9.png);}

/* product-list */
.product-list{
	margin: 25px 0 0;
	text-align:center;
	padding:0;
	}
.product-list li{
	list-style:none;
    width: 158px;
    min-height: 140px;
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: top;
    margin:0 0 10px;
    //display: inline;
    //zoom: 1;
	float: left;
	}
.product-list img{
	margin-bottom:2px;
	}
.product-list a{
	text-decoration:none;
	color:#7D7D7D;
	}
.product-list a:hover{
	text-decoration:none;
	color:#003568;
	}

/* sidebar */

.sidebar-item{
	margin:36px 0 0;
	}
.sidebar-item .item-header{
	margin:0 0 10px;
	font-size:1.18em;
	color:#003568;
	font-weight:bold;
	}
.holiday-item .item-header{color:#FF0000;}


.login{
	background:#f0f0f0 url(/images/backgrounds/r.png) no-repeat 0 100%;
	padding:20px 0 10px 15px;
	margin:0;
	color:#969696;
	}
.login td{
	padding:0 10px 10px 0;
	}
.login p,
.login table{margin:0;}
.login .label{
	width:58px;
	}
.login input{
	vertical-align:middle;
	}
.login fieldset{
	background:url(/images/backgrounds/login.png) repeat-x 0 100%;
	margin:0 0 6px;
	}
.login a{
	color:#969696;
	text-decoration:none;
	}
.login a:hover{
	color:#969696;
	text-decoration:underline;
	}
.login .reg div{padding:2px 0;}
.login .reg .m{font-weight:bold;}
.login .forg{
	padding-left:18px;
	background:url(/images/backgrounds/qv.png) no-repeat 0 50%;
	}

/* catalog-item */
.catalog-item{

	}
.catalog-item-head{
	margin-bottom:1em;
	}
.catalog-item-head h2{margin-bottom:0;}
.catalog-item-head p{margin:0;}

.catalog-item-body .column-left{
	width:445px;
	_width:408px;
	float:left;
	margin-right:15px;
	_margin-right:5px;
	}
.catalog-item-body .column-right{
	float:left;
	width:230px;
	_width:200px;
	}
.catalog-item-body .column-center{
	clear:both;
	padding-right:5px;
	}
.category-type img{
	float:left;
	margin:0 10px 6px 0;
	}

.sub-columns .col-1{width:49.9%;float:left;}
.sub-columns .col-1_i{padding-right:12px;}
.sub-columns .col-2{width:49.9%;float:right;}
.sub-columns .col-2_i{padding-left:12px;}

.photo-gallery{
	margin:0 0 20px;
/*   text-align: center;
*/
	}
.photo-gallery .photo-big{
	width: 712px;
	_width: 612px;
/*   width: 712px;
*/

	margin:0 0 10px;
	}
.gallery-photo-big{
   width: 712px;
	height:347px;

/*	border: 1px dashed red;
*/
	overflow:hidden;
	}

.desc-item{
	margin:0;
	padding:0 0 10px
	}
.desc-item-head{
	color:#323232;
	font-size:1.09em;
	margin:0 0 10px;
	}
.desc-item-head h4, .desc-item-body h4{
	color:#323232;
	font-size:1em;
	font-weight:normal;
	margin:0;
	}
.desc-item-body h4{
	font-size:1.09em;
	margin-bottom: 5px;
}
.desc-item-subhead{
	color:#323232;
	font-size:1em;
	margin:0 0 6px;
	}
.desc-item-subhead h5{
	color:#323232;
	font-size:1em;
	font-weight:normal;
	margin:0;
	}

table.MsoTableGrid, table.desc{
	margin:0 0 10px;
	width:100%;
	border-top:1px dotted #969696;
/*   border:0 !important;
*/
	}

table.desc caption{
	text-align:left;
	font-size:12px;
	}
table.MsoTableGrid th, table.MsoTableGrid td, table.desc td,
table.desc th{
	padding:2px 6px;
	border-bottom:1px dotted #969696;
/*	font-size:0.82em;
*/
	}
table.desc-main{margin:0 0 1.6em;}
table.desc-main thead th,
table.desc-main thead td{font-weight:bold;}
.desc .br-r{border-right:1px dotted #969696;}
.desc .al-r{text-align:right;}
.desc .np-r{padding-right:0;}
.desc .np-l{padding-left:0;}
.desc .nbr-b{border-bottom:0;}
.nbr-t{border-top:0 !important;}
.desc .pl-2{padding-left:12px;}
.desc .num{width:1px;vertical-align:top;border-right:1px dotted #969696;padding-left:0;}
.desc img{vertical-align:bottom;}

/* FOOTER */
.footer{
	text-align:right;
	_width: 100%;
	//width: 100%;

	}
.footer_i{
	padding:15px 25px 12px;
	border-top:1px dotted #969696;
	}
.sub-menu{
	margin:0 0 16px;
	float:left;
	font-size:0.91em;
	}
.sub-menu li{
	margin:0;
	padding:6px 10px;
	float:left;
	list-style:none;
	border-left:1px dotted #d8d8d8;
	}
.sub-menu li.first{
	padding-left:0;
	border-left:none;
	}
.sub-menu a{
	color:#d8d8d8;
	text-decoration:none;
	padding-left:21px;
	}
.sub-menu a:hover{
	color:#d8d8d8;
	text-decoration:underline;
	}
.sub-menu .map{background:url(/images/icons/map.png) no-repeat 0 50%;}
.sub-menu .print{background:url(/images/icons/print.png) no-repeat 0 50%;}
.sub-menu .faq{background:url(/images/icons/faq.png) no-repeat 0 70%;}

.copyright{
	_width: 600px;
	//width: 600px;
	clear:both;
	float:left;
	text-align: left;
	margin:0;
	color:#d6d6d6;
	font-size:.8em;
	}
.copyright span{margin-right:10px;}

.counters{float:right;}

/* UTIL */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	}

.note{
	font-size:0.82em;
	line-height:1.8em;
	margin:1em 0 1em 3em;
	position:relative;
	}
.note span{
	position:absolute;
	left:-3em;
	top:0;
	}

/*vacancies-item*/
.vacancies-form{padding:22px 0 0;}
.vacancies-form legend{display:none;}
.vacancies-form ul{margin:0;}
.vacancies-form li{
	list-style:none;
	padding:5px 0;
	}
.vacancies-form label{
	float:left;
	display:block;
	width:218px;
	padding-right:10px;
	}
.vacancies-form input, .vacancies-form textarea{
	width:206px;
	}
.vacancies-form select{width:210px;}
#additional-education-text{height:56px;}
#experience-text{height:82px;}
#further-text{height:24px;}
.vacancies-form .right input{
	width:auto;
	margin:8px 0 0 330px;
	}
/*contact-item*/
.contact-item{
	padding:9px 0;
	background:url(/images/backgrounds/contact-item.gif) repeat-x;
	}
.contact-item img{float:left;}
.contact-item ul{
	padding-top:38px;
	margin:0 0 0 136px;
	}
.contact-item li{
	list-style:none;
	padding:2px 0;
	}
.contact-item li strong{
	color:#444;
	font-size:1.2em;
	font-weight:bold;
	}

/* FLASH */
#flash{
	background:#3092dc url(/images/backgrounds/fl.png) repeat-x 0 0;
	}


#city_detail table{
	border-top: 1px dotted rgb(150, 150, 150); margin: 0px 0px 1.6em; border-collapse: collapse; width: 890px;
}
#city_detail td{
	border: 1px dotted rgb(150, 150, 150); border-bottom: 1px dotted rgb(150, 150, 150); margin: 0px; padding: 2px 6px 2px 0px; font-style: normal; font-weight: normal; text-align: left;
}
#city_detail th{
	border: 1px dotted rgb(150, 150, 150); border-bottom: 1px dotted rgb(150, 150, 150); margin: 0px; padding: 2px 6px 2px 0px; font-style: normal; font-weight: normal; text-align: left;
}



div.scrollable {
    /* required settings */
    position:relative;
    overflow:hidden;
    height:85px;
    width: 420px;
}

div.scrollable div.items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
    padding-top: 10px;

}

/*
    a single item. must be floated in horizontal scrolling.
    typically, this element is the one that *you* will style
    the most.
*/
div.scrollable div.items div {
    float:left;
}

/* you may want to setup some decorations to active the item */
div.items div.active {
    border:15px inset #ccc;
    background-color:#fff;

}

div.items img.active {
    border:2px solid #000;



}

* styling for the image wrapper  */
#image_wrap {
    /* dimensions */
    width:677px;
    margin:15px 0 15px 40px;
    padding:15px 0;

    /* centered */
    text-align:center;

    /* some "skinning" */
    background-color:#efefef;
    border:2px solid #fff;
    outline:1px solid #ddd;
    -moz-ouline-radius:4px;
}