/*====================================== BEGIN LAYOUT ======================================*/		
	
	*{ margin: 0; padding: 0; list-style-type: none; }
	
	html, body{
		height: 100%; width: 100%;
		background: #052735 url('../i/layout/bodybg.jpg') left top repeat-x;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px; color: #fff;
	}
	
	a{ outline: none; }
	
	div.container{ width: 935px; margin: 0 auto; }
	
	div#header{ 
		height: 238px; width: 935px; 
	}
	
	ul.menu{ 
		height: 30px; width: 100%; display: block;
		border-top: 2px solid #272324; background: #242629;  
	}
	
	ul.menu li{
		height: 30px; float: left; 
		margin: 0 1px 0 0;
		background-color: #2d3034;
	}
	
	ul.menu li a{ 
		height: 20px; padding: 8px 12px 0 12px; 
		display: block; float: left; color: #cddadc;
		text-transform: uppercase; text-decoration: none; 
		font-size: 10px;
	}
	
	ul.menu li a.color1{ border-bottom: 2px solid #09658b; }
	ul.menu li a.color2{ border-bottom: 2px solid #0b92af; }
	ul.menu li a.color3{ border-bottom: 2px solid #03c7ff; }
	ul.menu li a.color4{ border-bottom: 2px solid #0bc5d6; }
	ul.menu li a.color5{ border-bottom: 2px solid #02ffea; }
	ul.menu li a.color6{ border-bottom: 2px solid #7dd3d1; }
	
	ul.menu li a.color1:hover, ul.menu li a.active1{ 
		background: transparent url('../i/layout/li1.jpg') 50% bottom no-repeat;
	}
	ul.menu li a.color2:hover, ul.menu li a.active2{ 
		background: transparent url('../i/layout/li2.jpg') 50% bottom no-repeat;
	}
	ul.menu li a.color3:hover, ul.menu li a.active3{ 
		background: transparent url('../i/layout/li3.jpg') 50% bottom no-repeat;
	}
	ul.menu li a.color4:hover, ul.menu li a.active4{ 
		background: transparent url('../i/layout/li4.jpg') 50% bottom no-repeat;
	}
	ul.menu li a.color5:hover, ul.menu li a.active5{ 
		background: transparent url('../i/layout/li5.jpg') 50% bottom no-repeat;
	}
	ul.menu li a.color6:hover, ul.menu li a.active6{ 
		background: transparent url('../i/layout/li5.jpg') 50% bottom no-repeat;
	}
	
	div.bent{ height: 16px; width: 100%; clear: both; }
	
	div.footer{
		height: 22px; width: 100%;
		padding: 8px 0 0 0; color: #414c4e;
		background-color: #041f2c;
		position: relative;
	}
	
	ul.footermenu{ display: block; margin: 0 auto; width: 85%; }
	ul.footermenu li{ float: left; padding: 0 2px; }
	ul.footermenu li a{
		color: #414c4e; text-decoration: none;
		text-transform: uppercase; font-size: 10px;
	}
	
	div.created{
		height: 146px; width: 15px; cursor: pointer;
		background: transparent url('../i/layout/create.png') bottom left no-repeat;
		position: absolute; bottom: 46px; left: -15px; 
	}
	
	*html div.created {
		background: none; z-index: 1;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		src='i/layout/create.png',sizingMethod='noscale'
		);
	}
	
	div.navpath{ 
		height: 16px; width: 95%; float: left; color: #acc1c5; 
		font-size: 10px; padding: 2px 0 22px 27px; text-transform: lowercase; 
	}
	div.navpath a, div.navhref a{ color: #acc1c5; text-decoration: none; font-size: 10px; }
	
	div.navhref{
		height: 20px; width: 908px; float: left;
		padding: 5px 0 0 25px;
	}
		
	
	
/*====================================== END LAYOUT ======================================*/	
	
	
/*====================================== BEGIN MAIN PAGE ======================================*/	
	
	div.content{ 
		width: 935px; padding: 13px 0; line-height: 16px;
		background: #3f5862 url('../i/layout/contentbg.jpg') left top repeat-x;
	}
	
	div.welcome{ width: 460px; color: #acc1c5; font-size: 16px; padding: 0 0 5px 27px; }
	
	div.maintxt{ width: 460px; padding: 0 0 0 27px; text-align: justify; }
	div.maintxt a, div.maintxt a:hover{ float: right; color: #acc1c5; text-decoration: none; font-size: 10px; }
	
	div.contentbox{width: 400px; float: right; }
	div.newsbox{
		width: 365px; padding: 20px 25px 25px 10px;
		background-color: #22353e; margin: 0 0 18px 0;
		font-size: 10px;
	}
	
	div.newsbox div.newstitle { width: 100%; padding: 0 0 10px 0; font-size: 11px!important; }
	div.newsbox img { border: 2px solid #2d3034; margin: 0 15px 0 0; float: left; }
	
	div.sertificate div.sbox a, div.sertificate div.sbox a:hover, div.newsbox a, div.newsbox a:hover{ 
		color: #0072a1; text-decoration: none; 
		display: block; padding: 10px 0 0 0; 
		float: left;
	}	
	
/*====================================== END MAIN PAGE ======================================*/	


/*====================================== BEGIN MATERIALS ======================================*/

	div.materials{ float: left; width: 876px; padding: 0 23px; border-left: 4px solid #fff; }
	div.materials div.img, div.prodright div.img { width: 160px; float: left; }
	div.materials div.img img, div.prodright div.img img { border: 2px solid #2d3034; margin: 0 0 20px 0; float: left; }
	
	div.mattitle { 
		width: 100%; clear: both; padding: 20px 0;
		text-align: center; font-size: 14px; color: #a0b3b7; 
	}
	table.spec{ width: 100%; border: 1px solid #fff; }
	table.spec td{ padding: 2px 3px; border: 1px solid #fff; text-align: center; font-size: 10px; }
	table.spec td.dark { background-color: #2d3034; }

/*====================================== END MATERIALS ======================================*/	


/*====================================== BEGIN PRODUCTS ======================================*/

	div.products{ float: left; width: 930px; border-left: 4px solid #fff; }
	
	div.products ul.prmenu{
		width: 230px; float: left;
		background: #273840 url('../i/layout/prmeubg.jpg') left top repeat-x;
	}
	
	div.products ul.prmenu li { float: left; width: 100%; border-bottom: 1px solid #4e5a60; }
	
	div.products ul.prmenu li a{
		color: #f0f0f0; text-decoration: none;
		width: 200px; padding: 7px 10px 10px 20px;
		display: block;
	}
	
	div.products ul.prmenu li a:hover, div.products ul.prmenu li a.active { 
		color: #017bad; 
		background: transparent url('../i/layout/prmenuh.png') 0px 50% no-repeat;  
	}
	
	
	*html div.products ul.prmenu li a:hover ,*html div.products ul.prmenu li a.active {
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		src='i/layout/prmenuh.png',sizingMethod='scale'
		);
	}

	div.products div.prodright{ width: 660px; float: left; padding: 0 20px; color: #f0f0f0; }
	
	div.products div div.prodboxs{ width: 160px; float: left; margin: 20px 45px 0 0; color: #a0b3b7; cursor: pointer; }
	div.products div div.prodboxs img{ border: 2px solid #2d3034; margin: 10px 0 0 0; float: left; cursor: pointer; }
	
	div.prname{ color: #a0b3b7; width: 660px; padding: 0 0 10px 0; }
	div.prtext{ width: 500px; float: left; line-height: 16px; }
	
	div.prtext a.ask{
		height: 18px; width: 68px; display: block; cursor: pointer;
		background: transparent url('../i/layout/send.jpg') left top no-repeat;
		margin: 5px 0 10px 0; font-size: 10px; text-align: center;
		color: #fff; text-decoration: none;
	}
	
	div.clear{
		height: 20px; width: 100%; clear: both; float: left; background: red;
	}
	
/*====================================== END PRODUCTS ======================================*/	


/*====================================== BEGIN ABOUT ======================================*/

	div.about{ float: left; padding: 0 0 0 27px; }
	div.about img{ margin: 5px 15px 0 0; float: left; }
	div.about div.abouttxt{ width: 680px; float: left; padding: 0 0 20px 0; text-align: justify; }
	div.about img{margin-bottom:20px; border: 2px solid #2d3034;}
/*====================================== END ABOUT ======================================*/


/*====================================== BEGIN SERTIFIKATI ======================================*/

	div.sertificate{ width: 915px; float: left; padding: 8px 0 8px 20px; margin: 0 0 20px 0; background: #25353c; }
	div.sertificatetxt{ width: 887px; padding: 0 20px 20px 27px; }
	div.sertificate div.sbox{ width: 437px; float: left; padding: 0 20px 0 0; }
	div.sertificate div.sbox img, div.news div.nbox img { border: 2px solid #2d3034; margin: 0 15px 0 0; float: left; }
	div.sertificate div.sbox a img{ margin: -6px 15px 0 0; }
	
/*====================================== END SERTIFIKATI ======================================*/


/*====================================== BEGIN NEWS ======================================*/

	div.news, div.links{ width: 910px; float: left; padding: 8px 0 8px 25px; margin: 0 0 20px 0; background: #25353c; }
	div.news div.nbox{ width: 890px; float: left; padding: 0 0 0 0; }
	div.news div.date{
		width: 80%; padding: 5px 0 10px 0;
		display: block; float: left; color: #017bad;
	}
	div.news div.newstxt{ width: 80%; float: left; }
	div.news div.newstxt a, div.links div.linkstxt a{ 
		color: #017bad; float: left; text-decoration: none; 
		width: 80%; display: block; font-size: 10px;
	}

/*====================================== END NEWS ======================================*/


/*====================================== BEGIN LINKS ======================================*/

	div.links div.linkstxt{	width: 98%; float: left; padding: 15px 0; float: left; }

/*====================================== END LINKS ======================================*/


/*====================================== BEGIN CONTACTS ======================================*/

	div.l{ width: 450px; float: left; color: #cacaca; }
	
	div.r{ width: 430px; float: right; color: #cacaca; padding: 0 20px 0 0;
		   height:410px;}
	
	div.l a{ color: #017bad;  text-decoration: none; }
	
	div.r form{ padding: 10px 0 0 0; }
	
	/*div.r form input{
		padding: 3px 0 5px 5px; width: 400px; background-color: #4e565a; 
		font-size: 11px; border: 0; color: #cacaca; margin: 0 0 5px 0;
	}*/
	.formbox{
		width: 400px; background-color: #4e565a; 
		font-size: 11px; border: 0; color: #cacaca; margin: 0 0 5px 0;
		padding: 3px 0 5px 5px;
		}
	div.r form textarea{
		height: 100px; padding: 4px 0 4px 5px; width: 400px; 
		background-color: #4e565a; border: 0; color: #cacaca; 
		margin: 0 0 5px 0; overflow: hidden;
	}		
	
	div.r form a.send{
		height: 18px; width: 68px; display: block; cursor: pointer;
		background: transparent url('../i/layout/send.jpg') left top no-repeat;
		margin: 5px 0 10px 0; font-size: 10px; text-align: center;
		color: #fff; text-decoration: none;
	}
	input.button{
		height: 20px; width: 68px!important;
		background: transparent url('../i/layout/send.jpg') left bottom no-repeat;
		border:none;
		cursor:pointer;
		color: #cacaca;
		font-size: 9px; text-align: center;
		padding-top:-5px;}

/*====================================== END CONTACTS ======================================*/

		div.hint {
				width: auto; height: auto; padding: 4px;
				position: absolute; display: none;
				color: #333; background-color: #eee;
				border: 1px solid #aaa; z-index: 999;
			}

			a {color: black; background-color: inherit;}

		.test{
			height:96px;
			overflow:hidden;}
			
			
			
/*=====================заявка==========================*/
.modalDialog_transparentDivs{	
	filter:alpha(opacity=40);	/* Transparency */
	opacity:0.4;	/* Transparency */
	background-color:#AAA;
	z-index:1;
	position:absolute; /* Always needed	*/
}
.modalDialog_contentDiv{
	border:1px solid #017bad;	
	padding:2px;
	z-index:100;/* Always needed	*/
	position:absolute;	/* Always needed	*/
	background-color:#22353e;
		/* White background color for the message */
}
.modalDialog_contentDiv_shadow{
	z-index:90;/* Always needed	- to make it appear below the message */
	position:absolute;	/* Always needed	*/
	background-color:#555;
	filter:alpha(opacity=30);	/* Transparency */
	opacity:0.3;	/* Transparency */	
}

div.newpic{
 width:100%; float:left;
	}
div.newpic img{ border: 2px solid #2d3034;}