/*
 * tampo main styles
 * Author: Zolotov Nikita (nikita at infolio.ru)
 */

/* =Layout
---------------------------------------------*/
body{ background: #ededed url("../img/bg.png") repeat-x; }

#container{
	width: 990px;
	margin: 0 auto;
	background: #fff url("../img/container_bg.png") repeat-y;
	}
#container-inner-1{ background: url("../img/container_top.png") no-repeat; }

#container-inner-2{
	padding: 0 20px 0 40px;
	min-height: 640px;
	background: url("../img/container_bottom.png") no-repeat left bottom;
	}
#header{
	position: relative;
	height: 90px;
	}
#navigation{
	float: left;
	width: 206px;
	}
#content-wrapper{
	float: left;
	width: 724px;
	}
#content{
	width: 664px;
	min-height: 85px;
	padding: 1.5em 30px 2em 30px;
	background: url('../img/content_bg.png') repeat-x;
	}
#home-page #content{
	position: relative;
	z-index: 10;
	width: 910px;
	margin-left: -226px;
	padding: 1.25em 20px 0 20px;
	}
#footer{
	position: relative;
	top: -1px;
	clear: left;
	width: 684px;
	height: 6em;
	margin: 0 0 8px 206px;
	padding: .6em 0 0 10px;
	font-size: .625em;
	color: #707070;
	border-top: 1px solid #dfdfdf;
	}
#home-page #footer{ width: 694px; }

/* =Header
---------------------------------------------*/
#header h1{ padding-top: 30px; }

	#header a{ background: none; }

#header p{
	position: absolute;
	top: 37px;
	right: 210px;
	}
	#header p span{
		font-size: .625em;
		color: #858585;
		}
	#header p img{ display: none; }
	#header p strong{ color: #013072; }

#header ul.nav{
	position: absolute;
	top: 31px;
	right: -10px;
	}
	#header ul.nav li{
		float: left;
		width: 25px;
		height: 25px;
		margin-right: 18px;
		text-indent: -9999px;
		list-style: none;
		background: url("../img/icons/extra_menu.gif") no-repeat 0 0;
		}
	#home-page #header .home{ background-position: 0 -25px; }
	
	#header ul.nav .mail{
		width: 26px;
		background-position: -25px 0;
		}
	#header ul.nav .map{
		width: 29px;
		background-position: -51px 0;
		}
	#map-page #header .map{
		width: 29px;
		background-position: -51px -25px;
		}
		#header ul.nav li a{
			display: block;
			height: 25px;
			}
			
#header ul.phones{
	position: absolute;
	top: 31px;
	left: 235px;
}
	#header ul.phones li{
		float: left;
		width: 116px;
		height: 25px;
		list-style: none;
		}
		#header ul.phones span{
			display: block
			}
		#header ul.phones .city{
			font-size: 11px;
			color: #585858;
			}
		#header ul.phones .code{
			font-size: 10px;
			color: #858585;
			margin-bottom: -3px;
			}
		#header ul.phones strong{
			font-size: 17px;
			color: #013072;
			}

/* =Navigation
---------------------------------------------*/
#main-menu{
	margin: 0 20px 1.5em 0;
	border-top: 1px solid #ececec;
	}
	#main-menu li{
		display: block;
		padding: 1em 40px;
		list-style: none;
		font: bold .75em/1 Tahoma;
		text-transform: uppercase;
		color: #4d6a90;
		border-bottom: 1px solid #ececec;
		background: url('../img/bullets/main.png') no-repeat 7px 50%;
		}
	#main-menu .active{
		margin-top: -1px;
		border-top: 1px solid #e1e6eb;
		border-bottom: 1px solid #e1e6eb;
		background: #eaeff5 url('../img/bullets/main.png') no-repeat 7px 50%;
		}
		#main-menu li a{
			text-decoration: none;
			color: #4d6a90;
			background: none;
			}
			#main-menu li a:hover{ text-decoration: underline; }
