*{ margin: 0; padding: 0;}

body{
	font-family: Arial; 
	color: #000000; 
	min-width: 976px; 
	font-size: 14px; 
}

html, body{
	height: 100%;
	min-width: 976px; 
}

td{
	vertical-align: top;
}

th{
	font-weight: 100;
}

img{
	border: 0px;
}

form{ margin: 0; padding: 0; }

td {
	font-family: Arial;
	font-size: 13px;
	text-align: left;
}

input, select, textarea {
	font-family: Arial;
	font-size: 12px;
	text-align: left;
}

a{
	color: #0075d0;
	text-decoration: underline;
}
a:hover{
	text-decoration: none;
}

/* =====================================================================*/


/* ØÀÏÊÀ ÑÀÉÒÀ =========================================================*/

#top{
	min-width: 976px; 
	height:317px; 
	margin: 0 auto;
	padding: 0;
	background: url(images/bg2.gif) left top repeat-x;
}
#top_left, #top_right{
	width:50%;
}
#top_right{
	background: url(images/titler.jpg) left 76px no-repeat;
}
#top_left{
	background: url(images/bg1.gif) left top repeat-x;
}
#top_left img, #top_right img{
	width: 1px;
	height: 1px;
}
#header{
	width:976px;
	height:317px;
	overflow: hidden;
	background: url(images/title.jpg) right top no-repeat;
}

#logo{
	width:      265px;
	height:     76px;
	text-align: left;
	margin:     0px;
	padding:    0px;
	float:      left;
}
#logo img{
	width: 265px;
	height: 76px;
}
#slogan{
	position: absolute;
	left:50%;
	margin-left:-400px;
	top: 45px;
	color: #cccccc;
	font-size: 10px;
	width: 150px;
	text-align: center;
}

#adminicon{
	width: 20px;
	height: 20px; 
	margin: 0px;
	padding: 0px;
	position: absolute;
	top:4px;
	left:50%;
	margin-left:-230px;
}

#navicons{
	width:      270px;
	height:     76px; 
	margin:     0px;
	padding:    0px;
	float:      right;
	text-align: left;
}

#navicons img{
	margin: 33px 0px 0px 74px;
	width: 11px;
	height: 11px;
}

#menu{
	width:      270px;
	height:     150px; 
	margin:     20px 0px 0px 0px;
	padding:    0px;
	float:      left;
	text-align: left;
}

#menu a{
	color:           #0075d0;
	font-size:       12px;
	font-weight:     bold;
	text-decoration: underline;
	padding:         0px 0px 0px 15px;
	margin:          0px 0px 7px 3px;
	background:      url(images/arrow.gif) left 5px no-repeat;
	display:         block;
}
#menu a:hover{
	text-decoration:none;
}

#phones{
	width:       170px;
	height:      100px;
	font-size:   17px;
	margin:      30px 0px 0px 0px;
	color:       #000000;
	float:       right;
	font-weight: bold;
	text-align:  left;
}
#phones span{
	text-transform: uppercase;
	font-size: 20px;
}
#phones div{
	margin: 5px 0px 0px 0px;
	font-size: 13px;
}
#phones img{
	margin: 25px 0px 0px -20px;
	border: 0;
	width:  182px;
	height: 46px;
}

/* ÃËÀÂÍÀß ÒÀÁËÈÖÀ ÊÎÍÒÅÍÒÀ =====================================================*/

#main{
	width: 976px;
	vertical-align: top;
	display:block;
	text-align: left;
/*	position: relative;
	top: -33px; */
	margin: -27px 0px 0px 0px;
}

/* ÁËÎÊ ÍÀÂÈÃÀÖÈÈ =========================================================*/

