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


html{ overflow:scroll;
		scrollbar-base-color: #e5dddd;
         scrollbar-3dlight-color: #e5dddd; 
		scrollbar-arrow-color: #e5dddd;
		scrollbar-highlight-color: #e5dddd;
		scrollbar-face-color: #e5dddd;
		scrollbar-shadow-color: #e5dddd;
		scrollbar-darkshadow-color: #e5dddd;
		scrollbar-track-color: #e5dddd;
		   
	   }

body{ 	margin:0; 
			padding:0; 
			font-family:Arial, Helvetica, sans-serif; 
			background:url(style_img/body_bg.gif);
			background-color:#847E76;
			
			scrollbar-3dlight-color: #81B7C3; 
			scrollbar-arrow-color: #33302D; 
			scrollbar-base-color: #847E76; 
			scrollbar-darkshadow-color: #81B7C3; 
			scrollbar-track-color: #847E76; 
			scrollbar-highlight-color: #81B7C3;
			scrollbar-face-color: #81B7C3; 
			scrollbar-shadow-color: #81B7C3;
	
		}




/*img {behavior:url("png.htc");}*/


				  

				  
.head_logo { width:540px;
					 height:210px;
					 background:url(style_img/head_logo.jpg) no-repeat;
					 position:relative;
					/* border:#c2b5b5 solid 1px;*/
				   }
				   
.head_logo_2{  position:relative;
						 width:540px;
						 height:61px;
						 background: url(style_img/head_logo_2.gif) no-repeat;
						 background-position:3px 3px; 
						 border:#c2b5b5 solid 1px;
					  }


.out_border_l{ background:url(style_img/bg_border_l.gif) repeat-y; 
					 display:block;
					 position:absolute;
					 width:15px;
					 height:263px;
					 opacity:0.07;
					 filter:alpha(opacity=7);
					 left:-15px;
					 z-index:1;
				   }
.out_border_r{ background:url(style_img/bg_border_r.gif) repeat-y;  
					 display:block;
					 position:absolute;
					 width:15px;
					 height:263px;
					 opacity:0.07;
					 filter:alpha(opacity=7);
					 left:540px;
					 z-index:1;
				   }
.out_border_dl{ background:url(style_img/bg_border_l.gif) repeat-y;
					 display:block;
					 position:absolute;
					 width:15px;
					 height:451px;
					 opacity:0.07;
					 filter:alpha(opacity=7);
					 left:-15px;
					 z-index:1;
				   }
.out_border_dr{ background:url(style_img/bg_border_r.gif) repeat-y;
					 display:block;
					 position:absolute;
					 width:15px;
					 height:451px;
					 opacity:0.07;
					 filter:alpha(opacity=7);
					 left:540px;
					 z-index:1;
				   }
				   
.vkladki { height:47px;
				width:542px;
				margin-top:5px;
				/*border: #FF0000 dotted 1px;*/
				font-size:16px;
				position:relative;
				/*left:-1px;*/
				z-index:2;
			 }
			 
.navigate_bg{ height:40px;
					   width:40px;
					   background:#FFFFFF;
					   margin:3px;
					   opacity:0.3;
					   filter:alpha(opacity=30);
					}
			 
.o_nas_vkladka{ display:block;
							float:left;
							position:relative;
							height:46px;
							width:46px;
							/*padding-top:2px;*/
							text-decoration:none;
							color:#000000;
							font-weight:bold;
							border-top:#c2b5b5 solid 1px;
							border-left:#c2b5b5 solid 1px;
							/*border-right:#c2b5b5 solid 1px;*/
							/*background-image: url(style_img/grean_bg.gif);*/
							background-repeat:no-repeat;
							background-position: 3px 3px;
						   /* opacity:0.4;
			                filter:alpha(opacity=40);*/
						 }



.portfol_vkladka{ display:block;
							float:left;
							position:relative;
							height:46px;
							width:46px;
							/*padding-top:2px;*/
							margin-left:0px;
							text-decoration:none;
							color:#000000;
							font-weight:bold;
							border-top:#c2b5b5 solid 1px;
							border-left:#c2b5b5 solid 1px;
							/*border-right:#c2b5b5 solid 1px;*/
							/*background-image: url(style_img/yellou_bg.gif);*/
							background-repeat:no-repeat;
							background-position: 3px 3px;
						    /*opacity:0.4;
			                filter:alpha(opacity=40);*/
						 }


.contact_vkladka{ display:block;
							float:left;
							position:relative;
							height:46px;
							width:46px;
							/*padding-top:2px;*/
							margin-left:0px;
							text-decoration:none;
							color:#000000;
							font-weight:bold;
							border-top:#c2b5b5 solid 1px;
							border-left:#c2b5b5 solid 1px;
							/*border-right:#c2b5b5 solid 1px;*/
							/*background-image: url(style_img/orande_bg.gif);*/
							background-repeat:no-repeat;
							background-position: 3px 3px;
						    /*opacity:0.4;
			                filter:alpha(opacity=40);*/
						  }
						  
