@charset "utf-8";
/* CSS Document */
body {
      background: #000000
	  repeat;
	  text-align: center;
	  margin: 0 0 0 0;
	 }
#conteiner {
            width: 1024px;
			height: 100%;
			margin: 0 auto;
		   }
#logo {
        background: url(img/logo.jpg)
		no-repeat
		center;
		width: 440px;
		height: 126px;
		margin: 0 auto;
		float: left;
	  }
#left_column {
               background:url(img/left_column.jpg)
			   no-repeat
			   center;
			   width: 584px;
			   height: 126px;
			   margin: 0 auto;
			   float: left;
			 }
#button {
         background:url(img/button.jpg)
		 no-repeat
		 center;
		 width: 215px;
		 height: 46px;
		 margin: 0 auto;
		 float: left;
		}
#button1 { 
           background:url(img/button1.jpg)
		   no-repeat
		   center;
		   width: 225px;
		   height: 46px;
		   margin: 0 auto;
		   float: left;
		  }
#button2 { 
           background: url(img/button2.jpg)
		   no-repeat
		   center;
		   width: 227px;
		   height: 46px;
		   margin: 0 auto;
		   float: left;
		  }
#button3 { 
           background: url(img/button3.jpg)
		   no-repeat
		   center;
		   width: 357px;
		   height: 46px;
		   margin: 0 auto;
		   float: left;
		  }
#line {
        background:url(img/line.jpg)
		no-repeat
		center;
		width: 1024px;
		height: 49px;
		margin: 0 auto;
		float: left;
	  }
#menu {
        background:url(img/menu.jpg)
		no-repeat
		center;
		width: 297px;
		height: 364px;
		margin: 0 auto;
		padding: 20 0 0 20; 
		float: left;
	  }
#banner {
          background:url(img/banner.jpg)
		  no-repeat
		  center;
		  width: 727px;
		  height: 363px;
		  margin: 0 auto;
		  float: left;
		}
#clear {
         clear:both;
	   }
#clear1 {
         clear:both;
	   }
#special {
           background:url(img/special1.jpg)
		   no-repeat
		   center;
		   width: 297px;
		   height: 420px;
		   margin: 0 auto;
		   float: left;
		 }
#product_line_left {
                     background:url(img/product_line_left.jpg)
					 no-repeat
					 center;
					 width: 25px;
					 height: 415px;
					 margin: 0 auto;
					 float: left;
				   }
#product {
           background:url(img/product1.jpg)
		   no-repeat
		   center;
		   width: 672px;
		   height: 415px;
		   margin: 0 auto;
		   float: left;
		 }
#product2 {
           background:url(img/product2.jpg)
		   repeat
		   center;
		   width: 672px;
		   height: 100%;
		   margin: 0 auto;
		   padding: 20px 20px 20 px 20px;
		   float: left;
		   overflow: auto;
		 }
#product1 {
           background:url(img/product1.jpg)
		   no-repeat
		   center;
		   width: 672px;
		   height: 415px;
		   margin: 0 auto;
		   float: left;
		   overflow:auto;
		 }
#product_line_rigth {
                      background:url(img/product_line_rigth.jpg)
					  no-repeat
					  center;
					  width: 30px;
					  height: 415px;
					  margin: 0 auto;
					  float: left;
					}
#clear_column {
	            background:url(img/clear_column.jpg)
				no-repeat
				center;
	        	width: 297px;
	            heigth: 248px;
				margin: 0 auto;
				float: left
	            
			  }
#news {
       background:url(img/news.jpg)
	   no-repeat
	   center;
	   width: 727px;
	   height: 100%;
	   margin: 0 auto;
	   float: left;
	  }
#footer {
         background:url(img/footer.jpg)
		 no-repeat
		 center;
		 width: 1024px;
		 height: 53px;
		 margin: 0 auto;
		 float: left;
		}
.menu {
	color: #fff; 
	font: bold 12px Verdana, Arial, sans serif
	text-decoration: none
	}
.zagl {
	COLOR: #ffffff; FONT: bold 14px Verdana, Arial, sans-serif
}
.zagl1 {
	COLOR: #ffffff; FONT: italic 10px Verdana, Arial, sans-serif
}
.zagl3 {
	COLOR: #000000; FONT: italic 10px Verdana, Arial, sans-serif
}
.text {
	COLOR: #ffffff; 
	FONT: italic 11px Verdana, Arial, sans-serif;
	text-align: left;
}
.zagl2 {
	COLOR: #FFFFFF; FONT: italic 10px Verdana, Arial, sans-serif
}
.text2 {
	COLOR: #000000; 
	FONT: italic 11px Verdana, Arial, sans-serif;
	text-align: left;
}
.menu2 {
	color: #000000; 
	font: bold 12px Verdana, Arial, sans serif
	text-decoration: none
	}

.menuk {
	COLOR: #ffffff; FONT: bold 12px Verdana, Arial, sans-serif; TEXT-DECORATION: none
}
/* =Hoverbox Code (всплывающие картинки при наведении курсора)
----------------------------------------------------------------------*/ 

.hoverbox     
{     
     cursor: default;     
     list-style: none;     
}     

.hoverbox a     
{     
     cursor: default;     
}     

.hoverbox a .preview     
{     
     display: none;     
}     

.hoverbox a:hover .preview     
{     
     display: block;     
     position: absolute;     
     top: -33px;     
     left: -250px;     
     z-index: 1;     
}     

.hoverbox img     
{     
     background: #fff;     
     border-color: #a6dcf5;     
     border-style: solid;     
     color: inherit;     
     padding: 2px;     
     vertical-align: top;     
}     

.hoverbox li     
{     
     background: #eaf8fe;     
     color: inherit;     
     display: inline;     
     float: left;     
     margin: 3px;     
     padding: 5px;     
     position: relative;     
}     

.hoverbox .preview     
{     
     border-color: #a6dcf5;     
}