/*******************************/
/*-------- MAIN BLOCKS --------*/
/*******************************/

.clear {clear: both; height: 0; line-height: 0; margin :0; padding: 0;}

.head_bg {background: url(../images/header_bg.jpg) no-repeat top center; padding: 0px;}
	
#main {
	width: 1004px;
	padding: 0px;
	margin: 0px auto;
	/*height: 100%;*/
	min-height: 100%;
	}


/*******************************/
/*--------- TOP LINE ----------*/
/*******************************/	
#topline {
	background: url(../images/top_line.jpg) #000000 repeat-y center;
	height: 2px;
	padding: 28px 0px 1px 0px;	
	}
	
	.top_line2 {background-color: #3c3e3f; padding: 0px; height: 1px; text-align: center;}	
	

/*******************************/
/*---------- HEADER -----------*/
/*******************************/
#header {
		padding: 0px;
		height: 130px;
		}
		
	#header img.logo {margin-top: 35px; border: none; margin-left: 15px; float: left; behavior: url(css/iepngfix.htc); width: 290px; height: 65px;}
	
	#header .right {padding: 0px; padding-right: 15px; width: 442px; float: right; text-align: right;}
	
		#header .right .com_phone {font: normal 28px/normal Lucida Sans Unicode, sans-serif; padding: 25px 0px 20px; *padding: 25px 0px 10px 0px;}
			#header .right .com_phone span {font-size: 18px;}
			

		/** Select **/
		#header .right .iwant {padding: 0px;}
											
			#header .right .iwant div.selectbox-wrapper {
											position: absolute;
											z-index: 100;
											width: 311px;
											background: url(../images/iwant_select_bg.gif) #23272f repeat-x bottom;
											border: 2px solid #2b2f3a;
											margin: 0px; *margin: 18px 0px 0px -335px;
											text-align: left;
											font: normal 16px/normal Lucida Sans Unicode, sans-serif;
											padding: 3px 5px;
											overflow: auto;
											}
											
			#header .right .iwant div.selectbox-wrapper ul {margin: 0px; padding: 0px;}
			#header .right .iwant div.selectbox-wrapper ul li.selected {background-color: #171c20;}
			#header .right .iwant div.selectbox-wrapper ul li.current {background-color: #3b4252;}
			#header .right .iwant div.selectbox-wrapper ul li {list-style-type: none; margin: 5px 0px; padding: 6px 8px; cursor: pointer;}

			#header .right .iwant .selectbox {
											margin: 0px;
											padding: 9px 0px 0px 13px; *padding: 0px 0px 9px 13px;
											font: normal 16px/50px Lucida Sans Unicode, sans-serif;
											*line-height: 35px;
											width: 311px; height: 30px;
											display: block;
											text-align: left; 
											background: url(../images/iwant.gif) no-repeat;
											cursor: pointer;
											border: none;
											color: #3c4248;
											float: left;
											}
					
					/** хак для оперы **/						
					@media all and (min-width:0px) {
									     head~body #header .right .iwant .selectbox {padding: 5px 0px 4px 13px;}
													}
													
													/** хак для ие8 **/						
					  #header .right .iwant .selectbox {padding /*\**/: 0px 0px 10px 13px; line-height /*\**/: 35px; }
													

			/** Submit **/
			#header .right .iwant input.submit {
											background: url(../images/backcall/submit_index.gif) no-repeat top left;
											color: #ffffff;
											font-size: 14px;
											border: none;
											width: 107px;
											padding: 12px 0px 16px;
											margin: 0px;
											text-align: center;
											float: right;
height: 41px;	
											}
											

/*******************************/
/*------------ MENU -----------*/
/*******************************/
#menu {
	padding: 0px; margin: 0px auto;
	width: 974px;
	background: url(../images/menu/menu_bg.gif) repeat-x;
	height: 60px;
	font: normal 17px/16px Lucida Sans Unicode, sans-serif;
	text-align: center;
	}
	
	#menu .lc {padding: 0px; background: url(../images/menu/menu_lc.gif) no-repeat top left;}
	#menu .rc {padding: 0px; background: url(../images/menu/menu_rc.gif) no-repeat top right;}

	#menu ul {padding: 0px; margin: 0px; padding-top: 17px;}
	#menu ul li {padding: 10px 0px; margin: 0px; display: inline;}
	#menu ul li.divider {background: url(../images/menu/menu_div.gif) no-repeat 0px 5px; height: 40px; margin: 0px 5px 0px 8px;}
	
		#menu ul li	a {color: #e9e9e9; text-decoration: none; padding: 15px 2px 24px 2px;}
		#menu ul li	a:hover {color: #4fcaf8; background: url(../images/menu/menu_hover.jpg) no-repeat top center;}