.navigate_ico{ display:block;
						position:absolute;
						border:0;
						width:28px;
						height:23px;
						top:12px;
						left:9px;
					 }
.navigate_ico_lang{ /*border:#FF0000 dashed 1px;*/
								display:block;
								position:absolute;
								border:0;
								width:40px;
								height:20px;
								top:14px;
								left:3px;
							 }

.navigate_descript{ height:46px;
								width:100px;
								margin-left:0px;
								float:left;
								border-top:#c2b5b5 solid 1px;
								border-left:#c2b5b5 solid 1px;
								/*border-right:#c2b5b5 solid 1px;*/
							  }
.navigate_descript img { margin-top:13px;}

.lang{ width:46px;
		  height:46px;
		  border-left:#c2b5b5 solid 1px;
		  border-top:#c2b5b5 solid 1px;
		  margin:0;
		  float:left;
		  position:relative;
		  display:block;
		}
							  
.last_work{ float:left; 
			   	  height:46px;
				  width:251px;
				  position:relative;
				  border-top:#c2b5b5 solid 1px;
				  border-left:#c2b5b5 solid 1px;
				  border-right:#c2b5b5 solid 1px;				  
				}
				
.last_work_bg{ position:absolute;
						height:40px;
						width:245px;
						left:3px;
						top:3px;
						background:#ffffff;
						opacity:0.2;
						filter:alpha(opacity=20);
					  }
					  
.banner_link { /*border:#FF0000 1px dotted;*/
					   width:244px;
					   display:block;
					   height:37px;
					   position:absolute;
					   top:3px;
					   left:3px;	
					   z-index:99;
					}

									
	
.buffer{ display:block;
			 visibility:hidden;
			 height:1px;
			 font-size:1px;
			 overflow:hidden;
           }
		   
/*===================== Градиент для активной кнопки =======================*/
.portfolio_grad{ display: block;
						  width:104px;
						  height:10px;
						  position:absolute;
						  top:-2px;
						  left:115px;
						  z-index:2;
						}
.portfolio_grad img{ position:absolute; top:0; left:0;}
						
.o_nas_grad{ display: block;
					   width:104px;
					   height:10px;
					   position:absolute;
					   top:-2px;
					   left:3px;
					   z-index:2;
					}
.o_nas_grad img{ position:absolute; top:0; left:0;}
					
.contact_grad{ display: block;
						width:104px;
						height:10px;
						position:absolute;
						top:-2px;
						left:227px;
						z-index:2;		
                      }
.contact_grad img{ position:absolute; top:0; left:0;}


.vkladki_line{ height:5px;
                     width:534px;
					 position:absolute;
					 /*border:#FF33FF dotted 1px;*/
					 top:3px;
					 left:3px;
					 z-index:3;
					}

/*===================== /Градиент для активной кнопки =======================*/
									


/*================================ контакты =================================*/
.content_1{ border:#c2b5b5 solid 1px;
					width:540px;
					position: relative;	
					display:none;
				 }									
									
.content_1_bg{ width:534px;
					     height:225px;
						 background-color:#FFFFFF;
						 
						 opacity:0.2;
			             filter:alpha(opacity=20);
						 
						 position: absolute;
						 top:3px;
						 left:3px;
						 z-index:2;
                       }
					   
.contact_text{ text-align:left;
					   font-size:12px;
					   border-left:#33b5bf 4px solid;
					   padding:4px;
					   margin-left:10px;
					   z-index:2;
					   position:relative;
					}				
						
						
.border_dott{ border-top: #c2b5b5 dashed 1px;
					  height:2px;
					  font-size:1px;
					  margin:10px;
                    }			
						
						
.mail_link { color:#000;
				text-decoration:none;
				font-weight:bold;
				}