#navigation{
	width:          548px;
	height:         26px;
	margin:         27px 0px 0px 0px;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	background:     #1d7dd5 url(images/navigation.jpg) left top repeat-x;
	border-bottom:  solid 1px #0c61b0;
	vertical-align: top;
}
#navigation div{
	padding: 4px 0px 0px 13px;
}
#navigation a{
	color: #ffffff;
}
#navigation strong{
	font-weight: bold;
	position: relative;
	top: 1px;
}
#navigation span{
	width:      4px;
	margin:     0px 5px 0px 5px;
	background: url(images/arrow_navigation.gif) left 5px no-repeat;
}

/* ÁËÎÊÈ (ëåâàÿ ÷àñòü) =============================================*/

#left{
	width:       212px;
	text-align:  left;
	padding: 0px 8px 0px 0px;
}
#right{
	width:       212px;
	text-align:  left;
	padding: 0px 0px 0px 8px;
}

.block{
	color:       #067d96;
	width:       203px;
	margin:      0;
	padding:     3px 0px 10px 0px;
	text-align:  left;
	border:      solid 1px #dee2e7;
	border-top:  0;
	font-size:   12px;
}
.block p{
	margin: 5px 6px 4px 12px;
}

.brands_title, .faq_title{
	width:       205px;
	height:      45px;
	overflow:    hidden;
}
.brands_title span, .faq_title span{
	color:       #ffffff;
	font-weight: bold;
	font-size:   11px;
	display:     block;
}
.brands_title{
	background:  #3575CA url(images/block_brands.jpg) left top no-repeat;
	margin:      14px 0px 0px 0px;
}
.faq_title{
	background:  #3575CA url(images/block_faq.jpg) left top no-repeat;
	margin:      18px 0px 0px 0px;
}
.brands_title span{
	padding:      19px 0px 0px 17px;
}
.faq_title span{
	padding:     22px 0px 0px 17px;
}
.faq div{
	margin:     10px 8px 10px 10px;
}
.faq div span{
	background: url(images/arrow_faq.gif) left 6px no-repeat;
	margin:     0px 4px 0px 0px;
}

#adv{
	width:       205px;
	height:      299px;
	background:  url(images/block_adv.jpg) left top no-repeat;
	overflow:    hidden;
	margin:      18px 0px 0px 0px;
	padding:     18px 0px 10px 0px;
	color:       #767e82;
	font-size:   12px;
	font-weight: bold;
	text-align:  center;
}
#adv a{
	text-decoration: none;
}

.contacts{
	background:  url(images/block_contacts.jpg) center 4px no-repeat;
	margin:      20px 0px 0px 0px;
	border-top:  solid 1px #dee2e7;
}
.contacts span{
	color:       #838f9b;
	padding:     130px 7px 0px 7px;
	display:     block;
	text-align:  center;
}
.sos{
	margin:      0px 0px 0px 0px;
	border-top:  solid 1px #dee2e7;
	text-align: center;
	padding: 10px 0px 5px 0px;
}


/* ÁËÎÊÈ (ïðàâàÿ ÷àñòü) =============================================*/

.diagnostic_title, .repair_title, .prevent_title, .modern_title{
	width:       205px;
	margin:      0px 0px 0px 0px;
	overflow:    hidden;
}
.diagnostic_title{
	height:      56px;
	background:  #3575CA url(images/block_diagnostic.jpg) left top no-repeat;
}
.repair_title{
	height:      61px;
	background:  #3575CA url(images/block_repair.jpg) left top no-repeat;
	margin-top: 7px;
}
.prevent_title{
	height:      45px;
	background:  #3575CA url(images/block_prevent.jpg) left top no-repeat;
	margin-top: 16px;
}
.modern_title{
	height:      45px;
	background:  #3575CA url(images/block_modern.jpg) left top no-repeat;
	margin-top: 18px;
}

.diagnostic_title a, .repair_title a, .prevent_title a, .modern_title a{
	color:       #ffffff;
	font-weight: bold;
	font-size:   13px;
	display:     block;
}
.diagnostic_title a{
	padding:     31px 0px 0px 17px;
}
.repair_title a{
	padding:     35px 0px 0px 17px;
}
.prevent_title a{
	padding:     16px 0px 0px 17px;
}
.modern_title a{
	padding:     14px 0px 0px 17px;
}


