/*	CSS-Framework

	Version		: 0.3.1
	Author		: Aleksej Romanovskij (http://css-framework.ru)
	License		: Creative Commons Attribution 3.0 Unported License (http://creativecommons.org/licenses/by/3.0/)

------------------------------ */
		
/* Utilites
------------------------------ */
@import 'r-star.css'; 

* { margin: 0; padding: 0; }

*:focus { outline: none; }
.hidden { display: none; }
.show { display: block!important; }
.no-margin { margin: 0!important; }
.no-padding { padding: 0!important; }
.no-bg { background: none!important; }
.no-border, a img { border: none!important; }
.container:after, .columns:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.img-repl { text-indent: -9999px; overflow: hidden; display: block; }
.cc { clear: both; }

a:hover {
	text-decoration: none !important;	
}
/* Main styles
------------------------------ */

html { height: 100%; color: #000; background: #666666; font: 0.75em/1.5 Arial, Helvetica, sans-serif; text-align:center;}
body { min-height: 100%; width: 1215px; background: url(/tpl/block/images/page-bg-shadow.gif) repeat-y;  margin: 0 auto; position:relative; text-align: left; }

a { color: #0066сс; }
a:visited {  }
a:hover {  }
a:active {  }
			
/* Layout Boxs
------------------------------ */

.page-layout { margin-right: -5px; }
.layout-box { float: left; margin: 0 5px 5px 0; }

.lb-1 { width: 779px; } /* 100% */
.lb-2 { width: 583px; } /* 75% */
.lb-3 { width: 387px; } /* 50% */
.lb-4 { width: 191px; } /* 25% */
			
/* Content elements
------------------------------ */

.content h1, .content h2, .content h3, .content h4 { font: 1.7em Arial, Helvetica, sans-serif; margin-bottom: .5em; }
.content h2 { font-size: 1.5em; }
.content h3 { font-size: 1.3em; font-weight: bold; }
.content h4 { font-size: 1.1em; font-weight: bold; }

blockquote { margin-left: 10em; padding-left: 1em; border-left: 2px solid #ccc; }
code, pre { font: 1.2em/1 "Courier New", Courier, monospace; padding: 1px 2px; background: #eee; }
pre { border: 1px dashed #aaa; line-height: 1.7em; padding: 5px; font-size: .9em; background: #eee; margin: 0; }
strong {  }
em {  }
sup, sub { vertical-align: baseline; position: relative; }
sup { top: -0.4em; }
sub { bottom: -0.3em; }

hr { color: #ccc; background-color: #ccc; height: 1px; border-width: 0px; }

.em { font-style: italic; }
.strong { font-weight: bold; }

.content ul, .content ol { margin-left: 3em; line-height: 1.3em; }
.content ul li, .content ol li { margin-bottom: .2em; }

.content dl {  }
.content dl dt { margin-bottom: .2em; font-weight: bold; }
.content dl dd { padding-left: 5em; margin-bottom: .4em; }

.icons a, .icon { padding: 1px 0 1px 20px; background-repeat: no-repeat; background-position: left center; }

.content p, .content ul, .content ol, .content dl, .content table, blockquote, pre, .columns, .content img, hr { margin-bottom: 11px; }

.box { margin: 11px; }

/* Text align, float
------------------------------ */

.a-left { text-align: left; }
.a-center { text-align: center; }
.a-right { text-align: right; }

.f-left { float: left; }
.f-right { float: right; }

/*	Tables
------------------------------ */

table { border-collapse: collapse; width: 100%; }
table th, table td { border: 1px solid #ccc; padding: 2px 3px; vertical-align: top; }
table th { background: #f4f4f4; }
table td {  }

/*	Columns
------------------------------ */

.columns {  }
.w-5, .w-10, .w-15, .w-20, .w-25, .w-30, .w-35, .w-40, .w-45, .w-50, .w-55, .w-60, .w-65, .w-70, .w-75, .w-80, .w-85, .w-90, .w-95, .w-100, .w-33, .w-66, .w-38, .w-62 { float: left;  }

.col-content { padding-right: 6px; }
.col-first { padding-left: 0!important; }
.col-last { padding-right: 0!important; }

.w-5 { width: 5%; }
.w-10 { width: 10%; }
.w-15 { width: 15%; }
.w-20 { width: 20%; }
.w-25 { width: 25%; }
.w-30 { width: 30%; }
.w-35 { width: 35%; }
.w-40 { width: 40%; }
.w-45 { width: 45%; }
.w-50 { width: 50%; }
.w-55 { width: 55%; }
.w-60 { width: 60%; }
.w-65 { width: 65%; }
.w-70 { width: 70%; }
.w-75 { width: 75%; }
.w-80 { width: 80%; }
.w-85 { width: 85%; }
.w-90 { width: 90%; }
.w-95 { width: 95%; }
.w-100 { width: 100%; }

.w-33 { width: 33%; }
.w-66 { width: 66%; }

.w-38 { width: 38%; }
.w-62 { width: 62%; }

/* Images
------------------------------ */

.content img { padding: 5px; border: 1px solid #ccc!important; margin-top: .4em; }
.content img.null-image { padding: 0!important; border: none!important; margin: 0!important; }
img.f-left { margin-right: 1em; }
img.f-right { margin-left: 1em; }

/* Content Form
------------------------------ */

.content form { padding: .5em 0; }
.content fieldset { margin-bottom: 1em; border: none; }
.content legend { margin-top: -1px; padding-bottom: 1em; font-size: 1.1em; font-weight: bold; }

.content .f-row { overflow: hidden; margin-bottom: .5em; }
.content label { float: left; text-align: right; width: 25.99%; padding: 0 2%; }
.content .f-inputs { padding-left: 30%; }

.f-actions { padding-top: 1em; border-top: 1px solid #ccc; }

/* Inputs
------------------------------ */

input { vertical-align: middle }
.i-checkbox { margin-top: 3px; }
.i-text { width: 200px; padding: 1px; font: 1em sans-serif; }
.button { padding: 0 .25em; width: auto; overflow: visible; cursor: pointer; }
			
	
	/**********    Layout     ************/	
	
	#page, #footer {
		width: 1193px;
		position: relative;	
		margin-left: 10px;
	}
	#page {
		background: url(/tpl/block/images/page-bg.gif) repeat-x #FFF;
		min-height: 700px;
	}
	
	
		#left-column {
			width: 300px;
			/*background-color:#0CC;	*/	
			padding: 0;
		}
			
			#logo{
				margin: 40px 0 10px 55px;	
			}
			
			#phone {
				font-size: 24px;
				color: #b1593a;
				margin: 20px 0 25px 75px;	
			}
				#phone span {
					font-size: 18px;
					color: #666666;
				}
				
			#menu-block {
				
			}
				#menu-block .r-star-shape{
					width: 240px;
					margin: 15px 0 0 20px;
				}
					#menu-block .r-star-shape .content{
						padding: 5px 20px;
						color: #a34b31;
						font-size: 12px;
						font-family: Verdana, Geneva, sans-serif;
						font-style: normal;
						font-weight: bold;
						text-transform: uppercase;
					}
						#menu-block .r-star-shape .content a{
								color: #a34b31;
						}
							#menu-block .r-star-shape .content a:hover{
								color: red;
								text-decoration: none;
							}
					
				ul.menu1 {
					margin: 5px 0 0px 25px;	
				}
				
					.menu1 li {
						width: 200px;
						border-style: dotted;
						border-color: #000;
						border-width: 0 0 1px 0;
						padding: 4px 0 4px 20px;
						list-style-type: none;
						background-repeat: no-repeat;
						background-position: 0px 7px;
						background-image: url(/tpl/block/images/marker3.gif);
					}
					
					ul.menu1sub {
						margin: 0px 0 0px 35px;
					}
						
					.menu1sub li { 
						list-style-type: none;
						background: url(/tpl/block/images/marker1sub.gif) no-repeat  0 11px ;
						padding-left: 15px;
						
					}
					
					
					.menu1sub li a{
						color: #a34b31;
					}
					.menu1sub li a:hover{
						color: #F00;
					}
					.activemenu1 {border-width: 0 !important; }
						.menu-color-1, .menu-color-2, .menu-color-3, .menu-color-4, .menu-color-5   { background-image: url(/tpl/block/images/marker2.gif) !important; }
						.menu-color-6 { background-image: url(/tpl/block/images/marker1.gif) !important; }
						.menu-color-7, .menu-color-8, .menu-color-9 { background-image: url(/tpl/block/images/marker1.gif) !important; }
						
						
						
					 .menu1 li a {
							text-decoration: none;
							color: #000;
					 }
					 
					 .menu1 li a:hover {
							text-decoration: underline;
							color: #F00;
					 }
		
		#right-column {
			width: 	890px;
			/*background-color:#FF9;	*/
			margin-left: 3px;
			padding: 0;
			border: 0;
		}
			#banner {
				height: 70px;
				width: 870px;
				margin-top: 60px
			}
				#banner img {
					border: 1px solid #999;	
				}
			#right-column .r-star-shape {
				margin: 10px 40px 0 0;
				width: 850px;
			}
			
			.topmenu .content {
				padding: 0 0 0 20px;	
			}
			
			.topmenu #active  div a {
				color: white;	
			}
			
			
			#topmenu ul li{
					display: block; 
					float:left;
			}
			
			#topmenu ul li a{
					line-height: 24px;
					padding: 0 12px;
					color: #666;
			}
			
			.bfr{
				background: url(/tpl/block/images/l_t_bg.gif) no-repeat;
			}
			
			.aftr{				
				background: url(/tpl/block/images/r_t_bg.gif)  no-repeat;
			}
			
			.bfr, .aftr {
				width: 16px;
				height: 24px;
				display: block;
				float:left;
			}
			
			#topmenu ul {
				margin: 6px 0 0 0;	
			}
			
			#topmenu ul #active div{
				height: 24px;
				float: left;
								color: #FFF;
				background-color: #ab5336;
				line-height: 24px;
			}
			
			#topmenu {
				width: 600px; float:left;
			}
			
			#search {				
				width: 200px;
				height: 25px;	
				
			}
			
			
			 .searchfield {
					width: 200px;
					height: 19px;
					border: 0;
					color: #999;
					padding: 3px 0 0 5px;
					background:url(/tpl/block/images/search.gif)  no-repeat;
			 }
			
				#content {
					margin: 20px 15px 20px 0;	
				}
				
				#content h3 {
					font-size: 16px;
					color: #a34b31;
					font-weight: bold;
				}
				
				#content h3 a {
					color: #a34b31;
				}
				
				#content ul, #content ol {
					margin: 0 0 0 30px;	
					
				}
				
				#content ol li, #content ul li{
					
				}
				
				#accordion {
					margin: 0 25px 0 0 !important;	
				}
				
				#accordion div {
					height: auto !important;	
				}
				
				#content h1 {
					color: #666;
					font-size: 28px;
					font-family:Arial, Helvetica, sans-serif;
					font-weight: normal;
				}
				
				
					#content h1 b {
						font-weight: normal;
						color: #aa5235;
					}
				
				#content h2 {
					color: #aa5235;	
					font-weight: normal;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 20px;
					margin: 10px 0;
				}
				
				#content p {
					margin: 12px 30px 12px 0;
					line-height: 20px;
					font-size: 13px;
				}
				
				#content a {
					color: 	#aa5235;	
				}
				
				
				#content .plawka {
					width: 	200px;
					height: 260px;
					float: left;
					margin: 0 10px 15px 0;
					background: url(/tpl/block/images/plawka.gif) no-repeat;
					padding: 20px 0px 15px 8px;
				}
				
				.m_block_h {
					font-family: Verdana, Geneva, sans-serif;
					font-size: 12px;
					text-transform: uppercase;
					font-weight: bold;
				}
				
				.plawka img {
					border: 1px solid #999;
					margin: 10px 0;
				}
				
				.plawka {
					position: relative;	
				}
				
				.m_block_tzr {
					display: block;
					width: 190px;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 11px;
					line-height: 15px;
					color: #5d5d60;
				}
				
				.m_block_buttn {
					width: 101px;
					height: 25px;					
					margin: 0 0 0 -8px;
					padding: 0px 0 0 14px;
					bottom: 20px;
					position: absolute;
					top: 255px;
				}
				
				.m_block_buttn a{
					 color: #FFF !important;
					 font-family: Arial, Helvetica, sans-serif;
					font-size: 11px;
					line-height: 25px;
				}
				
				
	* html #page {
		height: 100%;
	}
	
	html body {
		_height: 100%;
	}
	
	#footer {
	   height:70px;
	   clear: both;
	   /* _margin-top: -70px; */
	}
	
		#footer .r-star-shape {
			margin: 0 20px;
			width: 1150px;
		}
		
		#footer ul  {
			float: left;
			margin: 0 30px 0 130px;
			position: relative;
		}
		
		#footer span {
			float: left;	
		}
		
		#footer ul li {
			display: inline;	
			padding: 0 5px;
		}
		
		#footer a {
			color: 	#aa5235;
		}
		
		.counters img {
			border: 0;
			margin: 0;
			padding: 0;
		}
		
		.counters {			
			position: absolute;
			right: 20px;
			margin: -7px 0 0 0;
		}
		
		
		
		/* ###################################################  */

