*{margin:0;padding:0}
html,body{height:100%}
html{font-size:100.01%}
body{font:62.5% Arial,Helvetica,sans-serif;color:#798083;background:#fff}
a{color:#798083;background:transparent;outline:none}
a:hover{text-decoration:none}
p{margin: 0 0 1em 0}
img{border:none}
table {
	border-collapse: collapse;
	width: 100%;	
}

table.hh {
	border-collapse: collapse;
width:200px;
	
}
input, textarea {
	width: 255px;
	border: 1px solid #c7c7c7;
	font:1em Arial,Helvetica,sans-serif;
	color:#798083;
}

input.but {
	width: auto;
	color: #000;
}


h2  {

	font:1.8em Arial,Helvetica,sans-serif;

}

h3  {

	font:1.5em Arial,Helvetica,sans-serif;

}


#container{width:1000px;margin:0 auto;position:relative;background:#fff; font-size: 1.2em;


}

#leftCol {
	width: 277px;
	padding: 285px 31px 0 15px;
	background: url(../images/generator3.jpg) no-repeat  0 33px;
}

#leftCol2 {
	width: 282px;
	padding: 305px 46px 0 26px;
	background: url(../images/generator2.jpg) no-repeat 0 33px;
}

#arend {
	display: block;
	background: url(../images/arend.gif) no-repeat;
	width: 110px;
	height: 32px;
	position: absolute;
	top: 230px;
	left: 199px;
}

a#arend:hover {
	background: url(../images/arendHover.gif) no-repeat;
}

.alt {
	display: none;
}

.header {
	margin: 17px 0 17px 0;
	font-size: 2em;
}



.red, .nav li a:hover {
	color: #ab3030;
	background: transparent;
}

.margB18 {
	margin: 0 0 18px 0;
}

.sheme {
	padding: 0 0 0 17px;
	background: url(../images/sheme.gif) no-repeat 0 5px;
}

.font18 {
	font-size: 18px;
	line-height: 20px;
}

.font30 {
	font-size: 30px;
	line-height: 30px;
}

#rightCol {
	width: 650px;
	padding: 0 10px 0 0;
	background: url(../images/gen_right.jpg) no-repeat  0 33px;
}

#rightCol2 {
	width: 575px;
	padding: 0 10px 0 0;
}

#logo {
	position: absolute;
	top: 33px;
	left: 379px;
}

#phone {
	position: absolute;
	top: 37px;
	left: 639px;
	
}

#home {
	position: absolute;
	top: 33px;
	left: 872px;
}

#mail {
	position: absolute;
	top: 39px;
	left: 901px;
}

#map {
	position: absolute;
	top: 39px;
	left: 927px;
}

.nav {
	margin: 104px 0 12px 25px;
	font-size: 14px;
	list-style: none;
}

#leftCol .nav {
	margin: 10px 0 0 0;
	*padding: 10px 0 0 0;
}

#leftCol .nav li {
	width: 100%;
	margin-right: 0;
}

#leftCol .nav li a {
	margin: 0 0 0 13px;
}
#leftCol .nav li span {
	background: url(../images/nar.gif) no-repeat left bottom;
}


.nav li {
	float: left;
	width: 172px;
	margin: 0 20px 8px 0;
	background: url(../images/dot.gif) repeat-x bottom;
}

.nav li a {
	display: block;
	float: left;
	margin: 0 0 0 20px;
	text-decoration: none;
	border-bottom: 1px solid #636363;
	color: #636363;
	background: transparent;
}


.superlink {
	color: #ab3030;
	font-size:1.5em;
	margin : 10px 0px 0px 0px;
	*padding : 10px 0px 0px 0px;
}

.slink {

	font-size:1.3em;
	margin : 10px 0px 0px 0px;
	*padding : 10px 0px 0px 0px;

}

.nav li a:hover {
	border-color: #fff;
}

.nav li span {
	display: block;
	width: 100%;
	height: 17px;
}

.about {
	background: url(../images/about.gif) no-repeat left bottom;
}

.catalogue {
	background: url(../images/catalogue.gif) no-repeat left bottom;
}

.docs {
	background: url(../images/docs.gif) no-repeat left bottom;
}

.services {
	background: url(../images/cat.gif) no-repeat left bottom;
}

.news {
	background: url(../images/news.gif) no-repeat left bottom;
}

.contacts {
	background: url(../images/contacts.gif) no-repeat left bottom;
}

.vAlignTop td {
	vertical-align: top;
}

.col1 {
	padding: 3px 12px 7px 0;
}

.col2 {
	padding: 3px 11px 7px 8px;
}

.col3 {
	padding: 3px 0 7px 8px;
}

.margT6 {
	margin-top:6px;
}

.padR12 {
	padding: 0 12px 0 0;
}

.grayBg {
	background:  #e5e5e5;
}

.gray {
	color: #636363;
	background: transparent;
}

.font16 {
	font-size: 1.6em;
}

.vAlignMiddle td {
	vertical-align: middle
}

.dots {
	height: 1px;
	background: #e5e5e5 url(../images/dot.gif);
}

.dotsR {
	background: #e5e5e5 url(../images/dotV.gif) repeat-y right;
}

.dotsRwhite {
	background: #fff url(../images/dotV.gif) repeat-y right;
}

.txt {
	padding: 11px 5px;
	height: 126px;
	*height: 104px;
}

#leftCol, #rightCol {
	float: left;
	border-top:3px solid #721818;
}

#leftCol2, #rightCol2 {
	float: left;
}

.clear{clear:both;}

#footer{float: left;width:954px;height:43px;

border-bottom:3px solid #721818;


padding: 60px 46px 0 0;text-align:right; color: #959595;}


div.ramka {
	
border-top:1px solid #636363;	
border-left:1px solid #636363;	
padding:0px 0px 0px 20px;
	
}



#overlay{
	position:absolute;
	left:0px;
	top:0px;
	cursor:pointer;
	background:#000;
	width:100%;
	visibility:hidden;
	z-index : 10;
}
/* ViewZilla - Begin */
.viewzillaLoading{background:#fff url(../images/loading.gif) no-repeat center}
#viewzillaCenter{position:absolute;top:15px;left:50%;margin-left:-200px;background-color:#fff;width:400px;height:400px;border:1px solid #666;font-size:10px;text-align:left;color:#666;padding:10px;}
#viewzillaImage{background-repeat:no-repeat;margin-bottom:10px}
#viewzillaBottom{display:none}
#viewzillaClose{display:block;float:right;width:66px;height:22px;background:transparent url(../images/closelabel.gif) no-repeat center;margin:5px 0px}
#viewzillaNumber{margin-right:100px}
#viewzillaCaption{margin:5px 0px;margin-right:100px;font-weight:bold;text-align:justify}
#viewzillaPrevLink,#viewzillaNextLink{display:block;position:absolute;top:10px;width:49%;outline:none;display:none}
#viewzillaPrevLink{left:10px}
#viewzillaPrevLink:hover{background: transparent url(../images/prevlabel.gif) no-repeat left center}
#viewzillaNextLink{right:10px}
#viewzillaNextLink:hover{background:transparent url(../images/nextlabel.gif) no-repeat right center}
/* ViewZilla - End */