#menu ul li.top_submenu_hidden  a {background: none; font-size: 15px;}
#menu ul li.top_submenu_hidden  a:hover {background: none;}
/*******************************/
/*--------- PORTFOLIO ---------*/
/*******************************/
#pslide {
		padding: 0px; padding-top: 3px;
		margin: 0px 0px 15px 15px;
		width: 973px; height: 279px;
		display: block;
		clear: both;
		background: url(../images/portfolio_main/bg_main.png) no-repeat top left; behavior: url(css/iepngfix.htc);
		}
	
	/** Picture **/
	#pslide .pic {width: 578px; height: 279px; display: block; padding: 0px; float: left;}
		#pslide .pic img {border: none;}
		#pslide .pic .lable {
							background: url(../images/portfolio_main/portfolio_lable.png) no-repeat; behavior: url(css/iepngfix.htc);
							padding: 0px;
							margin: -279px 0px 0px 0px;
							position: absolute; *position: relative;
							width: 107px;
							height: 82px;
							}
							
	/** Items **/
	#pslide .items {padding: 0px; width: 394px; padding-left: 1px; float: right;}
		#pslide .items img {
							padding: 3px;
							border-top: 1px solid #15181d; border-left: 1px solid #15181d; border-right: 1px solid #40454e; border-bottom: 1px solid #40454e;
							background-color: #0f0f0f;
							float: left;
							margin-right: 15px;
							}
							
		#pslide .items p {padding-bottom: 10px;}
		
		#pslide .items a {font-size: 17px; font-family: tahoma; *font-weight: bold;}
		
		/** Item 1 **/	
		#pslide .items .item_1 {
								padding: 20px 0px 0px 30px;
								background: url(../images/portfolio_main/item1.jpg) no-repeat 0px 0px;
								width: 364px; height: 73px;
								display: block;
								color: #969b9f;
								}

			#pslide .items .item_1 a {color: #969b9f; text-decoration: underline;}
			#pslide .items .item_1 a:hover {text-decoration: none;}

			/** Item 1, active **/
			#pslide .items .item_1_act {
								padding: 20px 0px 0px 30px;
								background: url(../images/portfolio_main/item1_act.jpg) no-repeat 0px 0px;
								width: 364px; height: 73px;
								display: block;
								color: #b8d3e5;
								}
								
			#pslide .items .item_1_act a {color: #2b98e3; text-decoration: none;}
			#pslide .items .item_1_act a:hover {text-decoration: underline;}
			
		
		/** Item 2 **/
		#pslide .items .item_2 {
								padding: 20px 0px 0px 30px;
								background: url(../images/portfolio_main/item2.jpg) no-repeat 0px 0px;
								width: 364px; height: 73px;
								display: block;
								color: #969b9f;
								}
								
			#pslide .items .item_2 a {color: #969b9f; text-decoration: underline;}
			#pslide .items .item_2 a:hover {text-decoration: none;}
			
			/** Item 2, active **/
			#pslide .items .item_2_act {
								padding: 20px 0px 0px 30px;
								background: url(../images/portfolio_main/item2_act.jpg) no-repeat 0px 0px;
								width: 364px; height: 73px;
								display: block;
								color: #b8d3e5;
								}
								
			#pslide .items .item_2_act a {color: #2b98e3; text-decoration: none;}
			#pslide .items .item_2_act a:hover {text-decoration: underline;}
		

		/** Item 3 **/
		#pslide .items .item_3 {
								padding: 20px 0px 0px 30px;
								background: url(../images/portfolio_main/item3.jpg) no-repeat 0px 0px;
								width: 364px; height: 73px;
								display: block;
								color: #969b9f;
								}
								
			#pslide .items .item_3 a {color: #969b9f; text-decoration: underline;}
			#pslide .items .item_3 a:hover {text-decoration: none;}
			
			/** Item 3, active **/
			#pslide .items .item_3_act {
								padding: 20px 0px 0px 30px;
								background: url(../images/portfolio_main/item1_act.jpg) no-repeat 0px 0px;
								width: 364px; height: 73px;
								display: block;
								color: #b8d3e5;
								}
								
			#pslide .items .item_3_act a {color: #2b98e3; text-decoration: none;}
			#pslide .items .item_3_act a:hover {text-decoration: underline;}			


.portfolio_menu {
	background: #1e2429;
	height: 29px;
	width: 973px;
	margin: 0 0 0 15px;
	padding: 20px 0 0 0;
	text-align: center;
	}
	
	
	.portfolio_menu  a{
		color: #fff;
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;
		margin: 0 40px 0 0;
		font-family: arial;
		}
		
		.portfolio_menu  a:hover{
		color: #ffb400;
		background: url(../images/portfolio/portfolio_marker2.gif) repeat-x 0px 26px;
		*background: url(../images/portfolio/portfolio_marker2.gif) repeat-x 0px 25px;
		padding-bottom: 15px;
		}
		
	.portfolio_menu  a.portfolio_active{
		color: #ffb400;
		background: url(../images/portfolio/portfolio_marker2.gif) repeat-x 0px 26px;
		*background: url(../images/portfolio/portfolio_marker2.gif) repeat-x 0px 25px;
		padding-bottom: 15px;
		}		
