﻿/* Дизайн тянущийся по высоте и ширине */

html, body		{ height: 100%;}
* html          { background: fixed url('zero.gif'); }
#main			{ position: relative; height: 100%;}

html>body #main	{ height: auto; min-height: 100%; min-width: 996px;}



/* Page property */

body			{ padding: 0px; margin: 0px; }

img				{ border: 0; }

body, p, table	{ background: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#666; }

h2				{ color: #2481A0; font-size: 15px; font-weight: normal;}

h3				{ color: #2481A0; font-size: 13px; font-weight: normal;}



a				{ color: #09C; text-decoration: none; }

.editbox		{ border: 1px solid #0099CC; }

input.search	{ border: 1px solid #0099CC; background: #FFF; color: #0099CC; height: 20px;}

input.qSend		{ border: 1px solid #0099CC; background: #FFF; color: #0099CC; height: 20px; }

textarea.qSend	{ width: 200px; height: 71px; }

#qselect		{ font-size: 10px; border: 1px solid red; width: 146px; }

.price			{ border-collapse: collapse; margin-bottom: 24px; color: #333; font-size: 10px;}

.price td, th	{ border: 2px solid #FFF; color:#8F9498; }

tr.header		{ background: #e9eaea; padding: 6px; color:#8F9498;} /* Заглавные клетки */

.price td		{ background: #f4f4f4; padding: 6px;} /* все остальные клетки таблицы */

.price th		{ background: #e9eaea; padding: 6px; font-size:11px; color:#8F9498;}

.h2price		{ color: #09C; font-size: 12px;}



/* Блоки */

#mazdalogo		{  width: 504px; background: url(/img/header_gradient.jpg) no-repeat;}

#header			{ width: 100%; height: 285px;}

.adr			{ position: absolute; left: 269px; border-right: 2px solid #FFF; padding: 16px 10px 16px 0px; 
                  background: url(/img/header_gradient.jpg) no-repeat; width: 493px;}

.adr p			{ background: none;}

#adresa 		{position: absolute; left: 15px; top: 0; width: 350px; }

#adresa p		{color: #628984; font-size: 12px; font-weight: bold; font-family:Arial, Helvetica, sans-serif;}

#line1			{ margin: 4px 0 25px 0px;}

#line2			{ margin: 5px 0 7px 0px;}

.adrp			{background: #E0EBEB; margin: 25px;}

/*левое меню. верхнее*/



#leftmenu				{ position: relative; float: left; padding: 5px 0; background: #B2CCCC; left: 12px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; /*width: 129px;*/ }

/* все ссылки */

#leftmenu a				{ font-weight: bold; display: block; text-decoration: none; color: #FFF;  font-size: 10px; padding: 4px 2px 4px 10px; width: 116px; } /* положение ссылок в меню */



#leftmenu div.main a:hover	{ color: #0999CD; background: #B2CCCC !important;}

#leftmenu a:hover			{ color: #0999CD; }

#leftmenu div a:hover		{ background: #D1E0E0; color: #0999CD; }



#leftmenu a.index			{ color: #386963; background: #FFF !important; padding: 4px 2px 4px 4px; margin: 0px 4px 0 6px; width: 112px; font-weight: bold; } /* белый пункт меню */

#leftmenu a.index:hover		{ color: #0999CD; background: #FFF}



	

#leftmenu div div 						{ display: none; position: absolute; left: 128px; top: 0; height: 262px; width: 130px;}

#leftmenu div div a						{ color: #386963; font-weight: normal; padding: 3px 2px 3px 10px; }

#leftmenu div div a:hover				{ color: #0999CD !important; }

#leftmenu div div span					{ display: block; background:#D1E0E0; padding: 7px 0 5px 0; }

#leftmenu div div a.index				{ padding: 4px 2px 4px 4px; margin: 0px 4px 0 0; border-left: 5px solid #D1E0E0; } /* белый пункт 2меню  border-top: 5px solid #D1E0E0; border-bottom: 5px solid #D1E0E0;*/



#leftmenu div div span a.level3  		{ color: #386963; text-decoration: none; font-family: Arial; font-size: 10px; width: 80px; padding: 2px 20px 2px 20px; margin: 0px 20px 0px 5px;}



#leftmenu div div span a.act			{ background: #E3ECEC; padding: 2px 5px 1px 20px; width: 93px; margin: 0 4px 0 5px; border-bottom: 1px solid #E3ECEC; }

#leftmenu div div span a.act:hover		{ background: #E3ECEC; }



#leftmenu div:hover div, 

#leftmenu div.over div 					{ display: block;}

#leftmenu div:hover a, 

#leftmenu div.over a					{background: #D1E0E0;}



#leftmenu div.active div { display: block;}				


#logo-mazda             { margin-top:44px; float:left;}

#logo-mazda 	        {background:url(/img/mazda_logo.png) no-repeat; _background-image:none;}
#logo-mazda img         { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/mazda_logo.png'); }

#logo                   { position:fixed; bottom:40px; left:14px;}

* html #logo            {position: absolute; bottom:40px; left:14px;}


#collage				{ position: absolute; left: 269px; top: 52px; width: 505px; height: 255px; background: #FFF; text-align: center; padding-top: 7px; }

#collage.col-index 		{ left: 275px; top: 89px; padding:0; }            




/* Информационные блоки */

#left					{ width: 272px; float: left; }

#left h1				{ font-family: Arial, Helvetica, sans-serif; color: #006CB8; font-style:italic; font-size: 18px; text-transform:uppercase;
                          letter-spacing: 2px; font-weight: lighter; line-height: 1em; margin: 15px 15px 5px 15px; }

#left p					{ font-family: Arial, Helvetica, sans-serif; padding-left: 15px;}

#left.rubric            { padding:10px; }

#left.rubric .active    { color:#386963; }

#left-menu					{ width: 272px; float: left; padding:15px; }

#center							{ width: 555px; margin: 30px 0 30px 2px; padding-left:15px;  float: left;}



#center_root					{ width: 555px; margin: 30px 0 30px 2px;  float: left;}

#center_root div				{ float: left; width: 169px; padding: 0 0 7px 0px;}

#center_root .news-root			{ margin-right: 12px; width: 160px;}

#center_root span, a			{ color:#006CB8; text-decoration: none; }
#center_root a	        		{ font-weight: lighter; font-size: 10px; }
#center_root span               { font-size:11px;font-weight:bolder;}
#center_root p					{ padding-right: 19px; margin-top: 0; font-size: 10px; padding: 0px 0; width: 150px;}



#center_root div#address		{ float: right; margin-top: 45px; width: 230px; margin-right: 32px; background: #E0EBEB; padding: 9px; font-size: 10px; font-family:Verdana; }

#center_root div#address p		{background: #E0EBEB; font-size: 13px; font-weight: bold;}





.next	{ padding: 0 0 0 10px; background: url(/img/nav_arrow.gif) no-repeat 0 2px; font-weight:bold; }

.next2	{ background: url(/img/nav_arrow.gif) no-repeat 0 2px; font-weight:bold; padding: 0 0 0 9px;}

.nextr	{ padding: 0 0 10px 0px; }

.imgArt	{ margin-bottom: 8px;}

/* WALLPAPERS*/

.wallmid{

	float:left;

	padding:0 25px 0 25px;

}

.wallleft{

	float:left;

	padding:0 50px 0 0;

}

.walldmid{

	float:left;

	padding:0 25px 0 0;

}

/*END OF WALLPAPERS*/



.imgbig{text-align:right;float:right;width:140px;}

.contw	{width: 490px;}

.contw .aks { border:0; width:100%;}

.contw .aks td { vertical-align:top; width:33%; padding:0 13px 10px 0; }

.contw .aks td a {color:#2481A0; font-weight:bold;font-size: 11px;}



.disclaimer		{ font-size: 0.9em; color: #a8a8a8}

.left_inner_menu				{ margin-top: 14px; float: right; text-align:right; list-style:none;
                                  padding-bottom: 5px; background:url(/img/bg_tertiarynav.jpg) no-repeat right  bottom;}
.left_inner_menu li             { padding:3px 10px 3px 12px;white-space:nowrap;}								  

.left_inner_menu a				{ color: #8F9498; text-decoration: none; font-size: 11px; padding-left:6px; }

.left_inner_menu a:hover		{ color: #006CB8; font-weight: lighter; text-decoration: none; }

.left_inner_menu a.act			{ color:#006CB8; background:url(/img/btn_next.gif) no-repeat 0 0.35em; font-weight:bold;}

.left_inner_menu a.act:hover 	{ color: #006CB8; }

.left_inner_menu a.end			{ margin-bottom: 10px; }





/* Copyright*/

#copyright { clear: both; width: 487px;  margin-left: 285px; font: normal 11px; margin-top: 77px; color: #9A9A9A}



/* Footer*/

#footer			{ clear: both; border-top: solid 1px #CCC; margin-left: 285px; width: 487px; height: 50px; margin-top: 10px;}

#footer a		{ float: left; border-left: solid 1px #CCC; color: #9A9A9A; padding: 0 10px; margin-top: 4px; font-size: 10px; text-decoration: none; }

#footer a.brd0	{ border: 0; padding-left: 0; }



/* Zoom */

body > #Zoom {

	position: fixed;

 }

#Zoom {

	left: 0;

	bottom: 0px;

	position: absolute;	

	width: 100%;

	height: 24px;
	
    background:#006CB8;
	color:#fff;
	/* background: #fff url(/img/zoom_zoom.gif) no-repeat bottom; */

	

	}

	

#Zoom a		{ 

	font-family: Arial, Helvetica, sans-serif;

	color:#fff;
	font-weight:bold;

	display: block; 

	list-style-type:none; 

	float: left;

	margin: 0px 5px;

	padding: 7px 3px 0px 14px;

	height: 12px; 

	background: url(/img/nav_arrow.gif) no-repeat 0 8px;

	text-decoration: none;

}



/******** КАРТА САЙТА *********/



#sitemap a			{ display: block; color: #0995DD; font-family: Arial; font-size: 13px; font-weight: bold; padding: 4px 0px 4px 10px; }

#sitemap a.first	{ width: 205px; background: #E0EAEB; margin: 5px 0px 5px 0px; }

#sitemap a.bgr1		{ width: 195px; padding: 4px 0px 4px 20px; margin: 3px 0px 3px 0px; font-weight:lighter !important; background: #F2F7F7; }

#sitemap a.bgr2		{ background: url(/img/bgr1.gif) left no-repeat; padding-left: 14px; margin-left: 14px; font-size: 9px; width: 150px; }

#sitemap a.bgr3		{ background: url(/img/bgr2.gif) left no-repeat; padding-left: 14px; margin-left: 28px; font-size: 9px; width: 150px; }





#sendMail input	    { width: 200px; }



#und		        { margin-top: 15px; }



.showroom tr td        {background:#E6EFEF url(/img/MASTER/images/empty.jpg) repeat-x; border-bottom:3px solid #FFFFFF; 

                         border-right:2px solid #FFFFFF;text-align:center;}

.showroom tr td a.text {color:#336566; display:block; font-weight:bold; padding:5px 2px; text-decoration:none; }

.showroom td.empty     {background-color:#FFFFFF; background-image:none;}

/******** верхнее меню *********/
#nav, #nav ul          {background-color:#FFFFFF; float:left; font-weight:bold; line-height:1; list-style-image:none; list-style-position:outside;
                        list-style-type:none; margin:0; padding:0; position:relative; width:100%; z-index:100;}
#nav li                { float:left; margin:0; padding:0; position:relative;}						
#nav li a.active,      	
#nav a:hover           {background:transparent url(/img/bg_topnav_separator_next.gif) no-repeat scroll 0 0; color:#006CB8; }		
#nav a                 {background:transparent url(/img/bg_topnav_separator.gif) no-repeat scroll 0 0; color:#8F9498; display:block; padding:9px 15px;
                        text-decoration:none; font-size:11px; font-weight:bold;}	
#nav li div            {background:transparent url(/img/bg_nav_shadow.png) no-repeat scroll 50% 100%; height:auto; display: none; 
                         padding:0 0 8px; position:absolute; width:166px; z-index:2;}	
#nav li ul a           {padding:3px 6px 3px 14px; width:auto; font-weight: normal;}
#nav li li a:hover,
#nav li li a.active    { background: transparent url(/img/btn_next.gif) no-repeat 4px 0.5em!important; color: #006cb8; }
#nav li li             {float:none; border: 1px solid #fff;}
* html #nav li ul      {border:1px solid #000000; margin-top:0;}	
* html #nav li div     {background-image:none;}		

.newstable             {border-collapse:collapse; width:100%;}
.newstable td,
.newstable th          {border: 2px solid #fff; padding:3px;}
.newstable th          {background: #E0EAEB;}
.newstable td          {background: #F2F7F7;}
.newstable .left       {width: 200px; font-weight: bold;}			 								

table.form             { background:#f4f4f4; color:#8F9498; border-collapse:collapse;}
table.form select,
table.form input,
table.form textarea    {}
table.form td          { border-bottom:2px solid #fff;padding:2px 5px;}
table.form .subm       { border:}

.h1_img                {margin:15px 15px 0;}
#left.rubric .h1_img   {margin:0 0 10px 0;)