#search-form{
	padding-left: 11px;
	margin-bottom: 1.0em;
	}
	#search-form input{
		float: left;
		width: 100px;
		margin: 4px 5px 0 0;
		padding: 0;
		font-size: .75em;
		}
#help-menu{
	margin-bottom: 2em;
	}
	#help-menu li{
		float: left;
		width: 65px;
		height: 83px;
		list-style: none;
		text-align: center;
		font-size: .625em;
		background: url('../img/compas.png') no-repeat 9px 14px;
		}
	#help-menu .letter{
		width: 108px;
		background: url('../img/bird.png') no-repeat 39px 20px;
		}
	#faq-page #help-menu .faq{ background: url('../img/compas_active.png') no-repeat; }
	#letter-page #help-menu .letter{ background: url('../img/bird_active.png') no-repeat; }
		
			#help-menu a,
			#help-menu span{
				display: block;
				height: 25px;
				padding-top: 58px;
				background: none;
				}
			#help-menu span{ color: #4d6a90; }

#best-offer, #voting{
	margin-right: 20px;
	border-bottom: 1px solid #dfdfdf;
	}
	#best-offer h3, #voting h3{
		font: bold .75em/1 Tahoma;
		text-transform: uppercase;
		color: #fff;
		background: #3a5b86 url('../img/best_offer_bg.jpg') repeat-y;
		}
		#best-offer h3 a,  #voting h3 span{
			display: block;
			padding: .25em 0 .25em 10px;
			color: #fff;
			text-decoration: none;
			background: none;
			}
	#best-offer dl{
		font: normal .6875em Tahoma;
		}
		#best-offer dd{
			position: relative;
			z-index: 10;
			height: 100%;
			margin-left: -5px;
			background: url('../img/bullets/main.png') no-repeat;
			}
			#best-offer dd a{
				display: block;
				padding: .2em 0 .5em 25px;
				color: #707070;
				text-decoration: none;
				background: none;
				}


#voting{
	margin-top: 35px;
}
#voting form{
	padding-bottom: 35px;
}
#voting h3{
}
#voting p{
	margin: 10px 10px 10px 10px;
	color: #2a2a2a;
	font-size: .75em;
	font-weight: bold;
}

#voting ul{
	list-style: none;
	font-size: .75em;
	color: #6c6c6c;
	margin-bottom: 10px;
}

#voting li {
/*	padding-top: 8px;*/
	margin-bottom: 0;
}

#voting li input.box{
	float: left;
	zoom: 1;
}

div#voting ul.result{
	padding: 0 8px;
}

div#voting li label{
	display: block;
	margin-left: 26px;
	zoom: 1;
}
div#voting li b{
	color: black;
}
div#voting .bar{
	background: #cccccc;
	height: 6px;
}
div#voting .bar div{
	background: #3f5b82;
	height: 6px;
}

/* =Title
---------------------------------------------*/
#production-menu{
	margin-bottom: 5px;
	background: #c6cfd4;
	}
	#production-menu li{
		float: left;
		width: 116px;
		margin-top: 3px;
		padding: .375em 0 .4375em 0;
		list-style: none;
		text-align: center;
		text-transform: uppercase;
		}
	#production-menu .equipment{ width: 170px; }
	#production-menu .materials{ width: 228px; }
	#production-menu .branch-decisions{ width: 210px; }
	
	#production-menu .active{ background: #fff; }
	
		#production-menu li a,
		#production-menu li span{
			padding: .2em 0 .2em 23px;
			font: bold .75em Tahoma;
			text-decoration: none;
			color: #4d6a90;
			background: url('../img/bullets/main.png') no-repeat;
			}
		#production-menu li a:hover{ text-decoration: underline; }
		#production-menu .active a,
		#production-menu .active span{ background: url('../img/bullets/main_active.png') no-repeat; }