/*******************************/
/*---------- SERVICES ---------*/
/*******************************/
#services {
			padding: 0px;
			background:url(../images/services.jpg) no-repeat;
			width: 973px; height: 113px;
			clear: both;
			margin: 1px 0px 0px 15px;
			}
			
	#services dl {width: 243px; padding: 0px; padding-top: 5px; *padding-top: 25px; float: left; text-align: center;}
	#services dl dt {text-transform: uppercase; font-size: 14px; padding-bottom: 8px;}
		#services dl dt strong {color: #f9a21d; font-weight: bold;}
		#services dl dt a {text-decoration: none;}
		#services dl dt strong a {text-decoration: none; color: #f9a21d;}
	#services dl dd {padding: 0px; margin: 0px; font-size: 10px; padding: 0px 15px; line-height: normal;}
		#services dl dd a {text-decoration: none;}


/*******************************/
/*---------- CONTENT ----------*/
/*******************************/
#content {
		padding: 0px;
		width: 1004px;
		background: url(../images/lights_inner.jpg) no-repeat 15px 247px;
		*background: url(../images/lights_inner.jpg) no-repeat 24px 206px;
		float: left;
		}
		
#content_port {
		padding: 0px;
		width: 1004px;
		background: url(../images/lights_inner.jpg) no-repeat 15px 225px;
		*background: url(../images/lights_inner.jpg) no-repeat 24px 225px;
		float: left;
		}
		

	/** Text filling **/
	#content .filling {
					padding: 0px; padding-left: 15px;
					width: 665px; display: block;
					float: left;
					}
		
		#content .filling .page_title {
									padding: 15px 0px 10px 25px;
									margin: 0px;
									width: 654px; 
/*height: 60px;*/
									background: url(../images/title_inner.png) no-repeat bottom left #003659; behavior: url(css/iepngfix.htc);									
									font: normal 24px/28px Lucida Sans Unicode, sans-serif;
									color: #ffffff;
									}

			#content .filling .page_title a.sub {
										font: bold 11px/16px Arial, Helvetica, sans-serif;
										color: #c0dbff;
										padding-left: 15px;
										}
            #content .filling .page_title a.sub:first-child {
										background: url(../images/subpage.gif) no-repeat left 0;
										}
			content .filling .page_title a.sub:hover {text-decoration: none;}
			
		#content .filling .text {padding: 25px 10px 20px 0px; min-height: 300px;}
		#content .filling .text img.pics {background-color: #003857; border: 1px solid #2881c9; padding: 7px; margin-top: 10px;}
		
		#content .filling .text h1 {color: #fff; font-size: 20px; margin-bottom: 15px;}
		#content .filling .text h3 {color: #fff; font: normal 18px/20px Lucida Sans Unicode, sans-serif; margin: 25px 0px 15px;}
		#content .filling .text h4 {color: #fff; font-size: 15px; margin: 20px 0px;}


/** Right Column **/
#right_col {padding: 0px; width: 292px; float: right; display: block; margin-right: 16px;}


	/****************************/	
	/** INNER - Back Call Form **/
	/****************************/
	#content .backcall_inner,  .backcall_inner{
					padding: 0px;
					width: 292px; *width: 291px; display: block;
					background: url(../images/backcall/backcall_inner_bg.jpg) #00456c repeat-x bottom;
					}
					
		#content .backcall_inner h4 ,  .backcall_inner h4{
					color: #c0dbff;
					font-size: 16px;
					background: url(../images/backcall/backcall_inner_title.jpg) no-repeat;
					padding: 2px 0px 6px 17px;
					}
					
		#content .backcall_inner p, .backcall_inner p{padding: 10px 15px 17px 17px; *padding: 10px 15px 0px 17px;}

	/** Form **/
	#content .backcall_inner .form_inner, .backcall_inner .form_inner {padding: 0px; margin: 0px 15px;}
	#content .backcall_inner .form_inner img.sep,  .backcall_inner .form_inner img.sep {margin: 7px 0px 7px 4px; *margin: 7px 0px 3px 4px;}

			#content .backcall_inner .form_inner input.fio,  .backcall_inner .form_inner input.fio {
												background: url(../images/backcall/name_inner.gif) no-repeat top left;
												color: #77a0c2;
												font-size: 13px;
												border: none;
												width: 248px; height: 29px;
												padding: 2px 0px 0px 13px;
												margin: 0px;
