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

/*------[ 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-left: 40px; }
fieldset {padding:10px; }

/*****[ NON-HEADER ]*****/
HTML, BODY{ height: 100%;}
BODY { font-size:62.5%; background-color:#000000; color:#FFFFFF; font-family: Arial; font-weight:normal;}
TABLE{ height: 100%; width:100%; border: none; padding:0; margin:0;}
A IMG {border: none}

/**/
.above {position: absolute; z-index: 10; top:0; width: 100%; height:580px; margin-top: 0; visibility: hidden; font-size: 1.2em; font-style:italic; color:#666666; text-decoration:underline;}
.above SPAN {text-decoration:underline;}
.above A { color:#666666;}
.above A:hover {color:#ffffff;}


/*==========[ HEADER ]===================================*/
.header-container { clear:both; height:100%; overflow:visible;}
.header-top { height: 80px; width:100%}

.header-logo { height: 60px; width: 18%; float: left;}
.header-logo-main { background: url(/a0/ru/images/head/head-honda-logo.gif) no-repeat left top; width:167px; height:51px;}
.header-logo A { display: block; background:url(/a0/ru/images/head/head-honda-logo.gif) no-repeat; width:167px; height:51px;}

/*-----------[ header left i ]-----------------*/
.header-i-container { float: right; height: 80px;  width:20%;}
.header-i{height:83px; background: url(/a0/ru/images/head/head-i.gif) left top no-repeat; padding: 2px 0 0 38px; margin-top: 17px;  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; margin-top: 7px;width:120px;}

/*-----------[ header center MENU  ]-----------------*/
.header-center-menu { margin: auto  21%; width: auto; height: 25px; padding-top: 17px; text-align:center; // margin:0 10px;}
.header-center-menu TD {font-size:1.4em;}
.header-center-menu A {font-weight: normal; color:#ffffff;}
.header-center-menu A:hover {font-weight: normal; color:#ffff99;}

/*-----------[ header bottom POBEDA ]-----------------*/
.header-bottom { /*background:url(/a0/ru/images/head-pobeda.jpg);*/ width: 602px; height:74px; margin: 0 auto; clear:both; display:block;}
.header-bottom A { display:block; width: 602px; height:74px;}



/*===========[ MAIN ]=====================================*/
.main-container {height: 100%; width: 100%;}

/*-----------[ Flash ]-----------------*/
.flash-container {height: 400px; height: 100%}
.flash-container EMBED {margin: 0 auto; width: 100%; height:330px;}

/*===========[ FOOTER ]===================================*/
.footer-container {height: 100%; width: 100%;}

.footer-right {float: right; height: 65px;  width:20%; border-left: #ee0808 3px solid; padding-left: 9px;}
/*color не было, family Arial*/
.footer-right-h1, .footer-right-h2 {font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;color:#000000;}

.footer-right-h1 {font-size: 1.8em;}
.footer-right-h2 {font-size: 1.4em; padding-bottom:7px;}
.footer-right A { color: #737171;}
.footer-right A:hover { color:#E01916;}
/*
.footer-right A { color: #999999;}
.footer-right A:hover { color:#ffff99;}
*/
.footer-left {}
.footer-left TD {padding: 0 7px 15px 14px; border-left:#4d4d4d 1px solid;}
.footer-left-1st {float:left; width:23%; padding-left: 35px;  height: 100%; padding-right: 15px;}
.footer-left-2rd {float:left; width:23%; border-left: #4d4d4d 1px solid; padding: 0 5px 10px 15px; height: 100%;}
.footer-left-end-3 {width:25%; padding: 0 0 10px 15px; border-left: #4d4d4d 1px solid;  height: 100%; margin-left:58%; // margin-left: auto; // float:left;}
.footer-left-end-4 {width:23%; padding-left: 15px; border-left: #4d4d4d 1px solid;  height: 100%; margin-left:70%; padding-bottom:10px; // margin-left: auto; // float:left;}
.footer-left-text { font-family: Arial; font-size: 1.8em;}
.footer-left-text-zag { font-family: Arial; font-size: 1.8em;color:#E01916;}
.footer-left-text-black { font-family: Arial; font-size: 1.8em;color:#000000;}
.footer-left-text-h2 { font-family: Arial; font-size: 1.2em; padding-top: 7px;}
.footer-left-text-h2-gray { font-family: Arial; font-size: 1.2em; padding-top: 7px;color: #737171;}
.footer-left-text-h2-black { font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 1.4em; padding-top: 7px;}
.footer-left A { color: #737171;}
.footer-left A:hover { color:#E01916;}


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