/* CSS Document */

div#banner_f {

	position: static;
	display: block;
	width: 100%;
	overflow: hidden;
	height: 230px;
	border-bottom: 5px solid #ddd;
	background-color: #87aadb;


}

.sub-banner {

	display: none;
	position: static;
	width: 200px;
	height: 220px;
	float: left;
	text-align: center;

}
.sub-banner-title {

	display: block;
	font-size: 16px;
	color: white;
	position: static;
	width: 200px;
	height: 200px;
	float: left;
	text-align: center;
	padding-top: 20px;

}

.sub-banner>div.imgcontainer{
	height: 140px;
	overflow: hidden;
	text-align: center;
	}
.sub-banner>div.textcontainer{
	margin-top: 10px;
	text-align: center;
	height: 40px;
	}
div.textcontainer>a{
	color: #fff;
	}
.sub-banner>div.pricecontainer{
	overflow: hidden;
	text-align: center;
	color:#ffffff;
	font-weight:bold;
		height: 40px;
	font-size: 16px;
	}
div.pricecontainer>s{
	color:#000;
	font-weight: normal;
	}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,
fieldset,input,p,blockquote,th,td {
margin:0; padding:0; font-family:Arial, Verdana,  Helvetica, sans-serif;
}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;font-weight:normal;
}
li,ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:�;}

p {
	margin-bottom: 10px;
	text-indent: 20px;
}

a {
color: #990000;
}
a:hover{
color: #990066;
}

/* Ported */
.lcut
{
float: left; position:static; margin:0px 10px 10px 0px;
}

.lcut h1,  .lcut h2,   .lcut h3
{
text-align: center;
}

.rcut
{
float: right; position:static;
}

.bd
{
margin: 10px;
font-size: 16px;
}
.bd li{
	list-style:circle inside;

}

.bd P
{
text-indent: 20px;
text-align: justify;

}
.bd h2
{
padding-top: 0;
}


.techparams
	{
		width:600px;
	padding-bottom: 15px;
	}

.techparams .techcap
{
	padding-bottom: 15px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight: bold;
	background: none;

}
.techparams TD
{
	background: transparent url(dots.png) repeat-x ;
	height: 25px;
	padding-bottom: 5px;
	width: 150px;
}
.techparams TD label
{
	background-color: #FFF;
	font-family:Verdana, Geneva, sans-serif;
}

.techparams .techvalue
	{
		background:white;
	}
/* /ported */





body {
background: url(bg.jpg);
}
#headertable{
background:url(bd_h.png) no-repeat;
}

#logo {
width: 25%;
padding: 10px 0 0 20px;
vertical-align: top;
}

#topmidright{
 width: 25%;
 vertical-align: top;
 padding: 10px 0 0 80px;
 color: #fff;
}

#topright {
 width: 25%;
 vertical-align: top;
 padding: 10px 0 0 80px;
 color: #fff;
}
#topmiddle{
 width: 25%;
 vertical-align: top;
 padding: 10px 0px 0 0;
 color: #fff;
}
#topmiddlediv{
width:80%;
/*background-color: #003399; */
padding:3px 8px 8px 8px;
white-space: nowrap;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
}
#topmiddlediv a{
	color:#FFF;
}
#topmiddlediv a:hover{
	color:#FFF;
}
#topmiddle ul li{

list-style-position: inside;
}



.lightcapt{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #FFFFdd;
white-space: nowrap;
padding-bottom: 5px;
}

.loud{
font-size: 18px;
color:#FFFFFF;
padding-top: 5px;
white-space:nowrap;
}

.loud a{
font-size: 18px;
color:#FFFFFF;
padding-top: 5px;
white-space:nowrap;
}

.focus{
vertical-align: top; padding: 0 20px 0 10px;
width: 33%;
}
.focus .dig {
position: absolute;
color: #FFFFCC;
font-size: 40px;
width: 50px;
padding-top: 2px;
}
.focus .item {
color: #FFFFFF;
 padding: 0 0 0 70px;
 height: 100%;
 position: static;
 }
.focus .item h2 a{
color: #FFFFff;
font-size:30px;
font-family: Trebuchet MS, Arial, Tahoma, Geneva;
font-weight: normal;
text-decoration: none;
border-bottom: solid 2px  #FFFFff;
}
.focus .item h2 a:hover{

border-bottom: dashed 2px  #FFFFff;
text-decoration:none;
}
.desc {
font-family: Trebuchet MS, Arial, Tahoma, Geneva;
color:#E4E4E4;
font-size: 12px;
font-style: italic;
padding: 3px;
}
 a.desc:hover{
 color: #FFF;
 }