line-height: 30px;
												}

			#content .backcall_inner .form_inner input.ph, .backcall_inner .form_inner input.ph {
												background: url(../images/backcall/name_inner.gif) no-repeat top left;
												color: #77a0c2;
												font-size: 13px;
												border: none;
												width: 248px; height: 29px;
												padding: 2px 0px 0px 13px;
												margin: 0px; line-height: 30px;
												}

			#content .backcall_inner .form_inner input.comp, .backcall_inner .form_inner input.comp {
												background: url(../images/backcall/name_inner.gif) no-repeat top left;
												color: #77a0c2;
												font-size: 13px;
												border: none;
												width: 248px; height: 29px;
												padding: 2px 0px 0px 13px;
												margin: 0px; line-height: 30px;
												}
		

			#content .backcall_inner .form_inner textarea,  .backcall_inner .form_inner textarea {
												background:url(../images/backcall/textarea_inner.gif) no-repeat top left;
												font-size: 13px;
												color: #78a1c2;
												border: none;
												width: 236px; height: 95px;
												padding: 13px;
												overflow: auto;
												}
				/** хак для оперы **/						
					@media all and (min-width:0px) {
									     head~body #content .backcall_inner .form_inner textarea,  .backcall_inner .form_inner textarea {overflow: hidden;}
													}
		
			#content .backcall_inner .form_inner .send,  .backcall_inner .form_inner .send {
												font: normal 20px/30px Lucida Sans Unicode, sans-serif;
												color: #c0dbff;
												padding: 0px; padding-bottom: 20px; *padding-bottom: 0px;
												text-align: center;												
												}
												
				#content .backcall_inner .form_inner .send span,  .backcall_inner .form_inner .send span {border-bottom: 2px dashed #c0dbff;}
											

	/****************************/	
	/** INNER - Portfolio Page **/
	/****************************/

	/** Title and short description **/
	#title_port {
				padding: 0px;
				background: url(../images/title_inner_portfolio.png) no-repeat; behavior: url(css/iepngfix.htc);
				width: 973px; height: 94px;
				clear: both;
				margin: 1px 0px 2px 15px;
				}
				
		#title_port	.name {
							padding: 15px 0px 0px 25px;
							margin: 0px;
							font: normal 24px/normal Lucida Sans Unicode, sans-serif;
							color: #ffffff;
							width: 625px;
                            display: block;
							float: left;
                            position: absolute;
                            z-index: 10;
							}
			
			#title_port	.name a.site {font-size: 12px;}
			
		#title_port	.short_descr {
							width: 270px;
							border-left: 1px #79a5b4 dotted;
							float: right;
							color: #c0dbff;
							font: normal 11px/16px Arial, Helvetica, sans-serif;
							padding: 5px 0px 5px 15px;
							margin: 8px 5px 8px 0px;
							*margin: 8px 4px 8px 0px;
                            line-height: 22px;
                            height: 65px;
                            cursor: pointer;
							}
							
			#title_port	.short_descr a {color: #c0dbff;}
			
		/** Lines **/
		.line_1 {padding: 0px;}
		.line_2 {padding: 0px;}		
			
		/** Portfolio Pictures **/
		.portfolio {
					border: 1px solid #2881c9;
					padding: 7px;
					margin-left: 15px; *margin-left: 8px;
					width: 664px; *width: 662px; display: block;
					float: left;
					background-color: #003857;
					}
					
			.portfolio .analog {
								color: #c0dbff;
								font: normal 12px/normal Lucida Sans Unicode, sans-serif;
								text-align: center;
								background: url(../images/portfolio/analog_bg.gif) #004068 repeat-x top;
								padding: 7px 0px 5px;
								margin: 6px 0px; *margin: 4px 0px 3px;
								}


                /*** portfolio slider--- ***/
                #slider {
                    height: 102px;
                    margin: 0;
                    padding: 0;
                    width: 664px;
                }

                #slider_btn {
                    padding: 40px 0px 0px 8px;
                    background-color: #00334f;
                    border: 1px solid #045699;
                    width: 16px;
                    height: 60px;
                    float: left;
                }

                #slider .works {
                    padding: 0;
                    margin: 0 23px 0 17px;
                    float: left;
                    height: 102px;
                    overflow: hidden;
                    width: 570px;
                }

                #slider ul {
                    height: 102px;
                    list-style-type: none;
                    margin: 0;
                    padding: 0;
                }

                #slider ul li {
                    float: left;
                    margin: 0;
                    padding: 0;
                    list-style-type: none;
                }

                #slider ul li img {
                    border: 1px solid #2881c9;
                     margin: 0px 10px;
                     padding: 0px;
                }

                #slider_btn2 {
                    padding: 40px 0px 0px 8px;
                    background-color: #00334f;
                    border: 1px solid #045699;
                    width: 16px;
                    height: 60px;
                    float: right;
                }

                #slider_btn img {
                    margin: 0;
                }
                /*** ---portfolio slider ***/

				
		
		/** Portfolio description text **/
		.portfolio_text {padding: 40px 15px 0px 35px; width: 745px; float: right;}
		
		.portfolio_text h4 {color: #fff;}
		.portfolio_text h5 {font-size: 18px;}
		
		.portfolio_text .comment {
								padding: 5px 0px 0px 65px; margin: 15px 0px;
								font-style: italic;
								background: url(../images/comment_l.gif) no-repeat top left;
								}
			.portfolio_text .comment_r {background: url(../images/comment_r.gif) no-repeat bottom right; padding: 0px 55px 15px 0px;}
								
			.portfolio_text .comment h4 {font-style: italic;}
			.portfolio_text .comment p {line-height: 18px;}
		
			.portfolio_text ul.staff {padding-left: 15px;}
			.portfolio_text ul.staff li {line-height: 24px;}
			
		/** Project Manager **/
		.prj_manager {padding: 0px; padding-top: 40px; width: 194px; margin-left: 15px; *margin-left: 7px; display: block; float: left;}
			.prj_manager p {padding-bottom: 10px; line-height: 18px;}
			.prj_manager img {float: none; clear: both; margin: 15px 0px;}
			
		
		/** Next and Previous Works **/
		.np_works {
				padding: 12px 15px;
				background: url(../images/portfolio/next_prev_works.png) no-repeat; behavior: url(css/iepngfix.htc);
				width: 943px;
				margin-left: 15px; *margin-left: 7px; margin-top: 30px;
				float: left; clear: both;
				font-size: 11px;
				}
			
			.np_works span.prev {float: left;}	
			.np_works span.next {float: right;}


/*******************************/
/*----------- DSAS ------------*/
/*******************************/
#dsas {padding: 30px 0px 0px 35px; /*clear: both;*/ float: left; background: url(../images/lights_main.jpg) no-repeat top center;}

/** designometr **/
#dsas .dmetr {
			padding: 0px;
			width: 528px; height: 330px;
			display: block;
			text-align: center;
			float: left;
margin-top: -5px;
background: url(../images/makets_bg.jpg) no-repeat 0 0;

			}
			
	#dsas .dmetr img {behavior: url(css/iepngfix.htc);}
			
	#dsas .dmetr .descr {font-size: 11px; line-height: normal; height: 60px; padding: 0px;}
	#dsas .dmetr .descr p.title {font-size: 12px; padding-bottom: 5px; font-weight: bold;}