#illustration #production-menu{
	position: absolute;
	bottom: 0;
	margin: 0;
	background: none;
	}
	#illustration div{
		height: 100%;
		background: url('../img/ill/index_light.jpg') no-repeat left bottom;
		}
#illustration{
	position: relative;
	width: 724px;
	height: 163px;
	margin-bottom: 5px;
	background: url('../img/ill/about.jpg') no-repeat;
	}
#home-page #illustration{
	height: 334px;
	background: url('../img/ill/index.jpg') no-repeat;
	}

/* =Footer
---------------------------------------------*/
#footer p{ float: left; }
#footer .developer{ float: right; }

/* =Common
---------------------------------------------*/
.hidden{
	display: none;
	visibility: hidden;
	}
.dashed{
	text-decoration: none;
	border-bottom: 1px dashed;
	}
#content .first{ margin-top: 0; }

#content h2.light{
	margin-bottom: 1em;
	font-size: .75em;
	}

/* =Columns
---------------------------------------------*/
.half-column,
.half-column-last,
.third-column,
.third-column-last,
.two-third-column,
.quater-column,
.quater-column-last{
	float: left;
	}
.half-column{
	width: 317px;
	padding-right: 30px;
	}
.half-column-last{ width: 317px; }

.third-column{
	width: 201px;
	padding-right: 30px;
	}
.third-column-last{ width: 202px }
.two-third-column{ width: 433px; }

.quater-column{
	width: 143px;
	padding-right: 30px;
	}
.quater-column-last{ width: 145px; }

#letter-page .half-column{
	width: 287px;
	padding-right: 60px;
	}

/* =Content
---------------------------------------------*/
#content .inline-sub-menu{
	float: right;
	width: 200px;
	padding: 2.75em 0 3.5em 6em;
	}
	#content .inline-sub-menu li{
		list-style: none;
		padding: 0;
		background: none;
		}
.sub-menu{ margin-bottom: 2.5em; }
	#content .sub-menu li{ font-size: .6875em; }
	#content .sub-menu .active{ background-image: url('../img/bullets/simple_active.gif'); }
	#content .sub-menu .active a{ font-weight: bold; }

#content .sub-menu-item{
	margin: 0 0 1.5em -5px;
	padding-left: 25px;
	font-size: .875em;
	color: #376c99;
	background: url('../img/bullets/main.png') no-repeat;
	}
.sub-sub-menu{ padding-left: 20px; }
	.sub-sub-menu .third-column-last{ width: 182px; }
	
		#content .sub-sub-menu h3{
			margin-top: 0;
			font-size: .75em;
			}
		#content .sub-sub-menu li{
			padding-left: 15px;
			font-size: .6875em;
			}
		#content .sub-sub-menu .third-column-last li{ width: 161px; }

.sub-sub-menu-compact{
	margin-left: 20px;
	}
	#content .sub-sub-menu-compact li{
		padding-left: 0;
		background: none;
		}
		#content .sub-sub-menu-compact li .head{
			text-decoration: none;
			color: #777;
			border-bottom: 1px dashed;
			}
		#content .sub-sub-menu-compact li .selected{
			font-weight: bold;
			color: #4d4d4d;
			border: none;
			}
			#content .sub-sub-menu-compact li li{
				padding-left: 15px;
				font-size: .9em;
				background: url('../img/bullets/simple.gif') no-repeat 0 .5em;
				}
				#content .sub-sub-menu-compact li ul .first{ margin-top: .5em; }
				#content .sub-sub-menu-compact li ul .last{ padding-bottom: 2em; }

#content #best-offer, #content #voting{
	float: left;
	width: 186px;
	}
	#content #best-offer h3,
	#content #best-offer dl{ margin: 0; }
	
#content #voting{
	margin-top: 0;
}
#content #voting h3{
	margin-top: 0;
}
	
