@import url("reset.css");

body {color:#000; background:#000 url(../img/bg.png) repeat-x 0 0; font:12px Arial, Verdana, sans-serif}
td,th {color:#000; font:12px Arial, Verdana, sans-serif}
input,textarea,option,select {color:#000; font:1em Arial, Verdana, sans-serif}

/* // ---- typography ---- // */

a {color:#2967b9; text-decoration:none;}
a:hover {text-decoration:underline;}

.fBold {font-weight:bold}

.main-title {font-size:20px; font-weight:normal; padding-bottom:13px}

/* -- ---- typography ---- -- */

.bg-left {background:url(../img/bg-left.jpg) no-repeat 0 44px}
.bg-right {background:url(../img/bg-right.jpg) no-repeat 100% 35px}

.long-col {float:left; width:730px}
.side-col {float:right; width:268px}

#minWidth {position:relative; width:1000px; margin:0 auto}

/* // ---- gray crn ---- // */
.top-crn {height:6px}
.gray-crn {height:5px; border-top:1px solid #fff; background:#fff url(../img/gray-bg.gif); margin:0 6px; font-size:1px}
	.gray-crn div {margin-top:-1px; width:6px; height:6px; background-image:url(../img/gray-crn.gif)}
	.gray-crn .rth {position:relative; float:right; right:-6px; background-position:100% 0}
	.gray-crn .lft {position:relative; left:-6px; background-position:0 0}

.three-column-grid, .two-column-grid, .one-column-grid {margin-bottom:2px}
	.three-column-grid .col-middle, .two-column-grid .col-middle {background:#fff url(../img/col-middle-bg.png) repeat-x 0 0}
	.two-column-grid .col-middle .long-col {border-right:2px solid #000; margin-right:-100px}
	.two-column-grid .col-middle .side-col {border-left:2px solid #000}
	.one-column-grid .col-middle .long-col {border-right:0px solid #000; width:998px}
	.one-column-grid .long-col {width:998px}
	.three-column-grid .col-2 {float:left; position:relative; z-index:2; left:200px; width:528px; margin-right:-100%}
	.three-column-grid .col-1 {float:left; position:relative; z-index:3; width:198px}
	.middleNew .three-column-grid .col-1 {display:none;}
	.middleNew .three-column-grid .col-2 {width:726px;left:2px;}
	.three-column-grid .col-3 {float:right; position:relative; width:270px}
	.three-column-grid .col-middle .col-md {position:relative; left:198px; border-left:2px solid #000; border-right:2px solid #000; width:528px}
	.middleNew .three-column-grid .col-middle .col-md {width:726px;left:0px;}
	.three-column-grid .col-1-m {position:relative; float:left; left:-200px; width:198px; margin-right:-100%}
	.three-column-grid .col-2-m {float:left; width:528px; margin-right:-100%}
	.middleNew .three-column-grid .col-2-m {width:726px;}
	.middleNew .three-column-grid .col-1-m {display:none;}
	.three-column-grid .col-3-m {position:relative; float:right; right:-272px; width:270px}
		.col-2m {padding:14px 24px}
.middleNew .col-2m {padding:13px 18px;}
	.three-column-grid .brd-cont {height:auto !important; height:150px; min-height:150px}
.brd-cont {border-right:1px solid #fff; border-left:1px solid #fff; background:#fff url(../img/col-middle-bg.png) repeat-x 0 0; zoom:1}

.btm-crn {height:1px; margin-bottom:-1px; font-size:1px}
	.btm-crn .rth, .btm-crn .lft {position:relative; top:-6px; margin-bottom:-6px; width:6px; height:6px; background-image:url(../img/gray-crn.gif)}
	.btm-crn .rth {float:right; background-position:100% 100%}
	.btm-crn .lft {background-position:0 100%}


/* -- ---- gray crn ---- -- */

/* // ---- top block ---- // */
.top {position:relative; color:#fff; height:105px}
	/*.logo {padding:32px 0 0; text-align:center}*/
	/*.icons {position:absolute; left:1px; top:48px; width:120px}*/

	.logo {padding:22px 0 0; text-align:center}
	.icons {position:absolute; left:768px; top:86px; width:120px}

		.icons li {float:left; padding-right:10px}
		.icons a, .icons span {display:block; height:10px; overflow:hidden; font-size:1px; background-image:url(../img/icons.gif)}
		.icons .ico-home {width:11px}
		.icons .ico-smap {width:9px; background-position:-11px 0}
	.search-block {position:absolute; top:44px; right:25px}
		.search-block .inp-txt {float:left; width:158px; }
		.search-block .lbl {position:absolute; right:100%; top:2px; padding-right:6px}
		.search-block .btn {position:absolute; top:2px; right:-24px}
	.top .small-nav {position:absolute; right:0; bottom:7px; width:200px}
		.top .small-nav li {float:right; padding-left:20px}
/* -- ---- top block ---- -- */

/* // ---- navigation block ---- // */
.navigation {position:relative; z-index:90; background:url(../img/bgnav.png) no-repeat 0 0; margin-left:-1px; margin-bottom:4px}
	.navigation li {position:relative; float:left; width:166px; height:51px; font:14px/50px Arial,Helvetica; background:url(../img/bgnav-brd.png) no-repeat 100% 2px; text-align:center}
	.navigation a {color:#b3b3b3; text-decoration:none}
		.navigation a:hover {color:#666}
	.navigation .nav-1 {width:169px}
	.navigation .nav-6 {width:168px; background-image:none}
	.navigation ul {padding:19px 10px 11px 33px}
		.navigation ul li {float:none; width:100%; height:auto; font-size:13px; line-height:normal; background-image:none; text-align:left; padding-bottom:8px}
		.navigation .sfHover .subnav {top:51px; background:#010101 url(../img/snav-bg.png) bottom center repeat-x!important;}
			.navigation .sfHover a {color:#666}
			.navigation .sfHover ul a {color:#b3b3b3}
				.navigation .sfHover ul a:hover {color:#666}
	.subnav {position:absolute; top:-999em; left:-1px; width:100%; zoom:1;}
	.subnav ul {}
	
		.subnav .b-t {position:relative; margin:0 10px -1px 13px; font-size:0; line-height:0; height:1px; overflow:hidden; background-color:#242424}
		.subnav .s-btm {height:4px; margin-right:4px; font-size:1px}
			x.subnav .s-btm-l {position:relative; left:0; background:url(../img/snav-l.png); height:4px; width:100%}
			.subnav .s-btm-r {position:relative; float:right; right:-4px; width:4px; height:4px; background:url(../img/snav-r.png)}
/* -- ---- navigation block ---- -- */

/* // ---- main content ---- // */
.main-content {padding:14px 15px 15px 19px}
	.briefly-block {padding-bottom:22px}
		.flash-block {float:left; padding-bottom:15px}
		.briefly-text {float:right; width:310px}
/* -- ---- main content ---- -- */

/* // ---- for editor ---- // */
.for-editor {line-height:17px}
	.for-editor .dt {color:#808080; font-size:11px; padding-bottom:4px}
	.for-editor p {padding-bottom:15px}
	.for-editor img {border:0px solid #b3b3b3}
	.for-editor h2 {font-size:18px; font-weight:normal; line-height:normal; padding-bottom:13px}
	.for-editor ul {padding:0 0 15px 7px}
		.for-editor ul li {background:url(../img/li.gif) no-repeat 0 7px; padding-left:13px}
	.for-editor table {position:relative; margin:0 0 15px -8px; width:100%}
		.for-editor table th {background-color:#cbcbcb; padding:1px 5px 1px 8px; font-weight:bold; text-align:center; border: 1px solid black}
		.for-editor table td {padding:1px 5px 3px 8px; vertical-align:top; text-align:center}
		.for-editor table .zb {background-color:#ebebeb}
/* -- ---- for editor ---- -- */

.production-main {}
	.production-main .ph {padding-bottom:8px}
		.production-main .ph img {border:1px solid #FFFFFF}
	.production-main h3 {font-size:12px; font-weight:normal; padding-bottom:5px}
	.production-main .floatLeft {width:341px}
	.production-main .floatRight {width:310px}

/* // ---- main objects ---- // */
.main-objects {padding:14px 21px 23px 19px}
	.main-objects ul {padding-bottom:9px}
	.main-objects li {padding-bottom:16px}
		.main-objects li img {border:1px solid #b3b3b3; margin-bottom:5px}
/* -- ---- main objects ---- -- */

/* // ---- three-column-main ---- // */
.main-news .brd-cont {padding:31px 0 0}
.three-column-main {margin-bottom:25px}
	.three-column-main .main-title {position:relative; margin-top:-15px}
	.three-column-main td {padding:0 20px; width:33%; border-right:1px solid #b5b5b5; vertical-align:top}
	.three-column-main .col-3 {border-right-width:0}
/* -- ---- three-column-main ---- -- */

/* // ---- news ---- // */
.news-list {margin:0 0 -13px; line-height:16px}
	.news-list li {padding-bottom:13px}
		.news-list .dt {color:#808080; font-size:11px; padding-bottom:3px}
		.news-list .img-cover {float:left; border:1px solid #b3b3b3; margin:3px 16px 0 0}
		.news-list h3 {font-size:1em; font-weight:normal; padding-bottom:5px}

.news-tools {margin:0 20px; border-bottom:1px solid #b5b5b5; padding-bottom:15px}
	.news-tools .news-left {float:left; padding-top:15px}
		.news-tools .news-left a {position:relative; margin-left:-6px; padding-left:8px; background:url(../img/ar.gif) no-repeat 0 8px}
	.news-tools .news-right, .subscribe-block {float:right; width:413px; text-align:right; vertical-align:middle; padding-top:15px}
		.news-tools .news-right input, .subscribe-block input {color:#bdbdbd}
		.news-tools .news-right label, .news-tools .news-right input, .subscribe-block input {vertical-align:middle}

/* -- ---- news ---- -- */

/* // ---- bottom ---- // */
.bottom {padding:18px 18px 20px; line-height:15px}
	.bottom .btm-left {float:left; color:#333; width:258px}
	.bottom .btm-cont {float:left; color:#808080; width:180px; margin-right:8px}
	.bottom .phones {padding-left:60px}
		.bottom .phones small {position:relative; float:left; font-size:1em; left:-60px; width:60px; margin-right:-60px}
		.bottom .phones span {float:right; width:100%}
	.bottom .develop {float:right}
/* -- ---- bottom ---- -- */

/* // ---- second nav ---- // */
.mgray-crn {background:#b8bbbe url(../img/lnav-bg.gif)}
	.mgray-crn div {background-image:url(../img/lnav-crn.gif)}
.lnav {}
	.lnav dt {background:#b8bbbe url(../img/lnav-bg1.gif) repeat-x 0 0; margin:14px 5px 19px 17px}
	.lnav li {font-size:16px; border-bottom:1px solid #c3c3c4; margin:9px 5px 10px 17px}
		.lnav ul ul {padding:10px 5px 5px 5px}
			.lnav ul ul li {font-size:12px; line-height:16px; border-bottom-width:0; margin:0 0 6px}
	.lnav small {display:block; font-size:12px; line-height:16px}
	
	li li ul{list-style:circle; margin-left:10px; color:#2967b9;}
/* -- ---- second nav ---- -- */

.subscribe-block {float:none; padding:20px 5px 0 17px; width:auto; text-align:left}
	.subscribe-block label {display:block; padding-bottom:6px}
	.subscribe-block .inp-txt {width:140px; }

.pages {padding-top:20px}
	.pages dt {float:left; padding-right:10px}
	.pages dd {float:left; padding-right:6px}


.archive-block {margin:0 10px; border-top:1px solid #b5b5b5; padding:7px 0 10px 14px}
	.archive-block .ar, .more-link a {position:relative; margin-left:-8px; padding-left:8px; background:url(../img/ar.gif) no-repeat 0 8px}
	.archive-block p {padding-bottom:7px}
	.archive-block dl {padding:0 0 10px 29px}
		.archive-block dl dt {position:relative; float:left; left:-29px; margin-right:-29px}
		.archive-block dl dd {float:left; padding:0 0 0 13px}

.more-link {padding-top:16px}
	.more-link a {zoom:1}

.view-gallery {padding-bottom:40px}
	.view-gallery .txt-gallery {float:left; width:235px; padding-top:5px}
		.view-gallery .txt-gallery h2 {font-size:14px; padding-bottom:4px}
	.view-gallery .gallery {float:right; width:230px; text-align:right}
		.view-gallery .gallery .big-ph {padding-bottom:11px}
			.view-gallery .gallery img {border:1px solid #b3b3b3}
	.view-gallery .line-thumbs {}
		.view-gallery .line-thumbs li {float:right; padding:0 0 2px 2px}
		.view-gallery .line-thumbs .selected img {opacity: 0.6; -moz-opacity: 0.6; filter:alpha(opacity=60)}

.three-col-table {width:100%; margin-bottom:30px}
	.three-col-table td {width:32%; vertical-align:top; font-size:12px; line-height:16px; padding:0 15px 0 0}
	.three-col-table td.frst {width:36%}

.feedback-form {}
	.feedback-form .inputs {padding-bottom:16px}
		.feedback-form .lbl {float:left; width:129px; padding-top:1px}
		.feedback-form .inp-txt {float:left; width:251px}
		.feedback-form select {width:257px}
		.feedback-form option, .feedback-form select {margin:0}
		.feedback-form textarea.inp-txt {width:338px; height:189px}
		.feedback-form .btn {padding-left:129px}
			.feedback-form .btn input {color:#fff; background-color:#2967b9; padding:0 10px; overflow:visible; border-width:0}

.banner {
margin-bottom:10px;
}

.middleNew h2.main-title{float:left;}
.middleNew .contactForm{float:right;margin-right:4px;margin-top:5px;}
.middleNew .contactForm a{text-decoration:none;}
.middleNew .contactForm a img{vertical-align:middle;margin-right:10px;}
.middleNew .contactForm a span{text-decoration:underline; color:#2967b9; font-size:12px;}

.middleNew .contactMapBlock{border:1px solid #909090;margin-bottom:58px;float:left;height:598px;margin-left:-1px;margin-top:-1px;overflow:hidden;width:687px;}
.middleNew .contactMap {width:687px; height:568px; overflow:hidden; float:left;}
.middleNew .contactMapTop {width:100%; height:30px;  float:left;background:transparent url(../img/mapTopBg.jpg) top left repeat-x;}
.middleNew .contactMapTop ul {float:left; width:70%;position:relative;}
.middleNew .contactMapTop ul li{float:left;padding:5px 13px 7px;}
.middleNew .contactMapTop ul li a{color:#505050; font-size:15px; font-weight:bold;text-decoration:underline;}
.middleNew .contactMapTop ul li span{color:white; font-size:15px; font-weight:bold;}
.middleNew .contactMapTop ul li.hover a:hover{color:white; font-size:15px; font-weight:bold;}

.middleNew .contactArrow{float:right; margin-top:11px; margin-right:11px;}

.middleNew .contactMapTop ul li ul{margin-left:9px;}
.middleNew .contactMapTop ul li ul li{float:left;padding:7px 10px 7px;}
.middleNew .contactMapTop ul li ul li a{color:#bebebe; font-size:12px; font-weight:normal;border-bottom:1px dashed #bebebe;text-decoration:none;}
.middleNew .contactMapTop ul li ul li span{color:#7baff4; font-size:12px; font-weight:normal;}
.middleNew .contactMapTop ul li ul li a:hover{color:white; font-size:12px; font-weight:normal;border-bottom:1px dashed white;}

.middleNew .contactMapTop ul li.a{background:transparent url(../img/mapTop.png) top left repeat;}
.middleNew .contactMapTop ul li.hover{background:transparent url(../img/mapTop.png) top left repeat;}
.middleNew .contactMapTop ul li .menuShow{display:block;position:absolute; top:30px; left:0; height:31px;background:transparent url(../img/mapTop.png) top left repeat; width:687px;}




/* yaMAP*/
#contact_A{
	position:relative;
	right:5px;
}

#contact_A a{
	font-size:12px; 
}
#contact_A a span{
	text-decoration:underline
}
#contact_A a:hover, #contact_A a:hover span{
	text-decoration:none;
}
#contact_A img{
	margin-right:10px;
}
										




.mainMap{
	width:690px; position:relative; height:561px; margin:0 auto; 
	border:1px solid #929292;
}
#YMapsID {
	width:690px; position:relative; height:531px;
	top:30px;
	
}
#YMapsID h2{
	color: #000000;
	font:normal 18px/24px Arial;
	margin-bottom:3px;
}
#YMapsID p{
margin-bottom:5px;
}

#YMapsID p.address{
color:#868686;
}
#YMapsID p span{width:50px;display:block; float:left;}
#YMapsID p a{margin-left:50px; color:#2967B9; font-weight:bold; text-decoration:underline;}
#YMapsID p a:hover{text-decoration:none;}

.mapNav{
	position:absolute;
	top:0;
	z-index:80;
}

#imag{
position:absolute;
top:10px;
right:10px;
cursor:pointer;
}

/* tabs*/

ul.tabs {  
	margin:0; 
	padding:0;
	height:30px;
	font: normal 12px/16px Arial, Helvetica, Verdana, sans-serif;
	width:690px;
	background: url(../img/mapNavBg.png) repeat-x;
}

/* single tab */
ul.tabs li {  
	float:left;	 
	padding:0; 
	margin:0;  
	list-style-type:none;	
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	float:left;
	font-size:12px;
	display:block;
	padding: 7px 0 5px;
	width:100px;
	text-align: center;
	text-decoration:underline;
	height:18px;
	color: #505050;
	position:relative;
	outline:0;
	font: bold 15px/16px Arial, Helvetica, Verdana, sans-serif;
}

ul.tabs a:hover {
	background-color:#3F4040;
	color:#fff;
	text-decoration:none;
}
	
/* selected tab */
ul.tabs a.current {
	background-color:#3F4040;
	color:#fff;	
	cursor:default;
	text-decoration:none;
}

#mapMenu {
	
}	
/* tab pane */
#mapMenu ul {
	display:none;
	min-height:23px;
	padding:10px 30px 5px;
	background:url(../img/cityLinkBg.png);	
	
}
#mapMenu ul {
	width:630px;
}
#mapMenu ul li{
float:left;
margin-right:25px;
}
#mapMenu ul .e1 a,
#mapMenu ul .e2 a{
	color:#BEBEBE;
	font: normal 12px/16px Arial, Helvetica, Verdana, sans-serif;
	border-bottom:1px dashed #BEBEBE;
	text-decoration:none;
}
#mapMenu ul .a a,
#mapMenu ul .a a{
	color: #7BAFF4;
	text-decoration:none;
	border-bottom:0px dashed #BEBEBE;
}
#mapMenu ul li a:hover{
	border-bottom:0px dashed #BEBEBE;
	color: #7BAFF4;

}



/* overlay contacts*/

#contact_overlay {	
	display:none;
	z-index:10000;
	background: #FDFDFD url(../img/mapNavBg.png) repeat-x;
	width:656px;	
	height:526px;
	border:1px solid #666;
	padding: 5px 20px 20px;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
	
	
}

#contact_overlay .close {
	background-image:url(../img/overlay/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}