@charset "utf-8";

/* | Сделано www.innova.ru (с) ---- */
/* | Дата: 07.02.09 ---- */

@import url(null.css);
@import url(maintag.css);
@import url(layout.css);
@import url(widgets.css);

/* --------- Контейнеры --------- */
#container {
	min-width:1000px;
}

#wrapper {
	padding-top: 20px
}
/* /////////////////////////////// */

/* --------- Шапка сайта --------- */
#header {
	height: 152px;
	position: relative;
	z-index: 1
}

#header h1 {color: #fff; font-size: 1.3em; height: 95px; overflow: hidden; position:absolute; left:0px;top:0px; width: 234px; z-index:2}
#header-menu {background: url(../images/bg-hm.gif) no-repeat; height: 130px; float: right; font-size: 1.09em; padding-left: 20px}
#header-menu li {background: url(../images/bg-hm-li.gif) no-repeat; float: left; height:103px; padding-left: 1px; padding-top: 27px; text-align: center; width: 106px}
#header-menu a {background-image: url(../images/bg-hm-li-a.jpg); background-repeat: no-repeat; color: #fff; display: block; height: 103px; text-decoration: none} #header-menu a:hover {text-decoration: underline}
#header-menu span {display: block}

#slogan {position:absolute; left:30px; top: 300px; z-index: 2}
.inner #slogan {display: none}

#home {background: url(../images/bg-home.gif) right 0 no-repeat; height: 11px; float: right; margin-top: 27px; width: 11px; text-indent: -10000px}
/* /////////////////////////////// */

/* ----- Основное содержимое ----- */
#content {
	
}
.all-width {clear: both; margin-right: 6px}
.col {width:33.3%; float:left}
.col .pad {padding-right: 15px}