/* ÊÎÍÒÅÍÒ =========================================================*/

#content{
	padding: 0px 0px 0px 0px;
	width: 536px;
}

#content h1{
	height: 25px;
	margin:  0px 0px 10px 0px;
	padding: 5px 10px 0px 10px;
	font-family: Tahoma;
	font-size: 16px;
	color: #586165;
	background: #f0f3f6 url(images/title.gif) right top no-repeat;
	border-bottom: solid 1px #dfe3e7;
}

#content ul, #content ol{
	padding-left: 25px;
}

#content ul li{
	margin: 5px 0px 7px 0px;
}

#content p{
	margin: 10px 10px 10px 10px;
	text-align: justify;
}

#content h2, #content .h2{
	height: 25px;
	margin:  0px 0px 10px 0px;
	padding: 5px 10px 0px 10px;
	font-family: Tahoma;
	font-size: 15px;
	font-weight: bold;
	color: #586165;
	background: #f0f3f6 url(images/title.gif) right top no-repeat;
	border-bottom: solid 1px #dfe3e7;
}

#content h3, #content h4{
	font-size: 13px;
	font-weight: bold;
	margin:5px 0px 3px 10px;
}

#content .bold{
	font-weight: bold;
}

#content .details{
	text-transform: lowercase;
	margin: -7px 10px 0px 10px;
	padding: 0;
	float: right;
	font-size: 11px;
}

#content .right{
	text-align: right;
}

#content .date{
	text-transform: lowercase;
	margin: 0px 0px 0px 0px;
	text-align: right;
	width: 100%;
	font-weight: bold;
	font-size: 11px;
	position: relative;
	top: 3px;
	display: block;
}

#content div.title{
	height: 18px;
	color: #FFFFFF;
	font-weight: bold;
	padding: 4px 0px 5px 10px;
	margin: 5px 0px 0px 0px;
	background: #FAFAFA url(images/titles.gif) left top repeat-x;
	border: solid 1px #4c4ca6;

}

#content ul.list{
	padding: 0px 0px 0px 40px;
	margin: 0px 10px 0px 10px;
}
#content ul.list li{
	margin: 0px 0px 0px 0px;
}

#content .list_block1{
	padding: 2px 15px 13px 40px;
	background-color: #DDEEFF;
	margin: 0px 0px 2px 0px;
}

#content .list_block2{
	padding: 2px 15px 13px 10px;
	background-color: #FFFFFF;
}

#content img.faq{
	width: 30px;
	height: 30px;
	margin:5px 10px 30px 5px;
	float: left;
}

#content .illustration{
	margin: 0px 0px 20px 10px;
	border: 0;
	float: right;
}

#content ul.navilist{
	padding: 0px 0px 0px 10px;
	margin: 0px 10px 0px 10px;
}
#content ul.navilist li{
	padding: 0px 0px 0px 20px;
	margin:  5px 0px 5px 0px;
	list-style: none;
	font-size: 12px;
	background: url(images/map_arrow.gif) left 3px no-repeat;
}


/* Òàáëèöû öåí è òàáëèöû ñ èíôîðìàöèåé ================================*/

#content .pricelist, #content .pricetab, #content .tabinfo{
	width: 530px;
	margin: 15px 0px 15px 10px;
}
#content .pricelist td.title, #content .pricetab td.title, #content .tabinfo td.title{
	color: #000000;
	font-weight: bold;
	padding: 4px 0px 0px 15px;
	background-color: #f0f3f6;
	text-align: center;
	vertical-align:middle;
}
#content .pricelist td, #content .pricetab td, #content .tabinfo td{
	border-bottom: solid 1px #dfe3e7;
	height: 25px;
	padding: 4px 3px 4px 7px;
}
#content .pricelist th, #content .pricetab th{
	text-align: right;
	font-weight: 100;
	padding: 4px 5px 4px 3px;
	border-bottom: solid 1px #dfe3e7;
}
#content .pricelist th{
	width: 100px;
}
#content .pricetab th{
	width: 60px;
	border-left: solid 1px #dfe3e7;
}
#content .tabinfo td{
	border-left: solid 1px #dfe3e7;
	border-right: solid 1px #dfe3e7;
}