#param_contaner {
	
	border: 1px solid #e6cbc8;
	margin-left:0px;
	background-color: #FFF;
		margin-bottom: 30px;
}

#paramtable {
	width:100%;		
	font: normal  100% verdana;
	
}

#paramtable th {
	color: #BB0000;
	padding: 10px;	
	text-align:center;
}

#paramtable td {
	border-top: 1px solid #e6cbc8;
	text-align:left;
	padding: 5px;	

}	

#paramtable .paramname {
	text-align:left;
}

#tech_settings {
	text-indent: 30px;
}

.prodtable {
	width:100%;
}

img{
	border:0;
}
.prodtable th {
	color: #BB0000;
	background: #f9f9f9;
	padding: 5px;	
  	text-align:center;
  	border: 1px solid #e5e5e5;
}

.prodtable td {
	border: 1px solid #e5e5e5;
	background: #FFFFFF;	
	text-align:center;
	font-size:120%;	
}	

.prodtable .paramname {
	text-align:left;
	padding-left:10px;
}

/* end - table */
/* #################################################### */

.prod_contaner {
	margin-right:50px;
	border: 1px solid #dbc1c4;
	margin-bottom:20px;
	padding:5px;
}

.descr_contaner {
	margin-right:50px;
	margin-bottom:20px;
	padding:5px;
}