/** search and additional services **/
#dsas .sas {
			padding: 0px; padding-left: 38px;
			width: 390px;
			float: right;
			margin-right: 13px;	
			}
			
	/** search **/
	#dsas .sas .search {padding: 0px; clear: both; height: 45px;}

		#dsas .sas .search input.sfield {
										background:url(../images/search_main.gif) no-repeat;
										color: #77a0c2;
										font-size: 13px;
										border: none;
										width: 258px; height: 39px;
										padding: 0px 0px 0px 13px;
										margin: 0px; margin-right: 5px;
										float: left;
                                                                                
line-height: 40px;									
										}

		#dsas .sas .search input.submit {
										background: url(../images/backcall/submit_index.gif) no-repeat top left;
										color: #ffffff;
										font-size: 14px;
										border: none;
										width: 107px;
										padding: 12px 0px 16px;
										margin: 0px;
										text-align: center;
										float: right;										
										}

	/** additional service items - index page **/
	#dsas .sas .item {
					padding: 5px 30px 0px 20px;
					margin: 0px; margin-top: 10px;
					clear: both;
					background: url(../images/add_services/bg_main.gif) no-repeat;
					width: 337px; height: 126px;
					display: block;
					color: #d9ecf3;
					font-size: 11px; line-height: 14px;
					}
					
		#dsas .sas .item a {color: #c0dbff; text-decoration: underline;}
		#dsas .sas .item a:hover {text-decoration: none;}
		
		#dsas .sas .item img {border: none; float: left; margin: 0px 28px 15px 0px;}
		
		
	/** additional service items - inner page **/
	#right_col .addservices {padding: 0px;}
	
		#right_col .addservices .item {
					padding: 5px 15px 0px 20px;
					margin: 0px; margin-top: 10px;
					clear: both;
					background: url(../images/add_services/bg_inner.gif) no-repeat;
					
					display: block;
					color: #d9ecf3;
					font-size: 11px; line-height: 13px;
					}
					
		#right_col .addservices .item a {color: #c0dbff; text-decoration: underline;}
		#right_col .addservices .item a:hover {text-decoration: none;}
		
		#right_col .addservices .item img {border: none; float: left; margin: 0px 20px 15px 0px;}
		#right_col .addservices .item h6 {margin: 0px 0px 5px 0px;}


/*******************************/
/*--------- BACK CALL ---------*/
/*******************************/	

/** Index page - Manager **/
#backcall_main {padding: 25px 0px 0px 14px; width: 990px; clear: both;}

	#backcall_main .manager {padding: 0px; padding-top: 10px; width: 380px; float: left;}
		#backcall_main .manager p {padding-bottom: 10px; line-height: 20px;}
		#backcall_main .manager img {float: left; margin: 0px 25px 0px 0px;}
		