#content #voting li{
	padding-left: 0;
	background: none;
	clear: left;
	font-size: 1em;
}

#content .gallery{
	margin-top: 30px;
	}
	#content .gallery a{
		margin: 0 15px 15px 0;
		float: left;
		}
	#content .gallery a:hover{
		opacity: 0.8;
		}
	#content .gallery img{
		border: 1px solid #ddd;
		}
div#news{
	float: left;
	width: 704px;
	}
	#news h2{
		margin: 0 0 1em 0;
		font: bold .75em/1 Tahoma;
		text-transform: uppercase;
		color: #fff;
		background: #3a5b86 url('../img/news_bg.jpg') repeat-y;
		}
		#news h2 a{
			display: block;
			padding: .25em 0 .25em 10px;
			color: #fff;
			text-decoration: none;
			background: none;
			}
	#news ul{ padding-left: 10px; }
	
		#news ul li{
			float: left;
			width: 231px;
		}
		#content #news li{
			list-style: none;
			padding: 0;
			background: none;
			}
			#news li .date{
				font-size: .9em;
				color: #888;
				}
#message-form{
	}
	#message-form dt{
		float: left;
		width: 140px;
		}
	#message-form dd{
		margin: 0 0 1em 0;
		padding-left: 140px;
		}
	#message-form .fieldset{
		position: relative;
		float: none;
		width: auto;
		padding-left: 0;
		}
	#message-form .separated{ margin-bottom: 2em; }
	
		#message-form input,
		#message-form textarea{ width: 100%; }
		
		#message-form .code{
			float: left;
			width: 30px;
			margin-right: 10px;
			}
		#message-form .number{
			float: left;
			width: 97px;
			}
		#message-form .tip{ clear: left; }
		
		#message-form #f_code{
			position: absolute;
			left: 140px;
			top: 10px;
			width: 40px;
			}
	#message-form .button-wrapper{ margin-left: 136px; }

#content .fancy-img img{
	background: url('../img/img_bg.jpg') repeat-y;
	padding-bottom: 4px;
	}
#contacts-page #content{ padding-top: 1.25em }
#contacts-page #content h2{ margin-top: -2em; }

#russia{
	position: relative;
	height: 347px;
	padding: 0;
	background: url('../img/rus.png') no-repeat;
	}
	ul#russia li{
		position: absolute;
		left: 0;
		top: 0;
		padding: 0;
		font-size: .625em;
		background: none;
		}
		#russia li a{
			position: absolute;
			float: left;
			min-height: 19px;
			padding: 2px 0 2px 20px;
			white-space: nowrap;
			background: url("../img/bullets/add.png") no-repeat;
			}
			#russia li em{
				position: absolute;
				left: -25px;
				top: 4px;
				width: 25px;
				text-align: right;
				line-height: 0;
				}
			#russia li .office{
				position: relative;
				top: 1px;
				}
		#russia a.selected{
			font-weight: bold;
			font-size: 1.1em;
			text-decoration: none;
			color: #333;
			background: url("../img/bullets/main_active.png") no-repeat;
			}
	#russia #central-region{
		left: 63px;
		top: 1px;
		width: 594px;
		height: 345px;
		font-size: .6875em;
		}
		#russia #central-region a{
			top: 132px;
			left: 36px;
			}
	#russia #central-east-region{
		left: 87px;
		top: 151px;
		width: 127px;
		height: 112px;
		}
		#russia #central-east-region a{
			top: 12px;
			left: 40px;
			}
	#russia #south-region{
		left: 27px;
		top: 186px;
		width: 79px;
		height: 90px;
		}
		#russia #south-region a{
			top: 8px;
			left: 22px;
			}
		#russia #south-region .second{
			top: 26px;
			left: 0px;
			}
	#russia #belarus{
		left: 44px;
		top: 69px;
		width: 69px;
		height: 67px;
		}
		#russia #belarus a{
			top: 32px;
			left: 12px;
			}
	#russia #ukraine{
		left: 1px;
		top: 99px;
		width: 72px;
		height: 97px;
		}
		#russia #ukraine a{
			top: 46px;
			left: 34px;
			}
	#russia li.selected{ background: url('../img/rus.png') no-repeat 0 -459px; }
	#russia #central-east-region.selected{ background-position: -354px -347px; }
	#russia #south-region.selected{ background-position: -518px -347px; }
	#russia #belarus.selected{ background-position: 0 -347px; }
	#russia #ukraine.selected{ background-position: -83px -347px; }