.descr_contaner p {
	text-indent:0;
}

.prod_contaner table td{
	vertical-align:top;
}

.prodname {
	color:#5c3333;
	font-size:18px;
	position:relative;
	margin: 0 10px 0 10px;

}

.prodname a{
	text-decoration:none;
	color: #310002;
}
.prodname hr{
	height:1px; border-top:solid 1px #e5ccc8;border-bottom: 0;
}

.prodimg {
	float:left;
	padding:0;
	margin:0 5px 0 0;
}
.prodimg_desc {
	float:right;
	padding:3px;
	margin:  10px 0 10px 10px;
	background-color:#ebebeb;
	border: 1px solid #c8c8c8;
}

.prodimg_desc2 {
	padding:3px;
	margin:  10px 0 10px 10px;
	background-color:#ebebeb;
	border: 1px solid #c8c8c8;
}
.prodimg_desc  img {
	margin-bottom:0px;
	margin: 0;
	padding:0;
	border:0;
	display: block;    
}

.prodimg_desc2  img {
	margin-bottom:0px;
	margin: 0;
	padding:0;
	border:0;
 
}

#price {
	padding:5px;
	background-color: #1c99af; 
	color: #fff; 
	margin-left:0px;
	font-size: 16px;
	font-weight: bold;
	
}