.focus .item .desc a{
font-family: Trebuchet MS, Arial, Tahoma, Geneva;
font-size: 12px;
font-style: italic;
color: #FFFFFF;
}

.focus .item .desc a:hover{
color: #FFFF99;
}

.adress{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
white-space:nowrap;
}
.adress a{
	color:#FFF;}
.adress a:hover{
	color: #FFF;}


#line{
padding: 10px 0;
}
#linediv{
position: static;
width: 100%;
}
#search{
text-align:left ;
padding: 10px 0px;
width: 230px;
}
.place{
 padding-left: 80px;
}

.cartplace{
padding: 5px;
background-color: #993300;
border: 1px solid black;
padding-left: 60px;
margin-left: 20px;
}
.white a, .white, A.white{
	color:#FFF;
	font-size: 12px;
}
.white a:hover, A.white:hover{
color: #FFF;
}
#search .inputfield{
width: 140px;
height: 18px;
}
#cart{
width: 400px;
text-align: left;
color:#FFFFFF;
font-size: 14px;
 margin-left: 80px;
 padding: 10px 0;
}
#links{
text-align: center;
padding-top: 4px;
padding-left: 5px;
overflow: hidden;
width: 100%;
position: static;
}
#links_footer{
text-align: left;
padding-top: 5px;
height: 25px;
overflow: hidden;
width: 100%;
position: static;
font-size: 10px;
font-style:italic;
color:#FFFFFF;

}
#links_footer A{
font-size: 10px;
font-style:italic;
color:#FFFFFF;
}


.hideable_links{
font-size: 14px;
position: static;
height: 20px;
padding-top: 0px;
white-space:nowrap;
float: left;
margin: 1px 2px;
}
.hideable_links:after{
	content: " | ";
}
.hideable_links A{
	color: #FFF;}
.hideable_links A:hover{
	color: #CCC;
}
#mainmenu {
padding-top:0;
width: 20%;
vertical-align: top;
padding-left: 5px;
 border-right: #CCC solid 1px;
}

.menuplace{
 padding: 0;


}
.treebtn{
position: absolute;
width:10px;
}

.level{
padding-left: 2px;
margin-left: 0px;
}

.level1, .level2, .level3, .level4{
list-style: none;
overflow: hidden;
padding-left: 20px;
}

.levelpl{
border-left: 18px #9c3232 solid;
overflow: hidden;
padding-left: 2px;
margin-left: 2px;

}
 .levelpl .levelpl{
border-left: 18px #dcb7b7 solid;
overflow: hidden;

}
 .levelpl .levelpl .levelpl{
border-left: 18px #f2e4e4 solid;
overflow: hidden;

}

.level1 A{
color: #900;
font-size:14px;
}
.level1 A:hover{
color: #700;
font-size:14px;

}
.level2 A{
color:#600;
font-size:13px;

}
.level2 A:hover{
color:#400;
font-size:13px;
text-decoration:none;
}
.level3 A{
font-size:12px;
color: #300;

}
.level3 A:hover{
font-size:12px;
color: #100;
text-decoration:none;
}
.level4 A{
font-size:11px;
color: #300;

}
.level4 A:hover{
font-size:11px;
color: #100;
text-decoration:none;
}
a.thiscat {
color: #FF0000;
font-weight:bold;
padding: 2px 3px;
}
a.thissub {
font-weight:bold;
padding: 2px;
}

A.tree {
cursor: pointer; text-decoration:none;
}
.menuplace>h3{
font-size: 16px;
color: #FFFFFF;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding:3px 0;
padding-left: 5px;
background: url(menu_hdrs_bg.jpg) #bd786e;

border-top: 1px #915147 solid;
border-bottom: 1px #915147 solid;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

.menuplace>h3 a:link, .menuplace>h3 a:visited{
	font-size: 16px;
color: #FFF;
font-weight: bold;
font-family: Arial, Verdana, Helvetica, sans-serif;font-weight: normal;
}


div.menulist{
padding: 0 5px;


}
#maincontent{
width: 65%;
vertical-align: top;
padding-bottom: 10px;
}


.mainplace{
margin: 10px 20px;
vertical-align:top;
}
.mainplace h1{
padding-bottom: 10px;
padding-left: 20px;
font-weight: normal;
font-size: 24px;
}
#secmenu{
width: 15%;
vertical-align: top;
border-left: #CCC solid 1px;

}