.big-block-outer {margin-bottom: 6px}
.big-block-outer h2, .block-outer h2 {height: 24px; background: url(../images/bg-block-h2.gif) right top no-repeat; padding-right: 15px}
.big-block-outer h2 span, .block-outer h2 span {display: block; background: url(../images/bg-block-h2span.png) no-repeat; height: 24px; padding-left: 30px; line-height: 24px}
.block-outer {margin-bottom: 6px}
.block-back {background: url(../images/bg-block-cl.gif) #fff left bottom no-repeat}
.block {
	background:transparent url(../images/bg-block-cr.gif) no-repeat scroll right bottom;
	margin:0 0 10px;
	min-height:157px;
	padding:4px 2px 10px 3px;
}
.block td.separator-hor{ 
	background: url(../images/block-separator-hor.gif) repeat-x scroll 0 0;
	height:13px;
}
.block td.separator-ver{ 
	background:transparent url(../images/b-cont-2-separator.gif) repeat-y scroll left 0;
}
.block td{ 
	margin: 5px;
}
.big-block-outer .block {min-height: auto; min-height: inherit; padding: 7px 16px 30px 16px}
.block p {padding: 5px 0 5px 0}
.block .b-cont p,
.block .b-cont-spec p {
	margin: 0;
}
.block a {}
.block strong {display: block; padding-bottom: 11px}
.img-index {
	height:130px;

}
.img {
	float:left;
	height:125px;
	padding:4px 8px 4px 0;
}
.block img {padding-right: 9px}
.block h3 {padding-bottom: 7px; font-size: 1.07em}
.block .b-cont {
	margin:5px 0 0;
}
.block .b-cont-index a span,
.block .b-cont-index a span,
.block .b-cont-spec a span,
.block .b-cont-2 a span{
	color:#FFFFFF;
	text-decoration:none;
}
.block .b-cont a{
	color:#00578D !important;
	text-decoration:none;
}
.block .b-cont-index a,
.block .b-cont-spec a ,
.block .b-cont-2 a{
	text-decoration:none;
	color: #00578D !important;
}
.block .b-cont-index a span{
	background:transparent url(../images/readmore.gif) no-repeat scroll 0 0;
	display:block;
	height:19px;
	margin:12px 0 15px 25px;
	padding:0 0 0 21px;
	width:88px;
}
.auto-info td a span {
	background:transparent url(../images/readmore.gif) no-repeat scroll center 0;
	display:block;
	height:19px;
	padding:2px 0 0;
	width:100%;
}
.intro-index p {
	font-size:13px;
}
.intro-index p a{
	text-decoration:underline !important;
}
.intro-index p a:hover{
	text-decoration:none !important;
}
.block .b-cont-spec a span{
	background:transparent url(../images/readmore.jpg) no-repeat scroll 0 0;
	display:block;
	height:19px;
	margin:0 0 2px;
	padding:2px 0 0 13px;
	width:88px;
}
.block .b-cont-2 a span{
	background:transparent url(../images/readmore.jpg) no-repeat scroll 0 0;
	display:block;
	height:19px;
	margin:0 0 2px;
	padding:2px 0 0 21px;
	width:88px;
}
.block .b-cont-spec {
	text-align:left;
	width:160px;
	margin:5px 0 0;
}
.block .b-cont .img {
	float:left;
	margin:0 10px 0 0;
}
.block .b-cont-spec .img {
	margin:0 10px 0 0;
}
.block .b-cont-2 {
	float: left;
}
.block .b-cont-2 h3{
	background:transparent none repeat scroll 0 0;
	margin:8px 0 0;
	padding:0;
}

.inner .block {padding: 17px}
.inner .block p {margin-bottom: 1em; margin-top: 0; padding: 0; padding-bottom: 5px}
.inner .block h3 {background: #e6e3da; height: 27px; padding:0; padding-left: 6px; line-height: 23px; margin: 0 0 12px 0; position: relative; z-index:2}
.inner .block strong {padding: 0; margin: 0; display: inline}
#camera {position: absolute; z-index: 3; right: 12px; top: 3px; height: 19px; width: 23px; background: url(../images/bg-camera.gif) no-repeat}


.word {float: left; width: 36%; height: 30px; line-height: 27px; padding-left: 42px; font-size: 1.14em; background: url(../images/bg-word.gif) 0 0 no-repeat}
.word2 {float: right; height: 30px; padding-bottom: 25px; font-size: 1.14em; padding-left: 42px; background:  url(../images/bg-word.gif) no-repeat; line-height: 30px}
.excel {float: right; height: 30px; padding-bottom: 25px; font-size: 1.14em; padding-left: 42px; background: url(../images/bg-excel.gif) no-repeat; line-height: 30px}

.diploma {width: 100%; margin-top: 20px; padding-bottom: 20px}
.diploma td {width: 33%}

.block .diploma img {padding:0; display:  inline;}

.prod {overflow:auto; overflow-y:scroll; height:200px; margin-right:10px}

.pad p {margin: 0 0 5px 0; padding: 0;}
.pad p strong {display: inline;}
.b-cont-maintext {
	padding:0 10px 10px;
}
.b-cont-maintext td{
}
.b-cont-maintext td .img{
	height:114px;
	padding:0;
}
.block .b-cont-index .img img,
.block .b-cont-spec .img img,
.b-cont-maintext td .img img{
	border:6px solid #E3E6EB;
	padding:1px;
}
.b-cont-maintext td.beg_end{
	width:2%;
}
.b-cont-maintext td.separator{
	background:transparent url(../images/b-cont-2-separator.gif) repeat-y scroll center 0;
	width:15%;
}
.b-cont-maintext  h3 {
	background:#E7E3DA none repeat scroll 0 0;
	margin:20px 0 13px;
	padding:4px 0 4px 15px;
}
.b-cont-maintext  p {
	padding: 0 15px;
}
/* /////////////////////////////// */

/* ---------- Навигация ---------- */
.inner #navigation {padding-top: 130px}

#navigation {
	padding-top: 220px;
}

#navigation dl, #navigation address {background: url(../images/bg-nav-dl.gif) 0 0 no-repeat; padding: 12px 0px 13px 0px;margin:0 0 0 25px;}
#navigation dt, #navigation address .dt {padding-left: 68px; padding-top: 3px; font-size: 1.09em; height: 35px; color: #fff; margin-bottom: -11px}
#navigation dd {padding: 0px 0px 0px 68px; line-height: 1.25em;}
#navigation dl a {color: #fff}
#navigation address .tel {display: block; font-size: 1.36em; color: #fff; padding-left: 68px; position: relative; top:-37px}
#navigation address {height:80px}
#navigation address .dt {display: block}

dl#nm3 dt, dl#nm3 dd, dl#nm4 dt, dl#nm4 dd {padding-left: 126px}
dl#nm3 {background: url("../images/bg-nav-dl.gif") no-repeat scroll 0 0 transparent}

#nm3 dt {background: url(../images/bg-nm4.gif) no-repeat}
#nm4 dt {background: url(../images/bg-nm5.gif) no-repeat}

#nm1 dt {background: url(../images/bg-nm1.gif) no-repeat} #nm2 dt {background: url(../images/bg-nm2.gif) no-repeat} 
#nmc dt {background: url(../images/bg-cards.gif) no-repeat} 
#navigation address .dt {background: url(../images/bg-nm3.gif) no-repeat; margin-bottom: 0; padding-top: 0; height: 50px}
/*///////////////////////////////*/



/* ----------- Левый сайдбар автопарк ----------- */
#autopark {
	background:transparent url(../images/bg-autopark.gif) repeat-x scroll 0 0;
	width: 100%;
}
#autopark .cleaning {
	height:110px;
	margin:0 0 10px;
}



