@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0; } 
html, body{ 
	width: 100%; height: 100%;
	background: #fff url(../images/main-bg.jpg) top center repeat-x;
	color: #494d51;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}
html{ overflow-y:scroll; }

a {text-decoration:none; outline:none; color: #9C1F1F; }
a img{border:0;}
.clear{ clear: both; }
.copyright{ font-family:Verdana; font-size:11px; color:#7c7b7b;}
.created{ font-family:Verdana; font-size:10px; color:#4d4c4c;}
.date{ font-family:Verdana; font-size:9px; color:#8f461c; text-decoration:underline; display:block; padding-bottom:5px}
.dark-gray{ color:#3e3a37;}
.uppercase{ text-transform:uppercase;}
.title{ font-weight:bold; font-size:13px; display:block; padding-bottom:10px}
.bold { font-weight:bold;}
.e-mail{ color:#8f461c; font-family:Verdana; font-size:11px;}

.size11{ font-size: 11px; }
.size14{font-size: 14px; }
.size24{font-size: 24px; }
.left{ float: left;}



div#main{
	width:893px; margin: 0 auto;
}
/*======================header========================*/
div.header{
	float: left; 
	width: 893px;
	background: url(../images/header-bg-new.jpg) 0 0 no-repeat;
	position: relative;
}
div.header a.logo{
	display: block;
	float: left;
	width: 180px; 
	height: 69px;
}
font.slogan{
	width: 635px;
	display: block;
	float: left;
	text-transform: uppercase;
	font-size: 16px;
	color: #828181;
	font-weight: 600;
	padding: 0 0 0 5px;
	margin-top: 29px;
}
div.lang{
	position: absolute;
	top: 22px;
	right: 20px;
	color: #b5b5b5;
}
div.lang a{
	display: block;
	float: left;
	color: #828181;
	font-size: 12px;
	font-weight: bold;
	padding: 0 5px;
}
div.lang a:hover{
	color: #DA1B3C;
}
div.menu{
	float: left; 
	width: 880px; 
	height: 63px;
	padding: 0 6px 0 7px;
	background: url(../images/menu-bg-new.jpg) 0 0 no-repeat;
}
div.menu ul{
	list-style-type: none;
	display: block; 
	width: 880px; 
	height: 54px;
}
div.menu ul li{
	display: block; 
	float: left; 
	margin: 0 2px 0 0;
	height: 54px;
	position: relative; z-index: 100;
}
div.menu ul li a{
	display: block; 
	height: 54px;
	text-align: center; 
	font: bold 12px Arial;
	color: #fffaf7; 
	text-transform: uppercase;
	line-height: 54px; 
	/*text-indent: -8738px;*/
	background-image: url(../images/menu-bg-new.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
div.menu ul li#home{ width: 141px; }
div.menu ul li#about{ width: 140px; }
div.menu ul li#activities{ width: 139px; }
div.menu ul li#products{ width: 140px; }
div.menu ul li#references{ width: 150px; }
div.menu ul li#contacts{ width: 158px; }

div.menu ul li#home a{ background-position: -7px 0px; }
div.menu ul li#about a{ background-position: -150px 0px; }
div.menu ul li#activities a{ background-position: -292px 0px; }
div.menu ul li#products a{ background-position: -433px 0px; }
div.menu ul li#references a{ background-position: -575px 0px; }
div.menu ul li#contacts a{ background-position: -727px 0px; }

div.menu ul li#home a:hover, div.menu ul li#home a.current{ background-position: -7px -63px; }
div.menu ul li#about a:hover, div.menu ul li#about a.current{ background-position: -150px -63px; }
div.menu ul li#activities a:hover, div.menu ul li#activities a.current{ background-position: -292px -63px; }
div.menu ul li#products a:hover, div.menu ul li#products a.current{ background-position: -433px -63px; }
div.menu ul li#references a:hover, div.menu ul li#references a.current{ background-position: -575px -63px; }
div.menu ul li#contacts a:hover, div.menu ul li#contacts a.current{ background-position: -727px -63px; }

div.big-pic{
	width:887px;
	height:198px;
	float:left;
	background:url(../images/big-pic-bg.png) bottom left no-repeat;
	padding: 0 0 6px 6px;
	margin-top:8px;
	position: relative; z-index:0;
}
* html div.big-pic{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/big-pic-bg.png', sizingMethod='scale');
}
div.menu ul.drop-menu{	
	width: 182px;
	height: auto; 
	float: left;
	background: url(../images/drop-menu-bg.png); 
	padding: 13px 0 12px 0;
	visibility: hidden;
	position: absolute; top:54px; left: 0;
}
div.menu ul.drop-menu li{
	display:block;
	float:left; 
	width:182px; 
	height: auto;
	font-size:12px; 
	line-height: 14px;
}
div.menu ul.drop-menu li a{
	width:165px;
	display:block;
	float:left;
	color:#ffffff;
	text-transform: none;
	font-weight: normal;
	text-align: left;
	padding: 6px 0 6px 17px;
	height: auto;
	font-size:12px; 
	line-height: 14px; 
	background: none; 
	text-indent:0px;
}
div.menu ul.drop-menu li a:hover, div.menu ul.drop-menu li a.subcurrent{	
	color:#ffffff;	
	background: url(../images/drop-menu-hover.png);		
}
/*========================container==========================*/

div.container{
	float:left;
	width:893px;
	margin-top:20px;
}
div.container ul, div.container ol{ padding-left: 25px; }
/*============left-column===============*/

div.left-column{
	float:left;
	width:580px;
}
span.page-title{
	display:block;
	height:16px;
	font-weight:bold;
	font-size:14px;
	color:#585757;
	margin-bottom:10px;
}
span.text{
	display:block;
	height: 85px; overflow: hidden;
	float:left;
	line-height:14px;
	width:560px;
}

div.left-column a.more{
	display:block;
	float:left;
	width:40px;
	height:14px;
	background:url(../images/more.png) no-repeat;
	margin-top:14px;
	padding: 0 0 0 6px;
	font-family:Verdana;
	font-size:11px;
	color:#ffffff;
	line-height:10px;
}
* html div.left-column a.more{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/more.png', sizingMethod='scale');
}
div.whats-new{
	float:left;
	width:580px;
	margin-top:50px;
}
div.whats-new font.date{ text-decoration: none; margin:0; padding:0;}
span.whats-title{
	display:block;
	float:left;
	width:525px;
	height:34px;
	background:url(../images/whats-title-bg.jpg) no-repeat;
	font-weight:bold;
	font-size:16px;
	color:#414141;
	text-transform:uppercase;
	padding: 12px 0 0 55px;
	margin-bottom:7px;
}
span.whats-txt{
	font-size:11px;
	color:#3e3a37;
}
div.documents{
	float:left;
	width:570px;
	margin-top:30px;
}

div.doc{
	float:left;
	white-space: nowrap;
	background:url(../images/doc-bg.jpg) no-repeat;
	padding-left:34px;
	margin:0 12px 18px 0;
}
div.doc span{
	display:block; float:left;
}
div.doc a{
	display:block; clear:both;
	float:left;
	width:110px;
	height:24px;
	background:url(../images/download-bg.jpg) no-repeat;
	margin-top:3px;
	padding:8px 0 0 34px;
	color:#ffffff;
}
span.comments{
	display:block;
	float:left;
	color:#4b4b4b;
	padding-top:12px;
}
/*============right-column===============*/

div.right-column{
	float:right;
	width:305px;
}
span.newest-title{
	display:block;
	padding-left:20px;
	font-size:16px;
	color:#505050;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:8px;
}
div.newest-products{
	float:right;
	width:295px;
	height:290px;
	background:url(../images/newest-bg1.jpg) no-repeat bottom;
	padding: 0 0 0 10px;
}
div.newest-products-img{
	float:left;
	width:252px;
	height:186px;
	padding:2px 2px 2px 2px;
	position:relative;
}
div.newest-products-img img.mask{
	position:absolute; top:0; left:0;
}
div.newest-products-img span.mask{
	display:block; float: left; width: 256px; height: 190px;
	background: url(../images/newest-products-mask.png) 0 0 no-repeat;
	position:absolute; top:0; left:0;
}
* html div.newest-products-img span.mask{ background: url(../images/newest-products-mask.gif) 0 0 no-repeat; }
span.newest-products-txt{
	display:block;
	float:left;
	width:225px;
	font-size:11px;
	color:#333333;
	line-height:12px;
	padding:13px 0 0 13px;
	height: 51px; overflow-y: hidden;
}
div.right-column a.more{
	display:block;
	width:40px;
	height:14px;
	background: url(../images/more.png) no-repeat;
	font-family:Verdana;
	font-size:11px;
	color:#ffffff;
	line-height:10px;
	padding: 0 0 0 6px;
	margin: 5px 0 0 12px;
}
* html div.right-column a.more{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/more.png', sizingMethod='scale');
}
div.aboutus-imgs{
	float:right;
	width:256px;
	padding-right:8px;
}
div.about-img{
	float:left;
	width:252px;
	height:138px;
	padding:2px 2px 2px 2px;
	position:relative;
	margin:4px 0 4px 0;
}
a.about-img{
	display:block;
	float:left;
	width:252px;
	height:138px;
	padding:2px 2px 2px 2px;
	position:relative;
	margin:4px 0 4px 0;
}
a.about-img img{ border: none; } 
div.about-img img.mask{
	position:absolute; top:0; left:0;
}
a.about-img img.mask{
	position:absolute; top:0; left:0;
}
* html a.about-img  img.mask{ display: none; }


div.send-comment{
	float:right;
	width:261px;
	padding:0 0 0 0;
}
div.comment-form{
	width:231px;
	float:left;
	background: url(../images/send-comment-bg.png) 0 bottom no-repeat;
	padding: 0 0 30px 16px;
}
* html div.comment-form{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/send-comment-bg.png', sizingMethod='scale');
}
div.send-comment span.page-title{
	diplsay:block; float: left; width: 231px; padding: 35px 0 0 30px;
	background: url(../images/send-comment-bg.png) 0 0 no-repeat;
	margin-bottom: 0px;
}
* html div.send-comment span.page-title{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/send-comment-bg.png', sizingMethod='crop');
}
div.comment-form label{
	width: 200px;	
	display: block;
	margin: 0 0 6px 0; 
	text-align:left;
	float:left;
}
div.bgwhite{ background: #fff; float:left; width: 216px; overflow-x: hidden;
	padding: 10px 0 0 14px; min-height: 210px; _height: 210px;
}
div.comment-form label span.r{
	width: 200px; 
	float: left; 
	display: block;
}
div.comment-form input{
	height: 16px; 
	width: 190px; 
	float: left;
	border:1px solid #444e57;
	font: 11px Tahoma;
	color: #444e57;
	padding:2px 2px 0 8px;
}
div.comment-form label.larea{
	display: block;
	width: 200px;
}
div.comment-form label.larea span.r{
	display: block;
	width: 200px; 
	float: left; 
}
div.comment-form span.r textarea{
	height: 97px; 
	width: 190px; 
	float: left;
	font: 11px Tahoma;
	color: #444e57; 
	padding: 2px 2px 1px 8px; 
	overflow: auto;
	border:1px solid #444e57;
}
div.comment-form label.send{
	width:200px;
	height:16px;
	display: block;
	float:left;
	margin:0 0 0 0;
}
div.comment-form label.send span.l{
	display:block;
	width:68px;
	height:16px;
	display: block;
	margin-right:7px;
	float:left;
	background:url(../images/send-clear-bg.jpg) no-repeat right;
}
div.comment-form label.error{
	width: auto; margin:0; color: red; font-size: 11px;
}

div.comment-form label.send span.r{
	display:block;
	width:68px;
	height:16px;
	display: block;
	float:left;
	background:url(../images/send-clear-bg.jpg) no-repeat right;
}
div.comment-form label.send input{
	width:60px;
	height: 16px;   
	float: left;
	font: bold 11px Tahoma;
	color: #e84700;
	border:none;
	background:none;
	padding-top:0px;
}

/*============friends===============*/

span.friends-title{
	display:block;
	float:left;
	width:866px;
	font-weight:bold;
	font-size:16px;
	color:#414141;
	text-transform:uppercase;
	padding: 35px 0 11px 16px;
}
div.friends{
	float:left;
	width:873px;
	height:115px;
	background:url(../images/friends-bg.jpg) no-repeat;
	padding:0 10px 0 10px;
}
div.friends-partners{
	float:left;
	width:810px;
	height:115px;
	overflow-x:hidden;
}
div.friends a.arrow-left{
	display:block;
	float:left;
	width:26px;
	height:26px;
	margin-top:45px;
}
div.friends a.arrow-right{
	display:block;
	float:right;
	width:26px;
	height:26px;
	margin-top:45px;
}
div.friends td{
	background:url(../images/td-bg.jpg) no-repeat top right;
	padding:18px 11px 0 11px;
}
div.friends a.friends-partners{
	display:block;
	font-family:Verdana;
	font-size:10px;
	color:#5a5b5b;
	text-transform:uppercase;
	white-space: nowrap;
	clear:both;
	line-height:15px;
}
div.friends a.friends-partners:hover{
	text-decoration:underline;
}
div.friends a.friends-partners:hover, div.friends a.current{
	text-decoration:underline;
}

/*============products===============*/

span.text-products{
	display:block;
	float:left;
	line-height:14px;
	padding-bottom:20px;
}
div.documents-products{
	float:left;
	margin-top:30px;
}
div.products-imgs{
	float:left;
}
div.product-img{
	float:left;
	width:213px;
	height:157px;
	padding:2px 2px 2px 2px;
	position:relative;
	margin-right:6px;
}
div.product-img img.mask{
	position:absolute; top:0; left:0;
}

a.product-img{
	display:block; float:left;
	width:213px;
	height:157px;
	padding:2px 2px 2px 2px;
	position:relative;
	margin-right:6px;
}
a.product-img img{ border: none; }
a.product-img img.mask{
	position:absolute; top:0; left:0;
}
* html a.product-img img.mask{
	display: none;
}


/*============contacts===============*/

div.contacts{
	float:left;
	width:422px;
	margin-top:30px;
}
span.form-txt{
	display:block;
	float:right;
	width:463px;
	margin-top:30px;
}
div.form{
	width:465px;
	float:right;
	margin-top:12px;
}
div.form label{
	width: 455px;	
	display: block;
	margin: 0 0 10px 0; 
	text-align:left;
	float:left;
}
div.form label.error{
	width: auto; margin:0; color: red; font-size: 11px;
}
div.form label span.l{
	height: 20px; 
	width: 75px; 
	float: left; 
	display: block;
	font-size:12px; 
	color:#8f461c;
}
div.form label span.r{
	width: 380px; 
	float: left; 
	display: block;
}
div.form input{
	height: 18px; 
	width: 375px; 
	float: left;
	border:1px solid #919599;
	line-height:24px;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #4b4b4b; 
	padding: 0px 0px 0px 3px;
	background:#fff;
}
div.form label.larea{
	display: block;
	width: 455px;
}
div.form label.larea span.r{
	display: block;
	width: 380px; 
	float: left; 
}
div.form span.r textarea{
	height: 84px; 
	width: 373px; 
	float: left;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #4b4b4b; 
	padding: 1px 2px 1px 3px; 
	overflow: auto;
	border:1px solid #919599;
	background:none;
}
div.form label.code{
	width:455px;
	height: 35px; 
	display: block;
	margin-top:11px;
}
div.form label.code span.l{
	float: left;
	width: 75px;
	height: 35px; 
	display: block;
}
div.form span.coder{
	display: block;
	float:left;
	width:65px;
	height: 33px;
	padding-top: 2px;
}
div.form span.coder input{
	width:60px;
	height: 23px;  
	float: left;
	border:1px solid #919599;
	line-height:24px;
	font: normal 14px Verdana, Arial, Helvetica, sans-serif;
	color: #4b4b4b; 
	padding: 2px 0px 0px 3px;
}
div.form label.code span.r{
	float: left;
	width: 90px;
	height: 30px; 
	display: block;
	padding-left: 10px;
}

div.form input.send{
	float:right; 
	width:65px; 
	height:19px;
	margin:5px 0px 0px 0px;
	padding:0 0 3px 1px;
	text-align: center;  
	font: bold 12px Verdana, Arial, Helvetica, sans-serif; 
	color:#b5551d;
	border:1px solid #919599;
	background-color:#ffffff;
}


/*========================footer==========================*/

div.footer{
	float:left;
	width:100%;
	height:22px;
	text-align:center;
	margin-top:35px;
}



div.paging a, div.paging span{ display: inline-block; margin: 0 3px 0 0; }
div.paging span.paging_current, 
div.paging a.paging_first, 
div.paging a.paging_last 
{ font-weight: bold; }