.mail_link:hover{ color:#636363;}


.content_2{border:#c2b5b5 solid 1px;
					border-top:0;
					width:540px;
					height:200px;
					z-index:3;
					position:relative;                                        
				 }
				 
.domiki_img{ margin:3px;
					z-index:1;
					position:relative;
					opacity:0.2;
			        filter:alpha(opacity=20);
                   }
/*================================ контакты =================================*/	



/*================================ О нас ====================================	*/

.content_2{  border:#c2b5b5 solid 1px;
					width:540px;
					height:560px;
					text-align:left;
					display:none;
				 }

.content_2_bg_1{ width:534px;
							 height:164px;
						     position:absolute;
							 top:3px;
							 left:3px;
							 opacity:0.2;
			                 filter:alpha(opacity=20);
							 z-index:1;
							 /*border:#FF66CC dotted 1px;*/
                           }

.content_2_bg_2{ width:534px;
							 height:390px;
							 background:#FFFFFF;
							 position:absolute;
							 top:167px;
							 left:3px;
							 opacity:0.2;
			                 filter:alpha(opacity=20);
							 z-index:1;
                           }
						   
.content_2_bg_3{ width:515px;
							 height:400px;
							 border-left:#666666 solid 4px;
							 border-right:#666666 solid 4px;
							 position:absolute;
							 top:68px;
							 left:10px;
							 opacity:0.1;
			                 filter:alpha(opacity=10);
							 z-index:1;
                           }
						   
.content_2_bg_4{ /*border:#FF0000 dotted 1px;*/
							 position:absolute;
							 top:130px;
							 left:456px;
							 z-index:1;
                           }

.img_block_1{ /*border:#FF0000 dotted 1px;*/
						text-align:left;
						/*margin-top:20px;*/
						padding-top:20px;
						margin-left:20px;
						width:380px;
						/*position: absolute;*/
						z-index:2;
					 }
					 
.img_block_2{/* border:#FF0000 dotted 1px;*/
						text-align:left; 
						margin-top:30px;
						margin-left:20px;
						width:380px;
						position:relative;
						z-index:2;
					}

.img_block_3{ /*border:#FF0000 dotted 1px;*/
						text-align:left; 
						margin-top:25px;
						margin-left:20px;
						width:380px;
						position:relative;
						z-index:2;
					}
					
				   
.content_2_text_1{ /*border:#FF0000 dotted 1px;*/
							   font-size:12px;
							   text-align:justify;
							   margin-left:20px;
							   margin-top:20px;
							   width:500px;
							   position:relative;
							   z-index:2;
							}
							
.content_2_text_2{ /*border:#FF0000 dotted 1px;*/
							   font-size:12px;
							   text-align:left;
							   margin-left:20px;
							   margin-top:10px;
							   width:500px;
							   position:relative;
							   z-index:2;
							}
.content_2_text_2 ul { margin:0; padding:0;
									list-style-position: inside;
									list-style-image:url(style_img/list_marker.png);
								  }
.content_2_text_2 ul div { display:inline; color:#E54A3E;}
.content_2_text_2 ul li { margin-bottom:10px;}
							
.border_after_text{ height:4px; 
							   font-size:1px;
							  background: #666666;
							  margin-top:10px;
							  margin-left:20px;
							  width:500px;
							  opacity:0.1;
							  filter: alpha(opacity=10);
							  position:relative;
							  z-index:2;
							}

/*================================ /О нас ====================================	*/	


/*=============================== Портфолио =================================*/
.content_3{  border:#c2b5b5 solid 1px;
					width:540px;
					height:450px;
					position:relative;
					display:none;
				 }
				 
.content_3_bg_1{ width:534px;
							 height:113px;
							 background:#666666;
							 position:absolute;
							 top:3px;
							 left:3px;
							 opacity:0.07;
							 filter:alpha(opacity=7);
							 z-index:1;
							}
							
.content_3_bg_2{ /*border:#00FF00 dotted 1px;*/
							 width:280px;
							 position:absolute;
							 top:15px;
							 left:130px;
							 opacity:0.3;
							 filter:alpha(opacity=30);
							 z-index:1;
						   }
						   
.content_3_bg_3{ width:534px;
							 height:450px;
							 background:#ffffff;
							 position:absolute;
							 top:0;
							 left:3px;
							 opacity:0.2;
							 filter:alpha(opacity=20);
							 z-index:1; 
                           }
												
							
.content_3_top_bottom{ /*border:#FF0000 dotted 1px;*/
										width:300px;
										height:80px;
										/*margin-top:20px;*/
										font-size:12px;
										position:absolute;
										left:150px;
										top:20px;
										z-index:2;
                                     }

.logs{ /*border: #00FFFF dotted 1px;*/
		  text-decoration:none;
		  color:#000000;
		  display:block;
		  margin-top:5px;
		  width:50px;
		  height:65px;
		  float:left;
		}







				   
.all{/* border:#00FFFF dotted 1px;*/
		  text-decoration:none;
		  color:#000000;
		  display:block;
		  margin-left:16px;
		  /*margin-top:2px;*/
		  width:35px;
		  height:35px;
		  float:left;
	 }
	 
	 
.content_3_content_block{ /*border:#00FFFF dotted 1px;*/
										   width:504px;
										   height:420px;
										   position:absolute;
										   top:20px;
										   left:18px;
										   z-index:2;
                                         }

.dote{ border: #999999 solid 1px;
		  font-size:1px;
		  padding:1px;
		  float:left;
		  width:150px;
		  height:120px;
		  margin-left:20px;
		  margin-top:20px;
		  opacity:0.7;
		  filter:alpha(opacity=70);

		}
.dotelast{ border: #999999 solid 1px;
		  font-size:1px;
		  padding:1px;
          float:left;
          width:150px;
		  height:120px;
		  margin-left:20px;
		  margin-top:20px;
		  opacity:0.7;
		  filter:alpha(opacity=70);

		}

.dote img{ width:150px;
		        height:120px;
				border:0;
		      }
		
/*=============================== Портфолио =================================*/


/*===========================================================================*/
.copyright{ color:#E16C6C;
 				  font-size:14px;
				  margin-bottom:20px;
				  margin-top:20px;
				  height:38px;
				  width:310px;
				 /* border:#FF0000 dotted 1px;*/
				}
.copyright div{ float:left; margin-top:2px;}	
.copyright img{ float:left; margin-left:15px;}
.copyright-li img {vertical-align: middle; margin-top: -7px;}