/* CSS Document */

*{ outline: none; font-size: 100.01%;}

html,body{ margin: 0; padding: 0; background: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}

/* As */

a{ text-decoration: underline;}
a:hover{ text-decoration: none;}

/* DIVs */

div.bottom{ margin-top: 10px; padding-top: 15px; width: 963px; height: 85px;
background: url(images/bg_bottom.jpg) center top no-repeat; line-height: 18px; color: #616161;}

div.content_image{ position: relative; height: 408px; background-position: left top; background-repeat: no-repeat; line-height: 16px;}

div.content_image_text{ position: absolute; margin: 335px 0 0 170px; width: 505px; height: 70px; color: #FFFFFF;}

div.content_text{ padding: 15px 0 15px 43px; width: 670px; line-height: 16px; color: #616161;}

div.image{ margin-bottom: 6px; width: 963px; height: 377px; background-position: left top; background-repeat: no-repeat; overflow: hidden;}

div.top{ width: 963px; height: 63px; background: url(images/bg_top.jpg) bottom repeat-x;}

/* FORMs */

form{ margin: 0; padding: 0;}

input.search_index_text{ margin-right: 10px; padding: 2px 0 1px 2px; border: 1px solid #999999; width: 135px; 
height: 16px; vertical-align: middle; font-size: 11px;}

input.search_index_submit{ border: 0; width: 56px; height: 21px; background: #999999 url(images/bg_search_index_submit.gif) 
center no-repeat; vertical-align: middle; font-size: 11px; color: #FDFDFD;}

/* Hs */

h1,h2,h3,h4,h5,h6{ margin: 0; padding: 0;}

h1.carname{ margin: 15px 0 15px 30px; font-size: 24px; color: #B92A31;}

/* IMGs */

img{ border: 0;}

/* Ps */

/* SPANs */

span.date{ color: #9F9F9F;}

/* TABLEs */

table{ border-collapse: collapse; border-spacing: 0;}

td{ padding: 0;}

td.content_head_1{ width: 250px; height: 49px; background: #D9DAD9 url(images/bg_content_head.jpg) repeat-x;}

td.content_head_2{ width: 713px; height: 49px; background: #D9DAD9 url(images/bg_content_head.jpg) repeat-x;}

/* ULs */


ul.menu-horiz{ margin: 0; padding: 0; height: 28px; background: #5B4C61; list-style-type: none;}
	ul.menu-horiz li{ float: left; padding: 0 0 0 28px; height: 28px; background: url(images/li_menu_horiz.gif) 12px center no-repeat;}
		ul.menu-horiz li a{ line-height: 28px; color: #FFFFFF;}
		ul.menu-horiz li a:hover{ line-height: 28px; color: #FFFFFF;}

ul.menu-left{ margin: 0; padding: 0; list-style-type: none;}
	ul.menu-left li{ border-bottom: 1px solid #AEAAAC;}
		ul.menu-left li a{ display: block; width: 210px; padding: 6px 10px 5px 30px; 
		background: #D1D0CB url(images/li_menu_left.gif) 14px 9px no-repeat; color: #03083A;}
		ul.menu-left li a:hover{ background: #F0EFEE url(images/li_menu_left_active.gif) 14px 9px no-repeat;}

ul.menu-left-2{ margin: 18px 0 0 0; padding: 0; list-style-type: none;}
	ul.menu-left-2 li{ padding: 6px 10px 5px 30px; border-top: 1px solid #CDC9CF; background: url(images/ar.gif) 15px 10px no-repeat;}
		ul.menu-left-2 li a{ color: #03083A;}
		ul.menu-left-2 li a:hover{}
	ul.menu-left-2 li.active{ background: #E4E5E4 url(images/ar.gif) 15px 10px no-repeat;}


ul.menu-left-inside{ margin: 0; padding: 0; height: 100%; list-style-type: none; overflow: hidden;}
	ul.menu-left-inside li{ margin-top: -1px; padding: 6px 9px 5px 25px; 
	background: url(images/li_menu_left_inside.gif) 8px 12px no-repeat; border-top: 1px solid #CDC9CF;}
		ul.menu-left-inside li a{ color: #5B4C61;}
		ul.menu-left-inside li a:hover{}

ul.third{ margin: 24px 0 0 0; padding: 0; list-style-type: none;}
	ul.third li{ margin-left: -1px; border-left: 1px solid #A4A4A4; float: left;}
		ul.third li a{ display: block; padding: 4px 10px 4px 15px; background: #EFEFEF; line-height: 16px; color: #03083A;}
		ul.third li a:hover{ background: #A4A4A4 url(images/bg_item_third.gif) left bottom; color: #03083A;}
		ul.third li a.active{ background: #A4A4A4 url(images/bg_item_third.gif) left bottom; font-weight: bold; color: #03083A; text-decoration: none;}

/* others */

.a12{ font-size: 12px;}

.a15{ line-height: 19px; font-size: 12px;}

/* ---------------------BLOCKS--------------------- */

/* .block_left_bg */

div.block_left_bg{ margin-top: 25px; width: 236px; background: url(images/bg_block_left.jpg) center top no-repeat; line-height: 16px;}

div.block_left_bg2{ padding: 5px 20px 13px 20px; background: url(images/bg_block_left_bottom.jpg) center bottom no-repeat;}

.block_left_bg a{ color: #616161;}
.block_left_bg a:hover{}

.block_left_bg h4{ margin: 10px 0 10px 0; font-size: 11px; color: #5B4C61;}

/* .broshure */

div.broshure{ float: right; width: 172px; background: url(images/bg_broshure.jpg) center top no-repeat;}

div.broshure2{ padding: 2px 10px 13px 9px; width: 153px; background: url(images/bg_broshure_bottom.jpg) center bottom no-repeat;}

.broshure a{ color: #616161;}
.broshure a:hover{}

.broshure a.pdf{ display: block; margin: 10px 0 10px 0; padding: 2px 4px 2px 35px; background: url(images/i_pdf.jpg) 5px center no-repeat;}

.broshure h4{ padding: 4px 0 4px 0; border-bottom: 1px solid #AFAFAF; font-size: 11px; color: #727272; text-align: center; text-transform: uppercase;}

/* .car_list */

div.car_list{ 
	margin: 277px 0 0 6px;
	position: absolute;
}

.car_list div.item{ 
	float: left; 
	width: 95px; 
	height: 101px; 
	background: url(images/bg_car_list_item.png); 
	background: expression('none'); 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/bitrix/templates/honda_index/images/bg_car_list_item.png', sizingMethod='crop'); 
	overflow: hidden;

}

.car_list div.item a{ position: relative; display: block; margin: 7px 1px 2px 1px; height: 66px; 
background-position: center bottom; background-repeat: no-repeat; text-align: center; font-size: 12px; font-weight: bold; color: #5B4C61;}
.car_list div.item a:hover{ color: #8E8E8E;}

/* .content_image_list */

div.content_image_list{ padding: 6px 0 0 4px; width: 106px; height: 402px; background: #999999;}

.content_image_list a{ float: left; display: block; margin: 0 4px 4px 0;}

.content_image_list img{ width: 49px; height: 34px;}

/* .image_text_block */

div.image_text_block { 
	margin: 61px 0 0 51px; 
	padding: 15px 25px 15px 25px; 
	width: 363px; 
	height: 144px; 
	background: url(images/bg_image_text_block.png) no-repeat; 
	background: expression('none'); 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/bitrix/templates/honda_index/images/bg_image_text_block.png', sizingMethod='crop'); 
	overflow: hidden;
	position: absolute;
}

.image_text_block h1{ margin: 10px 0 10px 0; font-size: 18px; font-weight: normal; color: #FFFFFF; text-transform: uppercase;}

.image_text_block p{ margin: 0; padding: 0; line-height: 18px; font-size: 12px; color: #FFFFFF;}

/* .news_index_block */

.news_index_block{ clear: both; margin-top: 10px; padding: 1px 20px 10px 20px; height: 187px; 
background: url(images/bg_news_index_block.jpg) top no-repeat; line-height: 16px;}

.news_index_block a{ color: #616161;}
.news_index_block a:hover{}

.news_index_block h4{ margin: 10px 0 10px 0; font-size: 12px; font-weight: bold; color: #5B4C61;}

.shadow_left {
	background: url("images/shadow_left.gif") no-repeat top right;
	width: 10px;
}
.shadow_right {
	background: url("images/shadow_right.gif") no-repeat top left;
	width: 10px;
}

.div-banner {
	position: absolute;
	margin-left: 265px;
	margin-top: 30px;
}



/* SEO styles */


h2 {
	text-transform:none;
	font-size:17px;
	color: #b92a31;
}
h1 {
	float:right;
	color:gray;
}
.mainpage-text {
	border-top:1px solid #cdc9cf;
	width: 945px;
	padding:10px;
	color: #616161;
	padding-bottom:0px;
}
.mainpage-text p {
	margin: 8px 0px;
	padding: 0px;
}



table.promo-text {
	width: 945px;
	margin: 10px auto;
	border-collapse: collapse;
}
td.promo-center {
	padding: 7px 10px 14px 10px;
	line-height:15px;
	color: #616161;
	background: url("images/honda-text-bg-seo.jpg") repeat-x top left;
}
td.promo-center p {
	margin: 6px 0px;
	padding: 0px;
}
td.promo-left {
	width: 11px;
	padding: 0px;
	background: url("images/honda-text-left-seo.jpg") no-repeat top left;
}
td.promo-right {
	width: 12px;
	padding: 0px;
	background: url("images/honda-text-right-seo.jpg") no-repeat top right;
}

.promo-center h1 {
	font-size:12px;
	margin: 5px 0px;
	padding: 0px;
	float:left;
}

.promo-center h2 {
	font-size:12px;
	margin: 5px 0px 5px 5px;
	padding: 0px;
	float:left;
}

.bottom-static-menu {
	font-size:11px;
	position:absolute;
	margin-top:60px;
	margin-left:-105px;
	color: #616161;
}
.bottom-static-menu a {
	color: #616161 !important;
	padding-right:3px;
}
.bottom-static-menu ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
.bottom-static-menu ul li {
	margin:0px;
	padding:0px;
	float:left;
	padding-right:5px;
}