/* Default styles */
html, body, ul, li, ol, p,
h2, h3, h4, h5, h6,
form, fieldset, a, img {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
}


/* ïðîãðåññ áàð */
#progressbar { 
	background: url(/img/pbar-ani.gif) repeat-x; 
	width: 100%;
	color: white;
	padding-left: 10px;
	height: 40px;
	display: none;
	margin-bottom: 4px;
	margin: 40px;
}


/************************ 
	
	ÊÀÐÊÀÑÍÛÅ ÒÀÁËÈÖÛ
	
************************/

TABLE {
	border: 0px;
}

TABLE TD {
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #404040;
}


/************************
		
		FILTER
		
************************/
form.filter input {
	/*height: 28px;*/
	font-size: 16px;
	margin: 0 0 0 2px ;
	color: #303030;
	/*background: silver;*/
}

DIV#filter_form {
	width: 270px;
	margin-bottom: 40px;
}

DIV.block {
	/*border: 1px solid silver;*/
	width: 100%;
	margin: 0 0 10px 0;
	font-size: 0.9em;
	/*max-height: 280px;*/
	overflow: hidden;
}
DIV.block DIV.header {
	background: #4e859e;
	color: white;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
}
DIV.block DIV.header span {
	font-weight: normal;
	margin-left: 20px;
	
}
DIV.block DIV.header span.dashed {
	border-bottom:1px dashed #fff; 
	padding:0px 2px; 
	margin: 0;
	cursor:pointer;
}
DIV.block DIV.par {	
	padding: 5px 5px 5px 5px;
	width: 100%;
	/*background: green;*/
	overflow: hidden;
	
}
DIV.block DIV.par2 {	
	padding: 5px 0px 5px 5px;
	margin: 0 0 0px 0;
	/*background: green;*/
	overflow: auto;
	max-height: 250px;
	height: 250px;
}
DIV.block p {
	width: 100%;
	float: left;
	display: inline;
	line-height: 9px;
	margin:0;
	padding:0 0 4px;
}
DIV.block p.half {
	width: 50%;
	float: left;
	display: inline;
	line-height: 9px;
	margin:0;
	padding:0 0 4px;
}
DIV.block DIV.par2 p {
	width: 50%;
}
DIV.block DIV.validInput { 
	display: inline;
}
DIV.block DIV.header DIV.validInput { 
	/*display: inline;*/
}

FORM.filter INPUT.button {
	margin-bottom: 12px;
	border: 2px solid #277b98;
	background-color: #3693b4;
	height: 26px;
	font-size: 11px;
	color: white;
	line-height: 16px;
	width: auto;
	text-transform: uppercase;
	cursor: pointer;
}

/************************
		
		DIV
		
************************/


div.inverse {
	background: #dfe3e9;
	padding: 20px;
	}


div.image {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	border: 1px solid silver;
}


#slide-container {     
	text-align:center;     
	margin: 0px 10px 10px 10px;
	float: right;  
}  
#slide-container #slideshow {     
	width:270px;     
	height:270px;     
	margin:auto;     
	position:relative;  
}  
#slide-container #slideshow IMG {     
	position:absolute;     
	top:0;     
	left:0;  
}



	/* Ñïèñîê ïðåäûäóùèõ ñòðàíèö (c) habrahabr*/
#page-nav {
	float: left;
	clear: both;
	margin: 0;
}
.nav-pages {
	font: .92em/100% arial;
	padding: 1em 1em 2em 0;
	margin: 0;
	list-style: none;
	clear: both;
	}

	.nav-pages li {
		float: left;
		margin-right: 0;
		padding: 0;
	}

		.nav-pages a, .nav-pages em {
			margin-right: .1em;
			padding: .5em .5em;
			display: block;
			border: 2px solid #277b98;
			background-color: #3693b4;
			text-decoration: none;
	}
	
		.nav-pages a, .nav-pages a:hover {
			border: 2px solid #277b98;
			color: white;
	}
		.nav-pages em {
			font-weight: bold;
			font-style: normal; 
			color: #beb1b1;
			background: white;
			border: 2px solid #beb1b1;
		}