/** Index page - Back Call Form **/
	#backcall_main .form_main {
							padding: 0px;
							margin: 10px 15px 0px 0px; *margin: 10px 15px 0px 15px;
							width: 579px; height: 161px;
							display: block;
							float: right;
							background: url(../images/backcall/form_main.png) no-repeat top left; behavior: url(css/iepngfix.htc);
							}

		/** Contact information **/
		#backcall_main .form_main .continfo {padding: 16px 0px 0px 20px; width: 189px; height: 136px; float: left;}
			
			#backcall_main .form_main .continfo input.fio {
												background: url(../images/backcall/name_index.gif) no-repeat top left;
												color: #77a0c2;
												font-size: 13px;
												border: none;
												width: 172px; height: 23px;
												padding: 8px 0px 0px 13px;
												margin: 0px; margin-bottom: 13px;
												}

			#backcall_main .form_main .continfo input.ph {
												background: url(../images/backcall/name_index.gif) no-repeat top left;
												color: #77a0c2;
												font-size: 13px;
												border: none;
												width: 172px; height: 23px;
												padding: 8px 0px 0px 13px;
												margin: 0px; margin-bottom: 13px;
												}

			#backcall_main .form_main .continfo input.comp {
												background: url(../images/backcall/name_index.gif) no-repeat top left;
												color: #77a0c2;
												font-size: 13px;
												border: none;
												width: 172px; height: 23px;
												padding: 8px 0px 0px 13px;
												}
		
		/** Message textarea **/
		#backcall_main .form_main .message {padding: 0px; padding-top: 16px; width: 245px; height: 136px; float: left;}
		#backcall_main .form_main .message textarea {
									background:url(../images/backcall/textarea_index.gif) no-repeat top left;
									font-size: 13px;
									color: #78a1c2;
									border: none;
									width: 196px; height: 95px;
									padding: 13px;									
									overflow: auto;
									} 
									
			/** хак для оперы **/						
					@media all and (min-width:0px) {
									     head~body #backcall_main .form_main .message textarea {overflow: hidden;}
													}
		
		/** Submit **/
		#backcall_main .form_main .sbmt {padding: 95px 0px 0px 5px; width: 120px; height: 57px; float: right;}
		#backcall_main .form_main .sbmt input.submit {
									background: url(../images/backcall/submit_index.gif) no-repeat top left;
									color: #ffffff;
									font-size: 14px;
									border: none;
									width: 107px;
									padding: 12px 0px 16px;
									text-align: center;
									}


/*******************************/
/*---------- MANAGERS ---------*/
/*******************************/				
#managers {padding: 0px; padding-left: 14px; padding-top: 35px; width: 990px; clear: both;}

#managers p.title {font: normal 20px/normal Lucida Sans Unicode, sans-serif; color: #ffffff;}

	#managers .item {
					background:url(../images/manager_bg.png) no-repeat;	behavior: url(css/iepngfix.htc);		
					font-size: 10px;
					line-height: 22px;
					padding: 10px 0px 0px 30px;
					margin: 0px 17px 20px 1px; *margin: 0px 16px 0px 1px;
					display: block;
					width: 150px;
					height: 110px;
					float: left;
					}

		#managers .item span {font-size: 12px; font-weight: bold;}
			

/*******************************/
/*--------- SEO TEXT ----------*/
/*******************************/
#seo {
	padding: 35px 0px 0px 0px;
	width: 991px;
	font-size: 11px; line-height: normal;
	/* clear: both; */
	float: left;
	background: url(../images/lights_main_2.jpg) no-repeat top center;
	position: absolute;
	top: 1455px;
	z-index: 10;
	
	}
	
	/*#seo .col1 {padding: 0px; padding-right: 20px; width: 265px; display: block; float: left;}*/
	#seo .col1 {padding: 0px; padding-right: 20px; width: 980px; display: block; float: left; font-size: 12px;  }
	#seo .col2 {padding: 0px; padding-right: 15px; width: 279px; display: inline-table; float: left;}
	/*#seo .col3 {padding: 0px; padding-right: 15px; width: 380px; display: inline-table; float: right;}*/
	#seo .col3 {padding: 0px; padding-right: 15px; width: 440px; display: inline-table; float: right;}

#seo2 {width: 991px; float: left;}

/*******************************/
/*---------- FOOTER -----------*/
/*******************************/
#footer {
	background-color: #0e0f0f;
	border-bottom: 10px solid #19222b;
	padding: 0px;
	clear: both;
	}
	
#footer img {border: 0px;}

	#footer	.top_line {background-color: #0b1f32; padding: 0px; height: 1px; text-align: center;}

	
	#footer .light {
					background: url(../images/footer_light.jpg) no-repeat 115px 0px;
					padding: 0px;
					margin: 0px auto;
					width: 1004px;
					}
	
	/** Mobile **/
	#main .mobile {
    background: url(../images/mobile_1.png) no-repeat scroll 115px 95px transparent;
    clear: both;
    height: 362px;
    margin: 0 0 -5px;
    padding: 0;
    position: relative;
    text-align: right;
}
		#main .mobile img {
    border: medium none;
    margin-right: 55px;
    margin-top: 325px;
}

	#footer .mobile_2 {
					padding: 0px;
					padding-top: 28px;
					background: url(../images/mobile_2.jpg) no-repeat 115px -1px;					
					}
		

/** Contacts **/
#footer .contacts {
	padding: 0px; width: 435px;
	color: #c0dbff;
	font-size: 11px;
	line-height: 18px;
	display: inline;
	}
		
	#footer .contacts p {padding: 5px; padding-left: 15px;}
	#footer .contacts p.copyright {color: #778390; line-height: 28px;}
	#footer .contacts p.phone {font: normal 30px/16px Lucida Sans Unicode, sans-serif; color: #ffffff; padding-bottom: 15px;}
		#footer .contacts p.phone span {font-size: 20px;}
		