/* ÏÎÄÂÀË =====================================================================================*/

#footer{ 
	width: 976px;
	vertical-align: top;
	margin: 20px 0px 0px 0px;
}

#footer td.break{ 
	height: 10px;
	background-color: #f0f3f6;
}


#counters{
	width: 206px;
	padding: 15px 0px 0px 0px;
	text-align: center;
}

#copyright{
	width: 370px;
	padding: 15px 5px 15px 15px;
	color: #333333;
	font-size:11px;
	text-align: left;
}

#bottom_menu{
	width: 380px;
	padding: 15px 0px 15px 0px;
	color: #333333;
	line-height: 150%;
	font-size:11px;
	text-align: left;
}

#bottom_menu a{
	padding: 0px 0px 0px 20px;
	margin:  0px 0px 3px 0px;
	font-size:11px;
	background: url(images/map_arrow.gif) left 3px no-repeat;
	display: block;
}

.techinfo{
	width: 100%;
	height: 25px;
	text-align:right;
	padding: 0px 10px 5px 20px;
	color:#444444;
	font-size: 10px;
}

/* ================================================================================*/

.hr{
	height: 1px;
	background: url(images/hr.gif) left top repeat-x;
	margin: 10px 0px 10px 0px;
	clear: both;
}

/* ÊÀÐÒÀ ÑÀÉÒÀ ====================================================================*/

ul.map_tree {
	margin:  15px 0px 0px 0px;
	padding: 0;
}

.map_tree li{
	list-style: none;
	margin:  10px 0px 10px 0px;
	padding: 0;
	height:25px;
	background: url(images/hr.gif) left bottom repeat-x;
}

.map_tree li a{
	text-decoration: none;
	padding: 0px 0px 0px 18px;
	background: url(images/map_arrow.gif) left 2px no-repeat;

}
.map_tree li a:hover{
	text-decoration: underline;
}

/* ÔÎÐÌÛ ==============================================================*/

.userform{
	border: 0;
	width: 530px;
	font-family: Tahoma;
	font-weight: normal;
	margin: 0px 0px 0px 10px;
}
.userform td{
	padding: 10px;
	vertical-align: top;
	color: #111111;
}
.userform td input{
	width: 330px;
}
.userform td textarea{
	width: 330px;
	height:200px;
}
.userform td input.checkbox{
	width: 30px;
}
.userform td input.button{
	width: 150px;
	border: 1px solid #222222;
 	background-color:#0258B9;
	color: #FFFFFF;
	cursor: pointer;
	text-align:center;
}
.userform td input.link{
	border: 0;
	width: 120px;
	text-align: center;
	cursor: pointer;
	background-color: #FFFFFF;
	color: #42599F;
}

.userform td .tip{
	border: 0;
	height: 20px;
	text-align: right;
	font-weight: bold;
	color: #AA0000;
}

/* ================================================================================*/

.userinfo{
	width: 205px;
	margin: 10px 0px 50px 10px;
}

div.warning{
	color: #42599F;
	font-weight: bold;
	text-align: center;
}

div.warning_info{
	color: #aa0000;
	font-weight: bold;
	text-align: center;
	font-size: 14px;
	margin: 15px;
}

/* ================================================================================*/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightbox a{
	text-decoration: none;
	font-size: 1em;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(images/overlay.png); }

* html #overlay{
	background-color: #333;
	background-color: transparent;
	background-image: url(images/overlay.png);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
}

/* ================================================================================*/

/*Opera Hack*/
@media all and (min-width: 0px) {

}