DIV#mm {
	font-size: 11px;
	line-height: 20px;
	color: #E6DADF;
	margin: 0px 16px 0px 38px;
}

DIV.menuBlock {
	margin: 0px 0px 20px 0px;
}

DIV#mm DIV.header {
	background-image: url(img/mm_dots.gif);
	font-weight: bold;
}

.menuBlockImg {
	position: absolute; 
	top: 10px; 
	left: -63px;  
	z-index: 2;
}

.menuBlock A {
	color: #E6DADF;
	text-decoration: none;
}


/************************

		ÒÀÁËÈÖÛ 
		
************************/


table.category {
	border: 1px solid silver;
	width: 100%;
	}
	table.category td img {
		position: relative;
		top: 4px;
		margin-right: 10px;
	}

/* tab */
TABLE.tab2 {
	border: 0px solid gray;
	background: transparent;
	margin: 8px 0 18px 0;
}
TABLE.tab2 TR TH {
	/*background: #4da7c6;*/
	font-family: Arial;
	color: white;
	text-align: center;
	font-size: 0.7em;
	padding: 4px;
	background: #4da7c6 url(/img/d_grad_tr.jpg) repeat-x ;
	border-bottom: 2px solid #2d94b7;
	/*font-weight: bold;*/
}
TABLE.tab2 TD {
	padding: 10px;
	text-align: center;
}
TABLE.tab2 TD.l {
	text-align: left;
}
TABLE.tab2 TD span.p {
	font-weight: bold;
	padding: 8px;
	/*color: #606038;
	background: #f9f9b9;*/
}

/* tabParams*/
TABLE.tabParams {
	background: transparent;
	margin: 8px 0 18px 0;
}
TABLE.tabParams TD {
	padding-right: 20px;
	padding-bottom: 10px;
}



/* tooltip */
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #f0f0f0;
	padding: 10px;
	/*opacity: 0.85;*/
}
#tooltip h3, #tooltip div { margin: 0; padding: 0; }
img.tooltip_image {
	height: 24px;
	float: left;
	margin-right: 10px;
	border: 1px solid silver;
}