/** Menu **/
#footer .menu {
	padding: 0px; width: 534px;
	float: right;
	background: url(../images/footer_menu_bg.gif) no-repeat 0px 25px;
	}
	
	#footer .menu ul {padding: 0px; margin: 0px;}
	#footer .menu ul li {padding: 0px; margin: 0px; list-style: none; font-size: 13px; color: #fefeff; font-weight: bold; width: 133px; float: left;}
	
		#footer .menu ul li ul {padding: 8px 0px 0px 0px; margin: 8px 0px 0px 0px;}
		#footer .menu ul li ul li {
								padding: 0px; margin: 0px;
								list-style: none;
								font-size: 11px; font-weight: normal;
								line-height: 17px;
								*line-height: 12px;
								}
		
		#footer .menu ul li ul li a {color: #c0dbff; text-decoration: underline;}
		#footer .menu ul li ul li a:hover {text-decoration: none;}
		
		
		/*** BANNERS****/
		
		.portfolio_banner_text {padding: 40px 15px 0px 35px; width: 632px; float: right;}
		
		.portfolio_banner {
					padding: 7px;
					margin-left: 15px; *margin-left: 8px;
					width: 664px; *width: 662px; display: block;
					float: left;
					
					}
					
		/***SITE FILTER**/
		
		
		.wrap {
            position: absolute;
            margin: 8px 0 0 22px;
	    *margin: 8px 0 0 -650px;
            width: 660px;
            height: 74px;
            overflow: hidden;
            }
            
            .wrap .site_filter {
                background: url(../images/portfolio/filter_bg.gif) repeat-x 0 0;
                margin: 0 0 0 680px;
                padding: 0;
            }
			
			.wrap .site_filter div{
                width: 620px;
                height: 58px;
                background: url(../images/portfolio/filter_left.gif) no-repeat 0 0;
                color: #FFFFFF;
                font-size: 11px;
                text-transform: uppercase;
                padding: 16px 20px 0 80px;
                position: relative;
			}
		
.wrap .site_filter div table td{
                            padding: 0 20px 0 20px;
               
			}
			
	
				.wrap .site_filter select{
					text-transform: none;
				}
					
				.filter_btn {
					background: url(../images/portfolio/filter_ok.gif) no-repeat 0 0;
					width: 46px;
					height: 28px;
					cursor: pointer;
					border: none;
				}
					
					
		/***FORMA***/
		
		.forma_zakaza {
			width: 660px;
			background: #003857;
			border: 1px solid #2881c9;
			font-family: Lucida Sans Unicode;
			float: left;
			color: #fe9b00;
			padding: 20px 0 30px 15px;
			}
			
		.forma_zakaza a {
			text-decoration: none;
			color: #d6d5d5;
			}
			
		.forma_zakaza a:hover {
			color: #fe9b00;
			}
			
			.form_step1 {
				width: 200px;
				float: left;
				font-size: 12px;
				line-height: 22px;
				margin-left: 10px;
				}
				
				.form_step1 span{
					font-size: 28px;
					
					}
					
			.form_step2 {
				width: 210px;
				float: left;
				font-size: 12px;
				line-height: 22px;
				}
				
				.form_step2 span{
					font-size: 28px;
					}
					
			.form_step3 {
				float: left;
				font-size: 12px;
				line-height: 22px;
				}
				
				.form_step3 span{
					font-size: 28px;
					}
					
		.form_zag_l {
			background: #fe6800 url(../images/form/form_zag_l.gif) no-repeat 0 0;
			height: 39px;
			width: 635px;
			margin: 0;
			padding: 0;
			}
			
			.form_zag_r {
			background: url(../images/form/form_zag_r.gif) no-repeat top right;
			height: 29px;
			width: 625px;
			color: #fff;
			font-size: 22px;
			padding: 10px 0 0 10px;
			margin: 0;
			}
			
			
			.form_attention {
				margin: 20px 0 0px 10px;
				font-size: 10px;
				text-transform: uppercase;
				color: #d6d5d5;
				clear: both;
				}
			
			.form_icons {
				margin: 10px 0 20px 0;
				font-size: 11px;
				float: left;
				}
				
				.form_icons div{
					margin: 0 7px 0 7px;
					text-align: center;
					line-height: 13px;
					float: left;
					}
					
				.form_icons img{
					margin:0 0 5px 0;
					
					}
					
				
			.form_select_info {
				width: 160px;
				float: left;
				color:  #FFFFFF;
				font-size: 15px;
				font-family: Lucida Sans Unicode;
				margin-left: 10px;
				}
			
			.form_select {
				width: 400px;
				float: left;
				}	
			
				.form_select_btn{
					background: url(../images/form/form_next_btn.gif) no-repeat 0 0;
					border: none;
					width: 250px;
					height: 63px;
					cursor: pointer;
					margin: 20px 0 0 200px;
					}
					
					
			.form_inputs_left {
				width: 260px;
				float: left;
				}	
				
				.form_inputs_left input{
				width: 220px;
				float: left;
				border: 2px solid #fe6800;
				margin: 0 0 15px 0;
				height: 30px;
				padding: 0 10px 0 10px;
				font-size: 15px;
				}	
				
			.form_textfield {
				width: 385px;
				float: left;
				}
				
				.form_textfield textarea{
					width: 355px;
					height: 119px;
					border: 2px solid #fe6800;
					vertical-align: top;
					display: table-cell;
					padding: 5px;
					font-size: 15px;
					}
					
			.form_final_uslugi{
					padding-top: 20px;
					}
				
				.form_final_uslugi span{
					color: #FFFFFF;
					font-size: 20px;
					}
					
			.form_itog_uslugi {
				line-height: 30px;
				font-size: 16px;
				margin-left: 25px;
				padding-right: 20px;
				}	
				
				.form_itog_uslugi span{
					color: #FFFFFF;
					}	
					
			.form_itog_uslugi img {
				vertical-align: middle;
				}
				
				
			a.form_zakaz_btn {
				display: block;
				width: 570px;
				height: 63px;
				background: url(../images/form/form_zakaz_btn.gif) no-repeat 0 0;
				border: none;
				text-decoration: none;
				margin: 20px 0 20px 30px;
				}
				
			a.form_zakaz_btn:hover {
				background: url(../images/form/form_zakaz_btn2.gif) no-repeat 0 0;
				}


