@charset "windows-1251";
/***********************************************************************
	Design by	: Maxim Vavilov (d-sun.org)
	File			: layout.css for
	Design for	: Honda
	Date			: 26.02.2008
	Verison		: 0.8.2
************************************************************************/


/*------[ GLOBAL ]----*/
/* global reset */
*{padding:0; margin:0;}
body {padding:0px;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, label, ul, ol, dl, fieldset, address {font-size: 1.0em; margin:0; padding:0; font-weight: normal;}
li, dd, blockquote {margin:0;}
fieldset {padding:10px; }
A IMG { border: none;}


/*****[ NON-HEADER ]*****/
HTML, BODY { width: 100%; height:100%;}
BODY { font-size:62.5%; background-color: #FFFFFF; color:#000000; font-family: Arial; font-weight:normal;  margin: 0 auto; min-width: 850px;max-width: 1280px; width:expression(document.body.clientWidth < 850? "850px" : document.body.clientWidth > 1280? "1280px" : "auto"); }
.spacer {height:50px; clear:both}
#tbl {width:100%; height:100%; margin: 0 auto};

/*=============[ HEADER ]============================================================*/
.header-container { height:180px;}
.header-top { height: 120px; width:100%}
.header-tab-top-tr {height:51px;}

/*--------------[ LOGO ]--------------------*/
.header-left { height: 51px; width: 167px;}
.header-logo-main { background: url(/a0/ru/images/head/head-honda-logo.gif) no-repeat left top; height:51px;}
.header-logo-car {background: url(/a0/ru/images/head/head-logo.gif) no-repeat 15px 18px; height:51px;}
.header-logo-moto {background: url(/a0/ru/images/head/head-logo-moto.gif) no-repeat 12px 12px; height:51px;}

/*-----------[ header center MENU  ]-----------------*/
.header-center-menu { margin: 0 auto; width: auto; height: 15px; padding-top: 15px; text-align:center; margin-left:200px; color: #bdbdbd}
.header-center-menu TABLE { margin:0 auto; width: 95%}
.header-center-menu TD {font-size:1.4em; width: 20%; }
.hc-menu-act-link A {font-weight: normal; color:#ffffff;}
.hc-menu-act-link A:hover {font-weight: normal; color:#ffff99;}
.hc-menu-unact-link A {font-weight: normal; color:#bdbdbd;}
.hc-menu-unact-link A:hover {font-weight: normal; color:#ffff99;}


/*-----------[ header RIGHT i ]-----------------*/
.header-i-td {width:220px; padding-left:10px;}
.header-i-container { float: right; height: 80px;  width:220px; color:#FFFFFF;}
.header-i{height:83px; background: url(/a0/ru/images/head/head-i.gif) left top no-repeat; padding: 2px 0 0 38px; margin-top: 12px;  font-weight: normal;}
.header-i SPAN { font-size: 1.4em; font-family: Arial; margin-bottom:7px; width:120px;}
.header-i A { font-size: 1.2em;  font-family: Arial; font-weight: normal; color:#FFFFFF; display:block; margin-top: 7px;  width:120px;}
.header-i A:hover { color:#ffff99; display:block; width:120px;}

/*--------------[ THINGS ]--------------------*/
.header-left-things { width:170px; height: 52px; padding-left: 15px; /*zamenil was 32px*/ padding-top:12px;}
.header-left-things-txt {color: #FFFFFF; clear:both; font-size:1.2em}

.h-l-t-car-red { width: 53px; height:24px; float:left; padding-top:8px; background: url(/a0/ru/images/head/h-t-car-red.gif) no-repeat 0 8px;}
.h-l-t-car-red A {  background: url(/a0/ru/images/head/h-t-car-red.gif) no-repeat; display: block; width: 53px; height:28px;}
.h-l-t-car-red A:hover {  background: url(/a0/ru/images/head/h-t-car-white.gif) no-repeat; display: block;}
.h-l-t-moto-red {  width: 40px; height:24px; float:left; margin-left: 16px; padding-top: 4px;background:url(/a0/ru/images/head/h-t-moto-red.gif) no-repeat 0 4px;}
.h-l-t-moto-red A { background:url(/a0/ru/images/head/h-t-moto-red.gif) no-repeat; display:block; width: 40px; height:24px;}
.h-l-t-moto-red A:hover { background:url(/a0/ru/images/head/h-t-moto-white.gif) no-repeat; display:block;}
.h-l-t-eng-red { float:left;  width: 21px; height: 46px; margin-left: 17px; background:url(/a0/ru/images/head/h-t-eng-red.gif) no-repeat;}
.h-l-t-eng-red A { background:url(/a0/ru/images/head/h-t-eng-red.gif) no-repeat; display:block; width: 22px; height: 46px; }
.h-l-t-eng-red A:hover { background:url(/a0/ru/images/head/h-t-eng-white.gif) no-repeat; display:block;}

.h-l-t-car-white { width: 53px; height:24px; float:left; padding-top:8px; background: url(/a0/ru/images/head/h-t-car-white.gif) no-repeat 0 8px;}
.h-l-t-car-white A { background: url(/a0/ru/images/head/h-t-car-white.gif) no-repeat; display: block; width: 53px; height:28px;}
.h-l-t-car-white A:hover {  background: url(/a0/ru/images/head/h-t-car-red.gif) no-repeat; display: block; width: 53px; height:28px;}
.h-l-t-moto-white {background:url(/a0/ru/images/head/h-t-moto-white.gif) no-repeat 0 4px;  width: 40px; height:24px; float:left; margin-left: 16px; padding-top: 4px;}
.h-l-t-moto-white A { background:url(/a0/ru/images/head/h-t-moto-white.gif) no-repeat; display:block; width: 40px; height:24px;}
.h-l-t-moto-white A:hover { background:url(/a0/ru/images/head/h-t-moto-red.gif) no-repeat; display:block; width: 40px; height:24px;}
.h-l-t-eng-white {background:url(/a0/ru/images/head/h-t-eng-white.gif) no-repeat; float:left;  width: 21px; height: 46px; margin-left: 17px;}
.h-l-t-eng-white A { background:url(/a0/ru/images/head/h-t-eng-white.gif) no-repeat; display:block; width: 22px; height: 46px; }
.h-l-t-eng-white A:hover { background:url(/a0/ru/images/head/h-t-eng-red.gif) no-repeat; display:block;}

.h-l-t-car-grey { width: 53px; height:24px; float:left; padding-top:8px; background: url(/a0/ru/images/head/h-t-car-grey.gif) no-repeat 0 8px;}
.h-l-t-car-grey A {  background: url(/a0/ru/images/head/h-t-car-grey.gif) no-repeat; display: block; width: 53px; height:28px;}
.h-l-t-car-grey A:hover {  background: url(/a0/ru/images/head/h-t-car-red.gif) no-repeat; display: block; width: 53px; height:28px;}
.h-l-t-moto-grey {  width: 40px; height:24px; float:left; margin-left: 16px; padding-top: 4px; background:url(/a0/ru/images/head/h-t-moto-grey.gif) no-repeat 0 4px;}
.h-l-t-moto-grey A { background:url(/a0/ru/images/head/h-t-moto-grey.gif) no-repeat; display:block; width: 40px; height:24px;}
.h-l-t-moto-grey A:hover { background:url(/a0/ru/images/head/h-t-moto-red.gif) no-repeat; display:block; width: 40px; height:24px;}
.h-l-t-eng-grey { float:left;  width: 21px; height: 46px; margin-left: 17px; background:url(/a0/ru/images/head/h-t-eng-grey.gif) bottom no-repeat;}
.h-l-t-eng-grey A { background:url(/a0/ru/images/head/h-t-eng-grey.gif) bottom no-repeat; display:block; width: 22px; height: 46px; }
.h-l-t-eng-grey A:hover { background:url(/a0/ru/images/head/h-t-eng-red.gif) bottom no-repeat; display:block;}

/*-----------[ header bottom POBEDA ]-----------------*/
.header-bottom { background:url(/a0/ru/images/head/h-kudrovo.jpg) no-repeat; width: 602px; height:74px; display:block;} 
.header-bottom A { display:block; width: 602px; height:74px;}


/*===========[ MAIN ]=================================================================*/
.main-container { margin: 0 auto; color:#000000; padding:0; background:#FFFFFF; width: 100%; height:100%;}

/*---------------[ RIGHT ]-----------------------------------------------*/
.main-container-tab-right {width:57%; height: 100%;}

.m-right-container {padding:35px 0 0 0; width:85%; height: 100%;}
.r-header { font-size: 2.4em; margin-bottom: 10px;}
.r-text-container { width: 90%}
.r-text-container P {padding: 11px 0; font-size: 1.4em;}
.r-text-container H1 {padding: 15px 0; font-size: 1.8em;}
.r-text-container H2 {padding: 15px 0; font-size: 1.7em;}
.r-text-container H3 {padding: 20px 0 15px 0; font-size: 1.6em;}
.r-text-container STRONG A { font-weight:normal; background:url(/a0/ru/images/link-img-blank.gif) left bottom no-repeat; padding-left: 18px; color:#c43131; margin: 0 2px 0 4px;}
.r-text-container STRONG A:hover { color:#FF0000;}
.r-text-container A {color:#c43131;}
.r-text-container A:hover { color:#FF0000;}
.r-text-16f { font-size: 1.6em;}
.r-text-14f { font-size: 1.4em;}
.r-text-container LI { margin:5px 0 4px 15px; font-size:1.4em;}
.r-text-container UL { margin:4px 0 6px 0;}


/*---[ inner menu ]---*/
.m-r-menu-container { margin-top: 20px;}
.m-r-menu-container LI { list-style:none; padding: 5px 0; font-size: 1.6em; font-weight:bold;}
.m-r-menu-container A { color:#000000;}
.m-r-menu-container A:hover { color: #c43131;}


/*---[ inner list ]---*/
.r-list-container { width:95%; padding-left: 10px; margin-bottom:20px;}
.r-list-container P {font-size: 1.3em;}
.r-list-container H3 { font-size: 1.3em; font-weight:bold; padding: 17px 0 4px 0;}
.r-list-container LI { list-style-type: disc; margin-left:15px; font-size: 1.3em;}
.r-list-container A { color:#c43131;}
.r-list-container A:hover { color: #FF0000;}

/* DROPDOWN block */
.r-ml-header { margin-top: 20px; margin-bottom:3px;}
.r-ml-title-active {font-size: 1.6em; font-weight:bold; border-bottom:dashed 1px #000000;  color:#000000; cursor:pointer;}
.r-ml-title-active A { text-decoration:none; color:#000000;}
.r-ml-title-active A:hover {color: #666666;}
.r-ml-title-unactive { cursor: pointer; font-size: 1.6em; font-weight:bold; border-bottom:dashed 1px #C43131; color:#C43131;}
.r-ml-title-unactive A { text-decoration: none}
.r-ml-title-unactive A:hover {}
/* text in text block */
.r-ml-block-text {padding-top: 12px;}
.r-ml-block-img {padding-left: 15px; height: 100%;}
.r-ml-block-mail { padding:3px 0 6px 10px; margin:20px 0 0 20px; border-left: 3px solid #ee0808;}
/*list_stock*/
.list_stock {font-size: 1.4em; padding-top: 25px;}
.list_stock P {margin: 0; padding-top: 5px; font-size: 1.1em;}
/* kredit */
.r-ml-block-kredit {}
.r-ml-header-kredit { background:url(/a0/ru/images/kredit-img.gif) left top no-repeat; padding-left: 45px; height: 57px; margin: 30px 0 0 -41px; // margin-left: 0px;}
.r-ml-block-text-kredit {padding-top: 12px;}
.r-ml-block-text-kredit LI {list-style:none; margin-left:0px; margin-bottom:6px; font-size: 1.3em;}
.r-ml-block-text-kredit A { color: #c43131}
.r-ml-block-text-kredit A:hover { color: #FF0000}

.right-items-list-container { margin-top: 55px; margin-bottom: 40px;}
.r-il-header { font-size: 1.4em; font-weight: bold;}
.t-il-item-container {font-size:1.4em; width: 80%; vertical-align:middle;}
.t-il-item-container TR { height: 110px;}
.t-il-i-td-img { width: 34%;}
.t-il-img {}
.r-il-text {}


/*---[ TAB ]---*/ 
.r-tab-container { margin-top: 30px;}
.r-tab-right-active { background:url(/a0/ru/images/act-arrow-r-act.gif) no-repeat  right center;  padding-right:20px; font-size:1.3em; font-weight: bold; text-align:right; color:#c43131;}
.r-tab-right-active A {color:#c43131; }
.r-tab-right-active A:hover {color: #FF0000;}
.r-tab-right-unactive { background: url(/a0/ru/images/act-arrow-r-unact.gif) no-repeat  right center;  padding-right:20px; font-size:1.3em; color:#999999; text-align:right; font-weight: bold; }

.r-tab-left-unactive { background: url(/a0/ru/images/act-arrow-l-unact.gif) no-repeat 0 center; padding-left:20px; font-size:1.3em; color:#999999; font-weight: bold;}
.r-tab-left-active { background: url(/a0/ru/images/act-arrow-l-act.gif) no-repeat 0 center; padding-left:20px; font-size:1.3em; color:#c43131; font-weight: bold;}
.r-tab-left-active A {color:#c43131;}
.r-tab-left-active A:hover {color: #FF0000;}

/*---[ CONTACT ]---*/
.r-contact-container {}
.r-contact-container P {padding: 11px 0;}
.r-contact-container H1 {padding: 15px 0; font-size: 1.8em;}
.r-contact-container H2 {padding: 15px 0; font-size: 1.7em;}
.r-contact-container H3 {padding: 20px 0 15px 0; font-size: 1.6em;}
.r-contact-container STRONG A { font-weight:normal; background:url(/a0/ru/images/link-img-blank.gif) left bottom no-repeat; padding-left: 18px; color:#c43131; margin: 0 2px 0 4px;}
.r-contact-container STRONG A:hover { color:#FF0000;}
.r-contact-container A {color:#c43131;}
.r-contact-container A:hover { color:#FF0000;}
.r-contact-container LI { margin-left:15px; margin-bottom: 17px; font-size:1.4em; display: block;}
#contact LI { list-style: none; margin:12px 0; height: 20px;}
#contact STRONG {}
#contact .r-cont-term {float:left; width:60px;}
#contact .r-cont-var {margin-left:65px;}
#contact STRONG A {font-weight: bold; }

/*---------------[ LEFT ]-------------------------------------------------*/
.main-container-tab-left {width:10%;}

.m-left-container {padding:40px 15px 0 50px; height:100%;}
.m-left-container LI { list-style-type: none; padding: 3px 0; color: #a6a6a6; text-decoration: none; font-size:1.1em; font-weight: bold;}
.ml-menu-act-link A {font-weight:bold; color:#000000;}
.ml-menu-act-link A:hover { color:#CC0000;}
.ml-menu-unact-link A {font-weight:bold; color:#a6a6a6;}
.ml-menu-unact-link A:hover { color:#CC0000;}


.ml-advert-container { margin-top: 32%; margin-bottom: 100px; width: 70%;}
.ml-advert-subcontainer {width:240px;}
.ml-advert-subcontainer A { color:#c43131; font-size: 1.3em;}
.ml-advert-subcontainer A:hover {color: #FF0000;}
.ml-advert-subcontainer P { font-size: 1.4em; font-weight:bold; margin-top:25px;}



/*=============[ FOOTER ]==================================================================*/
.footer-container { font-family: Arial; color:#666666; height: 60px; background:#000000; width: 100%; bottom:0; overflow:hidden; display:block; margin-top:70px;}
.footer-container A {color:#666666; }
.footer-container A:hover {color:#ffff99; }
.footer-container SPAN A {color:#666666; text-decoration:none; }
.footer-container SPAN A:hover {color:#ffff99; }
.footer-left { float:left;}
.footer-left-h2 { font-size: 1.2em; margin:23px 0 0 50px;}
.footer-right { float:right;}
.footer-right-h2 { font-size: 1.2em; margin:23px 50px 0 0;}

@media print {
BODY { font-family: Arial; color:#000000; }
BODY IMG { visibility: visible;}
IMG { visibility: visible;}
.header-container {visibility: visible; overflow:hidden; display: block; height: 1px;}
.m-right-container {padding: 0; width:100%; margin-top:3px;}
.main-container-tab-right { 90%}
.main-container-tab-left {1%}
.m-left-container { visibility:hidden;}
.header-tab-top-tr { visibility:hidden; height:1px;}
.car-list { visibility:hidden; height: 1xp; display: none;}
.main-container {top:0; position:absolute;}
.header-bottom { visibility:visible; display: block; position:absolute;}
.print {display:block;}
}

/*********************************************************************
	THE END
	thanx for watching
**********************************************************************/