#contacts-page h2{
	font-size: 1.125em;
	font-weight: normal;
	margin: 1.75em 0;
	}
#content .legend{
	margin-bottom: 1.5em;
	}
	#content .legend li{
		padding: 0;
		font: bold .875em Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		color: #777;
		background: none;
		}
		#content .legend li img{
			position: relative;
			top: 2px;
			}
		#content .legend li .office{
			margin: 0 2px 0 1px;
			}
#content .departments{
	margin-bottom: 1em;
	}
	#content .departments li{
		float: left;
		width: 175px;
		padding: 0 40px 0 0;
		font-size: 1em;
		background: none;
		}
		#content .department h3,
		#content .departments h3{
			font-size: .75em;
			margin: 0 0 1.5em 0;
			}
#content .department{ padding-bottom: 1em; }

	#content dl.phones dt{
		float: left;
		min-width: 2.6em;
		padding-right: .5em;
		}
	#content dl.phones dt{
		white-space: nowrap;
		}
#content .route dt{ margin-bottom: .5em; }
#content .route dd{ margin-bottom: 1.5em; }

#content .no-image{
	width: 200px;
	height: 100px;
	font-size: .75em;
	line-height: 100px;
	text-align: center;
	color: #ccc;
	border: 1px solid #ccc;
	}
#content .vacancy{ margin-bottom: 2em; }

	#content .vacancy li{
		float: left;
		width: 200px;
		margin-bottom: .5em;
		font-size: 1em;
		}
	#content .vacancy h3{
		margin: 0;
		font-size: .875em;
		}
	#content .vacancy li p{ margin: 0; }


/* =Catalog
----------------------------------------------*/
#content .catalog, #content .properties{
	width: 100%;
	color: #4d4d4d;
	font-size: 11px;
}
#content .description{
	color: #000000;
	font-size: 12px;
}
#content .compare-add{
	color: #3a5b86;
	text-decoration: none;
	font-weight: normal;
	border-bottom: 1px dashed #3a5b86;
	cursor: hand;
	cursor: pointer;
	font-size: 10px;
}

#content .catalog td{
	vertical-align: top;
}
#content .catalog .mark{
	line-height: 115%;
}
#content .catalog .mark a{
	color: #3a5b86;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.25em;
}

#content .catalog .price{
	color: #000;
	font-weight: bold;
	font-size: 1em;
}
#content .properties{
	width: 100%;
}
#content .properties .value{
	font-weight: bold;
}

#content .pages {
	font-size: 11px;
	color: #969696;
}
#content .pages a{
	color: #3a5b86;
}
#content .pages b{
	color: #fff;
	padding: 2px 5px;
	background: #3a5b86;
}
#content .pages .left-arrow{
	padding-left: 10px;
	background: url(/img/icons/left-arrow.gif) left center no-repeat;
}
#content .pages .right-arrow{
	padding-right: 10px;
	background: url(/img/icons/right-arrow.gif) right center no-repeat;
}

table.compare{
	width: 100%;
}
table.compare .mark{
	font-weight: bold;
	font-size: 13px;
	color: #3a5b86;
}

#content table.compare .field{
	color: #868686;
}
#content table.compare td{
	font-size: 11px;
	color: #4d4d4d;
}
#content table .last td{
	border-bottom: 0;
}