.secmenuplace{
 padding-right: 5px;

 margin-bottom: 10px;

}
.seclevel2{
	font-size: 14px;
	padding-bottom: 5px;
}
.seclevel2 a img{
vertical-align:middle;

}
.secmenuplace h3{
font-size: 16px;
color: #FFFFFF;

font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding:0;
padding-left: 5px;
background: url(menu_hdrs_bg.jpg) #bd786e;
margin: 10px 0 0 0;
padding:3px 0;
border-top: 1px #915147 solid;
border-bottom: 1px #915147 solid;
padding-left: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.secmenuplace>h3>a{
font-size: 16px;
color: #fff;
font-weight: normal;

}

h2.art{
	padding-bottom: 10px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-weight:normal;
}
div.art{
	width: 100%;
	position: static;
	font-size:14px;
	padding-bottom: 20px;

}
p.art{
	text-indent: 20px;
	padding-bottom: 10px;
	font-size: 16px;
	font-family:Verdana, Geneva, sans-serif;
}

#maincontent h2{
	font-weight:normal;
	font-size:20px;
	padding-top: 20px;
	padding-bottom: 10px;
}

textarea.send, input.send{
	width: 150px;
	margin: 15px;
	background: url(inputbg.png) transparent;
	border: none;

}
textarea.send{
	height: 80px;
}

#zayavka
{
	position:static;
	width:600px;
	height: 800px;
	margin: 20px auto;
	padding:60px;
	background: url(blank.jpg) no-repeat;

}
#zayavka h3
{
	font-size: 18px;
	font-weight: normal;
}
.lite{
font-size: 12px;
color: #FFFFFF;
padding-bottom: 2px;
padding-left: 20px;
padding-top: 3px;
}
.lite a
{
color: #FFFFFF;
font-size: 12px;
font-style: italic;
}

.correct	{
	font-size:10px;
	font-style: italic;
	color: #00CC00;
}
.incorrect	{
	font-size:10px;
	font-style: italic;
	color: #FF0000;
}
#infowin{
border: 1px solid #999999;
background-color: #CCCCCC;

position: fixed;
left: 50%;
top: 50%;
margin-left: -150px;
margin-top: -100px;

width: 300px;
height: 200px;

clip: rect(90px 150px 110px 150px);
}

.btn-slide{
position: absolute;
right: 0px;
color: #FFFFFF;
cursor: pointer;
font-size: 14px;
font-weight: bold;
width: 76px;
height: 20px;
}

.shortnews {
font-size: 12px;
color:#000;
}
h4.shortnews a{
font-size: 14px;
color:#930;
}
h4.shortnews a:hover{
font-size: 14px;
color:#000000;
}
div.shortnews{
padding-bottom: 5px;
}
div.shortnews a:hover{
color:#000;

}
a.fulltext:link, a.fulltext:visited, a.fulltext:hover{
	padding: 2px;
	color: #930;
	font-size: 12px;
	font-weight:bold;

}

.makersbtn	{
	cursor:pointer;
	font-size: 14px;
	color: #FFFFFF;
	width: 100%;
	height: 36px;
	text-align: center;
	position: static;
	padding-left: 5px;
	background: url(ardown.png) center no-repeat;
}

.makersbtnup{
background: url(arup.png) no-repeat center;
padding-top:32px;
margin-top: -42px;

}

div.ban_88{
position: static; float: left; padding: 3px;
}
.formula{
	font-size:18px;
	font-weight: bold;
	font-style:italic;
	font: Georgia, "Times New Roman", Times, serif;
}
p.formula {
	text-align:center;
}
.levelpl {
	display:none;
}

.response{
	position: static;
	width: 95%;
	padding: 0 5% 10px 5%;
}
.response p{
	font-size:16px;
	text-indent: 20px;
	clear: both;

}
.reply{
	position: static;
	width: 95%;
	padding: 10px 5% 10px 5%;
	clear: both;
	}
.reply span{
	color: #666;
	font-size:12px;
	margin-left: 20px;
	position:static;
	float: left;
}
.reply p{
	font-size:16px;
	text-indent: 20px;
	clear: both;
	padding-left: 50px;
	background: url(reply.jpg) left bottom no-repeat;
	color:#333;
}
.response span{
	color: #666;
	font-size:12px;
	margin-left: 20px;
	position:static;
	float: left;
}
.addresponse input{
	border: 1px solid black;
}
.addresponse p{
	font-weight:bold;
}
input.txt{
	width: 200px;
	font-size: 16px;
}
textarea.msg {
		width: 300px;
		height: 100px;
		border: 1px solid black;
	font-size: 16px;
}


 a.productList,  a.productList:visited{
font-size: 20px;
text-decoration:underline;
font-weight:normal;
margin-bottom: 10px;
 }