#tech_settings {
	background-image:url('/tpl/block/images/tech.gif');
	background-repeat: no-repeat;
	background-position: 10px 50%;
	padding: 0 0 0 25px;
	margin-bottom:0;
	font-style: italic;
}

.annotation {
	padding-bottom:4px;	
	margin:2px 0 0 10px  ;	
}

.annotation p{
	padding-left:0px;	
	margin-left:0;
}


.prodprice {
	color:#287728;
	font:bold 13px arial;
	white-space:nowrap;
	text-align:left;
	width:100%;
}

#prodprice b{
	color:#5c3333;
	font:bold 18px tahoma;
	margin-top:5px
}

#prodname{
	font:bold 18px tahoma;
	margin:10px 10px 10px 0;
	color:#5c3333;
}

#sectname h1 {
	font:bold 18px tahoma;
	margin:10px 10px 10px 0;
	color:#000;
	display: block;
}
#s_img {
	float:left;
	margin:0 10px 10px 0;
	padding:0;
	border: 1px solid #287728;
	background: white;
}

#s_img img {
border: 3px solid white;

}

#s_desc {
	margin:10px;
	padding-bottom:5px;
	min-height:140px;
	margin-right:50px;
}

#ch_sections {
	margin-left: 0px;
}

#ch_sections a {
	text-decoration: underline;
}