#compare{
	background: #ebf0f5;
	padding: 20px;
	margin-top: 50px;
}

#compare ul{
	padding: 10px 0;
}

#compare h3{
	margin-top: 0;
	font-size: 11px;
	font-weight: bold;
	color: #4d4d4d;
	text-transform: uppercase;
}

#compare #compare_link{
	margin-right: 30px;
}

#compare ul a{
	font-weight: bold;
}

#compare a{
	font-size: 11px;
	color: #3a5b86;
}

.bread-crumbs{
	font-size: 11px;
	color: #3a5b86;
}
.div{
	background: url(/img/icons/right-arrow.gif) right center no-repeat;
	padding-right: 14px;
	margin-right: 10px;
}

.lclear{
	clear:left;
}



#content .filter{
	margin-bottom: 1.4em;
	}
	#content .filter h3{
		font-size: .75em;
		font-weight: normal;
		color: #999;
		}
	#content .filter .sort li a{
		color: #333;
		}
	#content .filter .sections{
		padding: .75em 0 1em 0;
		}
		#content .filter .sections li{
			padding-left: 30px;
			background: none;
			font-size: 0.7em;
			}
		#content .filter .sections .active{
			background: url("../img/bullets/main.png") no-repeat 5px 0;
			}	
	#content .filter .sort li{
		margin: 0;
		padding: 0;
		background: none;
		}
	#advantage dt a{
		display: block;
		padding: .5em 30px;
		text-decoration: none;
		background: #ebf0f5 url("../img/bullets/main.png") no-repeat 5px 60%;
		}
	#advantage dt a.active{
		background-image: url("../img/bullets/main_active.png");
		}
		#advantage dt span{
			border-bottom: 1px dashed;
			}
	#advantage dd{
		position: absolute;
		z-index: 100;
		width: 25em;
		margin: 0;
		padding: 1em 1em 0 1em;
		color: #fff;
		background: #376b9a;
		}
	#advantage dd a{
		color: #fff;
	}

.files label{
	display: inline;
}

/* =Forms
---------------------------------------------*/
legend{ display: none; }

label{
	display: block;
	margin-bottom: .25em;
	}
.tip{
	color: #868686;
	font-size: .9em;
	}
.button-wrapper{
	float: left;
	height: 27px;
	padding-left: 20px;
	background: #3a5b86 url('../img/button.png');
	}
	.button-wrapper div{
		float: left;
		height: 27px;
		padding-right: 20px;
		background: url('../img/button.png') right top;
		}
		.button-wrapper button{
			float: left;
			height: 27px;
			margin: 0 -20px;
			padding: 7px 20px;
			font: normal 9px Arial, sans-serif;
			text-transform: lowercase;
			color: #fff;
			overflow: visible;
			cursor: pointer;
			border: none;
			background: none;
			}

/* =Clearfix
---------------------------------------------*/
.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
.clearfix{
	display: inline-block;
	}
/* Holly Hack Targets IE Win only \*/
* html .clearfix{ height: 1%; }
.clearfix{ display: block; }
/* End Holly Hack */


.pl10{
	padding-left: 10px;
}


#files-form td{
	border-bottom: none;
}
#files-form input{
	width: 80%;
}
#files-form input#submit{
	width: auto;
}

div#voting label{
	display: inline;
}

div#voting .bar{
	margin:4px 0 15px 0;
	width: 100%;
	background: whitesmoke;
}
div#voting .last{
	margin:4px 0 5px 0;
}

div#voting .checkbox{
	display: block;
	margin: 5px 0 5px 0;
}

div.seo-text{
	margin-top: 16px;
	padding: 10px 0 10px 0;
	font-size: 0.75em;
}
div.seo-text ul,div.seo-text li{
	font-size: 1em!important;
}
div.bborder{
	border-top: 1px solid #CCCCCC;
}
#content div.seo-text p{
	font-size: 1em;
}