span.pseudoh2 a{
	border-bottom:2px solid #FFFFFF;
	color:#FFFFFF;
	font-family:Trebuchet MS,Arial,Tahoma,Geneva;
	font-size:30px;
	font-weight:normal;
	text-decoration:none;
}
span.pseudoh2 a:hover{
	border-bottom:2px  dashed #FFFFFF;
}

span.pseudoh3 {
background-attachment: scroll;
background-clip: border-box;
background-color: #BD786E;
background-image: url(http://grate.ru/design/elastic/menu_hdrs_bg.jpg);
background-origin: padding-box;
border-bottom-color: #915147;
border-bottom-style: solid;
border-bottom-width: 1px;
border-collapse: collapse;
border-left-color: white;
border-right-color: white;
border-top-color: #915147;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-top-style: solid;
border-top-width: 1px;
color: white;
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
height: 19px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 0px;
padding-top: 3px;
width: 240px;
}


span.pseudoh3 a:link, span.pseudoh3 a:visited{
	font-size: 16px;
color: #FFF;
font-weight: bold;
font-family: Arial, Verdana, Helvetica, sans-serif;font-weight: normal;
}

.stat{
	width: 60px; height: 20px; border: 2px solid grey; font-size: 16px;
}
#statlogin {
	font-size: 10px;
	}

	.onl_container {
	float:left;
	width: 100%;
	position: static;
}
.onl_proto {
	margin-top: 8px;
	width: 80px;
	float: left;
}
.onl_proto_button {
	position: static;
	width: 40px;
	float: left;
	height: 40px;
}
.onl_proto_name {
	margin-top: 8px;
	position: static;
	float: left;

	font-size:16px;
	font-weight:bold;
}
.commonLinksBlock {
	clear: both;
}
.commonLinksBlock>ul>li {
	background-color:#900;
	display: block;
	float:left;
	width:170px;
	height: 60px;
	padding: 3px;
	margin: 3px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}


.commonLinksBlock>ul>li>a {
	display: block;
	color:#FFF;
	float:left;
	font-size:16px;
	font-weight:bold;
	clear:both;

}
.commonLinksBlock>ul>li>a.sub {
	font-size: 14px;
	font-style:italic;
	font-weight:normal;
	margin: 3px 0 0 3px;
}


.inactiveNavPage{
	display: inline-block;
	padding: 1px 5px;
	background: url(navbg.png) center #920;
	border: 1px solid #900;
	text-decoration:none;
	font-weight:bold;
	margin: 0px;
	color: #fff;
}
.activeNavPage {
	margin: 0px;
	text-decoration:none;
	font-weight:bold;
	display: inline-block;
	padding: 1px 5px;
	background-color:#fff;
	border: 1px solid #fff;

}
.activeNavPage:hover {
	color: #C00;
}
.navArrow{
	display: inline-block;
}
a.navArrow img {
	text-decoration:none;
}

a.alink:link{
	color:#900;
	font-size:10px;
	text-decoration:none;
	border-bottom:1px dotted #900;
}
a.alinkunact:link{
	color: #999;
	font-size:10px;
	text-decoration:none;
	border-bottom: none;
}
#gallery {
	position: static;
	width: 150px;
	height: auto;
}

input.mainsearch{
	width: 85%;
	font-size: 18px;
	height: 30px;
	padding-left: 3px;
}
input.submit {

	float: right;
}
a.jlet:link, a.jlet:visited {
	color: white;
	text-decoration: none;
	border-bottom: 1px dotted white;
}
p.srch, p.srch b{
	color: white;
	font-size:10px;
	text-indent: 0;
}
.changesearchact{
	width: 150px;
	background-color:#930;
	height: 30px;
	font-size:14px;
	text-decoration:none;
	float: left;
	text-align: center;
	vertical-align: middle;
	padding-top: 10px;
}
.changesearchinact {
	width: 150px;
	color: #000;
	height: 30px;
	float: left;
	text-align: center;
	vertical-align: middle;
	padding-top: 10px;
}
.changesearchact a, .changesearchact a:link {

	color: white;
	font-size:14px;
	text-decoration:none;
}
.changesearchinact a, .changesearchinact a:link {
	color: black;
	border-bottom: 1px dotted black;
	font-size:14px;
	text-decoration:none;
}