#ch_sections li {
	list-style-type: square;
	color: #660035;
	margin-top:5px;
	list-style-image: url(/tpl/block/images/arrow_menu_up.gif);
	list-style-position: inside;
}

#ch_sections ul{
	margin-left:0;
	text-indent:0;
	padding:0;
}

#subsections_tite {
	background: #CC0000;
	color: white;
	width:100%;
	padding: 5px 0 5px 0;
	text-indent: 10px;
	font:bold 100% arial;
	
}

.cat_subsection {
	padding:  5px 2px 5px 30px;
	font-size: 11px;
	background-image:url(/tpl/block/images/arrow_menu_up.gif);
	background-repeat: no-repeat;
	background-position: 5px 50%;
	margin-left: 12px;
	list-style-type: none;
	
}

.cat_section2 li{
	padding-left:10px;
}
.cat_section li {
	border-bottom: 1px dashed #e5afbc;
	padding:  2px 2px 2px 15px;
	font-size: 11px;
	
}

.cat_section a {
	color: #b1221e;
	text-decoration:none;
}

.car_sect_on {
	background-color: #af251b;
}
.car_sect_on a:hover{
	color: #ffffff;
}

.car_sect_on a{
	color: #ffffff;
}
#active_sect {
	background-color:#909090; 
	list-style-type:none;
	margin:0; 
	padding:0  0 0 15px;
	color: #fff;
	border:2px solid #a5a5a5;
	margin-top:-1px;
}

#active_subsect {
	background-image:url(/tpl/block/images/arrow_menu_dwn.gif);
	background-repeat: no-repeat;
	background-position: 5px 50%;
	margin-left: 12px;
	list-style-type: none;;
}

#path {
	padding-left:0px;
	font-style:italic;
}
#path img{
	border:0;
}

.prod_contaner table, .prod_contaner td {
	border: 0;
}

.a_table {
		border-width: 1px 1px 0 1px;
		border-style: solid;
		border-color: #e5e5e5;
		width: 100%;
		background-color: #fff;
	}
	
	.a_table td {
		border-width: 0 0px 1px 0;
		border-style: solid;
		border-color: #e5e5e5;	
		padding: 7px;
		vertical-align: top;
		font-size: 12px;
		line-height: 17px;
	}
	
	.a_table td img{
		border: 0;	
	}
	
	.header {
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 18px !important;
		color: #555;
		font-weight: normal;		
		padding: 10px 0 10px 15px !important;
		border-top: 3px solid #999 !important;
		border-bottom: 1px solid #e5e5e5 !important;
	}
	
	.fio {
		font-family: Verdana, Geneva, sans-serif;
		font-weight: bold;	
		color: #900;
		padding-left: 15px !important;
	}
	
	.m_des {
		font-style: italic;	
	}
	
	.icq {
		text-align: right;	
		padding-right: 15px !important;
		width: 100px;
	}


#spexe {

}

#consultant {
	position: absolute;
	top: 0;
	position: fixed;
	text-align: center;
	padding-left: 310px;
}

#spexe {
	position: absolute;
	top: 350px;
	right: 0;
	position: fixed;
}

#consultant div{
	margin: 0 5px;
	width: 250px;
	float: left;
}


	#banner {
		height: 150px;
		margin: 10px 10px 0 0;
		float: left;
		width: 420px;
	}
	
	#banner2 {
		margin: 10px 0 0 0;
		float: left;
	}
	
	
	#consultant {
		padding: 0 0 0 25px;
	}
	
	#logo {
		margin: 35px 0 0 35px;
	}
	
	#phone {
		margin: 10px 0 25px 0px;
		text-align: center;
	}
	
	
#consultant-big {
	width: 210px;
	height: 160px;
	background: url('/images/consultant-full.png') no-repeat;
	position: absolute;
	top: 350px;
	right: 0;
	position: fixed;
}

#consultant-control, #consultant-control-link {
	width: 40px;
	height: 146px;
	display: block;
	text-align: right;
}

#consultant-control, #consultant-link-wrapper {
	float: left;
	margin: 7px 5px;
}

#consultant-link-wrapper, #consultant-link {
	width: 150px;
	height: 146px;
	display: block;
} 

.noborder, .noborder td, .noborder th {
	border-width: 0 !important;
}