/* glossariy */

.gloss {
padding:0 10px 10px;
}
.gloss a {
font-size:12px;
font-weight:bold;
line-height:21px;
}
.gloss div {
border-bottom:1px solid #EEEEEE;
margin:0;
padding:10px 0;
}
.gloss_opis {
line-height:16px;
padding:10px;
}
.gloss_kategory {
background:url(/upload/marker_gloss.gif) no-repeat scroll 0 4px transparent;
margin:5px 0 7px 17px;
padding:0 0 0 9px;
}

.alfavit {
border-bottom:3px solid #DDDDDD;
border-top:2px solid #DDDDDD;
margin:10px 10px 20px;
padding:10px 0 10px 7px;
}
.alfavit a {
font-family:tahoma;
font-size:12px;
margin:0 9px 0 0;
}
.alfavit span {
font-family:tahoma;
font-size:12px;
margin:0 9px 0 0;
}

.news_for_images img
{
margin-right: 15px; 
padding: 10px; 
background: none repeat scroll 0% 0% rgb(255, 255, 255); 
border: 3px solid rgb(255, 168, 0);
}

/** SEO **/


.seo_top {
background:url(../upload/seo/seo_top.png) no-repeat right top;
margin: 0 0 30px 0;
padding: 8px 0 0 0;
width: 506px;
position: relative;
}

.seo_bottom {
background:url(../upload/seo/seo_bottom.png) no-repeat left bottom;
margin: 0;
padding: 0 0 10px 0;
width: 506px;
position: relative;
}

.seo_bg {
background:url(../upload/seo/seo_bg.png) repeat-y right top;
margin: 0;
padding: 0 10px 0 50px;
width: 446px;
font-family: arial;
position: relative;
}

	.seo_bg ul {
	margin: 0;
	padding: 0;
	}
	
	.seo_bg li {
	background:url(../upload/seo/seo_marker1.png) no-repeat 0 3px;
	margin: 0 0 7px 0;
	padding: 0 0 0 17px;
	list-style: none;
	color: #fff;
	font-size: 14px;
	
	}
	
	.seo_bg h2{
	background:url(../upload/seo/seo_marker2.png) no-repeat 0 9px;
	margin: 0 0 10px 18px;
	padding: 10px 0 4px 23px;
	list-style: none;
	color: #fff;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: bold;
	}
	
	.seo_q {
	position: absolute;
	right: 0;
	bottom: 0;
	background:url(../upload/seo/seo_q.png) no-repeat 0 0;
	width: 73px;
	height: 58px;
	z-index: 100;
padding: 0;
	}
	
	.seo_num {
	position: absolute;
	left: -20px;
	bottom: 0;
	z-index: 100;
padding: 0;
	}

/*** Akciya 3.08.11 ****/	
	
.akciya_1_zag {
font-size: 30px;
line-height: 31px;
}

.akciya_1_zag span{
font-size: 35px;
color: #ffde00;
}

.akciya_1_p {
font-size: 19px;
vertical-align: middle;
padding: 30px 0;
line-height: 24px;
}

	.akciya_1_p span{
	font-size: 30px;
	line-height: 24px;
	}
	
	.akciya_1_p img{
	vertical-align: middle;
	}
	
	.akciya_manager{
	float: left;
	font-size: 16px;
	font-weight: bold;
	line-height: 25px;
	margin: 0 60px 0 0;
	text-align: center;
	}
	
	.akciya_manager img{
	margin: 0 0 10px 0;
	}


	
.akciya_2_p {
font-size: 18px;
line-height: 20px;
vertical-align: middle;
padding: 10px 0;
}

	.akciya_2_p span{
	font-size: 24px;
	line-height: 24px;
	}
	
	.akciya_2_p img{
	vertical-align: middle;
	}
	
.akciya_2_zag {
font-size: 25px;
color: #fac31b;
}

.akciya_2_zag span{
font-size: 25px;
color: #ffde00;
}