/* Çíàê ðóáëÿ */
@font-face { font-family: "Rubl Sign"; src: /ruble.eot); }
span.rur { font-family: "Rubl Sign"; text-transform: uppercase; // text-transform: none;}    
span.rur span { position: absolute; overflow: hidden; width: .45em; height: 1em; margin: .1ex 0 0 -.55em; // display: none; }
span.rur span:before { content: '\2013'; }


/************************
		
		ÑÒÈËÜ ÒÀÁËÈÖ
		
************************/





TABLE.footer TD {
	font-size: 12px;
	font-family: "Arial Narrow";
	line-height: 12px;
	color: #585858;
}

TABLE.nav {
	/*top: -70px;*/
	position: relative;
	padding: 20px 40px 0px 30px;
}
TABLE.nav TD {
	font-size: 9px;
	font-family: Tahoma, "Arial Narrow";
	line-height: 12px;
	color: #B3B3B3;
}

TABLE.tech {
	/*border: 1px solid gray; */
	border-collapse: collapse; 
  	border-spacing: 0px;
	border: 0px;
}
TABLE.tech TR.header TD{
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	border-bottom: 2px solid #BBBBBB;
}

TABLE.tech TR#specOffer TD{
	font-size: 12px;
	font-weight: bold;
	color: green;
	border-top: 2px solid green;
	border-bottom: 2px solid green;
}

TABLE.tech TD{
	padding: 4px 10px 4px 10px;
	vertical-align: top;
	border-bottom: 1px solid #D5D5D5;
}



/************************ 
		
		ÑÑÛËÊÈ 
		
************************/



A {
	color: #3F7CA5;
}

A:hover {
	color: #2398E7;
}

A.btn {
	font-size: 10px;
	color: white;
	text-transform: uppercase;
	text-decoration: none;
}

A.btn:hover {
	font-size: 10px;
	color: white;
	text-transform: uppercase;
	text-decoration: underline;
}

A.smA {
	color: black;
	padding: 0px 0px 0px 20px;
	text-decoration: none;
}

TABLE.footer TD A {
	color: #7B7B7B;
}

TABLE.nav TD A {
	color: #858585;
}

A.invert {
	font-size: 9px;
	color: white;
	text-decoration: none;
	
	text-transform: uppercase;
	background-color: #5290B9;
	line-height: 9px;
}
A.invert:hover {
	color: white;
}


/************************
		ÊËÀÑÑÛ 
************************/

.nobr {
	white-space: nowrap;
}


.notice {
	font-size: 9px;
	color: #b0b0b0;
}

/* top main menu */
TABLE.mainmenu TD {
	padding-left: 40px;
}
TABLE.mainmenu TD A, TABLE.mainmenu TD A:hover, TABLE.mainmenu TD A:visited, TABLE.mainmenu TD A:visited:hover{
	color: white;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
}

div.mainmenu {
	height: 75px;
	/*background: red;*/
	float: left;
}
div.mainmenu div {
	padding-left: 30px;
	padding-top: 28px;
	display: inline;
	float: left;
}
DIV.mainmenu DIV A, DIV.mainmenu DIV A:hover, DIV.mainmenu DIV A:visited, DIV.mainmenu DIV:visited:hover{
	color: white;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
}

/* bottom main menu */
TABLE.mainmenu2 TD {
}
TABLE.mainmenu2 TD A, TABLE.mainmenu2 TD A:hover, TABLE.mainmenu2 TD A:visited, TABLE.mainmenu2 TD A:visited:hover{
	color: white;
	font-size: 14px;
	/*text-transform: uppercase;*/
	font-weight: bold;
	text-decoration: none;
}


table.lastObj td {
	padding-right: 40px;
	padding-bottom: 40px;
}



DIV.icons {
	height: 75px;
	width: 80px;
	float: right;
	/*background: green;*/
}
DIV.icons A {
	margin-right: 10px;
}
DIV.icons DIV {
	margin-top: 28px;
}


.tel_num {
	font-size: 18px;
	color: white;
}

A.tel_link, A.tel_link:hover , A.tel_link:visited , A.tel_link:visited:hover  {
	color: white;
	font-size: 11px;
	line-height: 20px;
}

.logo {
 	position: absolute; 
 	top: -190px; 
 	left: 116px;  
	z-index: 3;
}
.logoTitle {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #757575;
	width: 199px;
	text-align: center;
	margin-top: 10px;
}

.splP1 {
 position: absolute; 
 top: -240px; 
 right: 0px;  
 z-index: 2;
}

.mmenu {
 position: relative; 
 top: -2px; 
 left: 0px;  
 z-index: 2;
}

.tel_bg {
	position: relative; 
	top: 1px; 
	left: 0px;  
	z-index: 6;
	/*background: red;*/
	background: url(/img/tel_bg.png);
	width: 346px;
	height: 108px;
}



.pInfo {
	border-left: 4px solid #C81D1D; 
	color: #C81D1D;
}
DIV.pInfo {
	border-left: 4px solid #C81D1D; 
	color: #C81D1D;
	padding: 0 40px 20px 40px;
}

.pInfoGood {
	border-left: 4px solid #3FBA2A; 
	background-color: white;
	color: #379527;
}

.small {
	font-size: 9px;
	line-height: 10px;
}

.small_gray {
	color: gray;
	font-size: 9px;
	line-height: 12px;
}

.accent {
	color: white;
	font-size: 18px;
}

.anonce {
	background-color: #ebebeb; 
	border-right: 1px solid #cdd1d2;
	border-bottom: 1px solid #cdd1d2;
	padding: 20px; 
	width: auto; 
	/*font-size: 18px;	*/
}

.anonce span.big {
	font-size: 18px;
}

/************************
	ID
************************/

#date {
	font-family:   "Arial Narrow", Arial, Tahoma, Helvetica, sans-serif;
	color: #7D7D7A;
	font-size: 11px;
}