/* ----------- Подошва ----------- */
#footer {
	background:transparent url(../images/bg-footer.gif) repeat-x scroll 0 0;
	height:300px;
	margin-top:20px;
	position:relative;
	z-index:2;
}
#footer-index {
	background:transparent url(../images/bg-footer-index.gif) repeat-x scroll 0 0;
}
#footer .cleaning {
	height:186px;
	padding-left:130px;
}
#whole-list {
	background:transparent url(../images/bg-whole-list.gif) no-repeat scroll 0 0;
	color:#FFFFFF;
	display:block;
	height:55px;
	left:0;
	position:absolute;
	top:24px;
	width:112px;
	z-index:3;
}
#whole-list-index {
	background:transparent url(../images/bg-whole-list.gif) no-repeat scroll 0 0;
	color:#FFFFFF;
	display:block;
	height:55px;
	left:0;
	margin:0 0 45px;
	position:relative;
	top:24px;
	width:112px;
	z-index:3;
}
#whole-list span,
#whole-list-index span {
	width: 112px; 
	height: 20px; 
	z-index:4; 
	position:absolute;
	lefT:0;
	top:0; 
	background: url(../images/bg-whole-list.gif) no-repeat;
}
#whole-list a,
#whole-list-index a {
	color: #00578d; 
	position: absolute; 
	left: 20px; 
	top: 36px; 
	z-index: 5;
}

.transport-outer {
	float:left;
	width:31%;
}
.transport-outer-index {
	float:left;
}
.transport-index {
	background:transparent url(../images/bg-transport-index.png) no-repeat scroll 0 0;
	height:110px;
	padding:0 0 0 14px;
	width:384px;

}
.transport {
	background:transparent url(../images/bg-transport.png) no-repeat scroll 0 0;
	height:186px;
	padding:0 14px 0 16px;
	width:184px;
}
.transport-index img{
	float: left;
}
.transport dl{
	padding-left:13px;
	padding-top:8px;
}
.transport-index dl {
	background:transparent none repeat scroll 0 0 !important;
	margin:0 35px 0 125px !important;
	padding:0 !important;
}
.transport dt {
	color:#4E595F;
	font-size:1.09em;
	padding-bottom:3px;
	padding-left:2px;
}
.transport-index dt {
	color:#4E595F !important;
	font-size:1.09em !important;
	padding-bottom:3px !important;
}
.transport dd {
color:#00578D;
}
.transport-index dd a {
color:#00578D !important;
}
#container.inner .transport {height: 186px; background: ../images/bg-transport1.png no-repeat}
.transport table {border: none; padding: 0; margin:0; height: 60px; margin-left: 13px; color: #4e595f; font-size: 1.09em; }
.transport table a {color: #4e595f; font-size: 1.09em; text-decoration: none}

.transport dl {
	padding-left:13px;
	padding-top:8px;
}
#autopark .cleaning .transport-outer .transport dt {
	color: #4e595f; 
	font-size: 1.09em; 
	padding-left:68px;
	padding-bottom: 3px
}
#autopark .cleaning .transport-outer .transport dl a {color: #00578D;}
#autopark .cleaning .transport-outer .transport dd a {color: #00578d;}
#autopark .cleaning .transport-outer .transport dd {color: #4E595F;}

#footer-inner {margin-top: 20px; height: 90px; position: relative; z-index:10; background: url(../images/bg-finner.gif) 25px 30px no-repeat}
#footer ul,
#footer-index ul {
	position: absolute; 
	z-index: 11; 
	right: 20px; 
	font-size: 1.09em; 
	color: #fff;
}
#footer ul a,
#footer-index ul a {
	color: #fff; 
	padding:0 4px 0 0;
}
#footer ul li,
#footer-index ul li {
	float: left; 
	padding: 0 3px;
}
#fm1 {top: 30px}
#fm2 {top: 50px}

#footer address,
#footer-index address {
	color: #fff; 
	position: absolute; 
	z-index: 12; 
	top:32px; 
	left: 10%;
}
#footer address a,
#footer-index address a {
	color: #50ccff;
}

#counters {position: absolute; z-index: 13; top:28px; left: 31%}
/* /////////////////////////////// */
/*****************************  Начало форма обратной связи  ********************************/
ol.error {
	color:red;
}
p.error {
	margin: 0 0 0 40px;
	color:red;
	font-weight:bold;
}
ol.error {
	list-style-position:inside;
	font-weight:bold;
}
ol.error li {
	list-style-position:inside;
	font-weight:normal;
}
input.error {
	background-color:#FAC5C6;
}
/*****************************  Конец форма обратной связи  ********************************/
table.auto-info {
	background:#EDEBE5 none repeat scroll 0 0;
	border:1px solid #FFFFFF;
	border-collapse:collapse;
	margin:15px 0;
	width:100%;
}
table.auto-info td{
	border:1px solid #FFFFFF;
	padding:3px;
	text-align:center;
	vertical-align:middle;
	width:20%;
}
table.auto-info td p{
	text-align:center;
	width:100%;
}
table.auto-info td p a{
	color: #ffffff !important;
	text-decoration: none;
	cursor: pointer;
}
.index-tr p {
	margin: 0;
	padding: 0;
}