#small {
	font-size: 9px;
}

/************************
	ÎÑÒÀËÜÍÛÅ ÝËÅÌÅÍÒÛ 
************************/


ul {
	padding: 0px 0px 20px 34px;
	list-style: square;
}

ol {
	padding: 0px 0px 20px 40px;
}

li {
	padding: 0px 0px 6px 10px;
	/* list-style-image: url(/img/ico_li.gif);*/
}



P {
	padding: 0px 0px 14px 0px;
}

HR {
	color: #c3c3c3;
	height: 1px;
}



H2, H3, H4 {
	font-family:   Arial, Tahoma, Helvetica, sans-serif;
	font-weight: normal;
	padding: 22px 0px 14px 0px;
	color: #385264;
}

H1 {
	font-size: 24px;
	font-family:  Arial, Tahoma, Helvetica, sans-serif;
	line-height: 22px;
	letter-spacing: 0.1pt;
	color: #385264;
	padding-top: 18px;
}

H2 {
	font-weight: normal;
	line-height: 21px;
	font-size: 20px;
}

H3 {
	line-height: 24px;
	font-size: 16px;
}

H4 {
	font-size: 14px;
	padding: 22px 0px 8px 0px;
}

H5 {
	font-size: 11px;
	padding: 18px 0px 10px 0px;
}


INPUT.search {
	font-size: 11px;
	color: #535353;
	width: auto;
}

INPUT[type=image] {
	border: none;
	width: auto;
}


FORM.form INPUT.button {
	margin-bottom: 12px;
	border: 2px solid #277b98;
	background-color: #3693b4;
	height: 26px;
	font-size: 11px;
	color: white;
	line-height: 16px;
	width: auto;
	text-transform: uppercase;
	
	cursor: pointer;
}

FORM.form INPUT {
	margin-top: 3px;
	margin-bottom: 12px;
	padding: 0px;
	background-color: #eeeeee;
	height: 22px;
	border: 1px solid #cecece;
	color: #454647;
	width: 100%;
	line-height: 21px;
}
FORM.form SELECT {
	margin-top: 3px;
	margin-bottom: 12px;
	background-color: #eeeeee;
	height: 22px;
	border: 1px solid #cecece;
	color: #454647;
}

FORM.form TEXTAREA {
	margin-top: 3px;
	margin-bottom: 12px;
	padding: 0px;
	background-color: #eeeeee;
	/*height: 18px;*/
	border: 1px solid #cecece;
	color: #454647;
	width: 100%;
	scrollbar-base-color: #d9d9d9;
	scrollbar-face-color: #d9d9d9;
	scrollbar-track-color: #d9d9d9;
}
FORM.form INPUT.reset {
	border: none;
	width: auto;
	margin-bottom: 0px;
	padding: 0px;
}

FORM.form INPUT.reset2{
	width: auto;
	margin-bottom: 0px;
	padding: 0px;
}

/*INPUT[type=radio] { 
	width: auto;
}
input {
	width: expression( this.type=="radio" ? 'auto'  );
}*/

FORM.form#half {
	width: 50%;
	max-width: 600px;
}


/* General styling for both valid and invalid input */
.invalidInput,.validInput{
	/*display:compact;
	padding:1px;*/
}
/* Style for invalid input */
.invalidInput{
	/*border-top: 2px solid #F00;*/
	background: url(/img/badInput.gif) repeat-x ;
	background-position: 1 25;
	/*padding: 8px 8px 0px 8px; 
	border: 1px solid red;*/
	padding: 0px;
}

/* Style for valid input */
.validInput{
	/*border:1px solid green;*/
}


DIV.areas {
	margin-top: 3px;
	margin-bottom: 12px;
	height:200px; 
	width: 300px;
	overflow:auto;
	
	background-color: #eeeeee;
	border: 1px solid #cecece;
}
DIV.areas DIV {
	display: inline;
	position: relative;
	top: 3px;
}

DIV.inline DIV {
	display: inline;
}