﻿/*
Заголовки
.h-grey - заголовок на сером фоне, как например Новости AUTONEWS.RU
.h-lgrey - заголовок на светло-сером градинете, как наприме ФОТОКОНКУРС
.h-red - заголовок на красном фоне, как МАРКЕТГИД или Новостях автофирм
.h-dgrey  - заголовок на темно-сером фоне в боковом стобце, как например Звезды за рулем
.h-dred - заголовок на темно-красном фоне, как Новости Autonet

Блоки
.block-common  - любой "обрамляющий" блок, просто блок с 2px-ым бордером и 8px-ым отступом снизу. 
.block-common2 - блок чисто для оформления просто куска текста внутри центр. стобца 
.block1 - единичный блок оформления новостей как в Новости AUTONEWS.RU
.block2 - единичный блок оформления новостей как в МАРКЕТГИДе
.block3 - если надо просто оформить текст в боковом столбце, как например подпись под фото в Звезды за рулем
.block4 - единичный блок оформления новостей как Новости автофирм
.block5-cols4 - единичный блок оформления новостей как Новости AUTONET.RU, случай с четырьмя строками новостей
.block5-cols3 - единичный блок оформления новостей как Новости AUTONET.RU, случай с тремя строками новостей
.block6 - единичный блок оформления новостей как Тест-драйвы 
.block7 - единичный блок оформления новостей как Новости автофирм
*/

/* Шрифты*/

.h-grey, .h-grey2, .h-red, .h-blue, .h-dgrey, .block4 .date, .h-dred, .block5-cols4 h3, .block5-cols4 a.news:active, 
.block5-cols4 a.news:hover, .block5-cols3 h3, .block5-cols3 a.news:active, .block5-cols3 a.news:hover, 
.block6 a, .block7 .date, .block8 h2
{
	color:#fff
}

.h-lgrey
{
	color:#2c2e32
}

.block1, .block2 p, .block3, .block5-cols4 .news, .block5-cols3 .news
{
	font-weight:900;
}

.block4 .date, .block6 p, .block7, .block8 p
{
	font-size:11px;
}

.block4 .news
{
	background:#eeeff1;
}

.block-common .text 
{
	margin: 0px 5px 10px 5px;
	text-align: justify;
}

.block-common .text p 
{
	margin-bottom: 5px;
}

.block-common .text table td 
{
	padding: 3px;
}

/* /Шрифты*/




/* Заголовки */

.h-grey, .h-lgrey, .h-red, .h-blue, .h-dgrey, .h-dred
{
	padding: 5px 5px;
	margin-bottom:2px;
}

.h-grey2
{
	padding: 4px 10px;
	margin: 2px 2px 0 2px;
}

.h-grey, .h-grey2 {
	background:#7d8085;
}

.h-lgrey 
{
	background:#fff url(../img/bg-photo.png) left bottom repeat-x;
}

.h-red 
{
	background:#ae0000;
}

.h-blue 
{
	background: #006999; /*#5F96CD;*/
}

.h-dgrey 
{
	background:#313437;
}

.h-dred
{
	background:#770100;
}

/* /Заголовки */


/* Блоки */

.block-common
{
	border:2px solid #fff;
	background:#fff;
	margin-bottom:8px;
	overflow:hidden;
}


.block-common .inner 
{
	width: 100%;
}

.block-common2
{
	padding:10px 15px 5px 15px;
}

.block-common3
{
	padding: 5px 2px;
}

.block1
{
	background:transparent url(../img/ico-news.gif) 9px 7px no-repeat;
	padding:5px 9px 5px 28px;
}

.block2 img, .block4 img
{
	margin:0 0 2px 0
}

.block2 p
{
	padding:5px 9px 5px 70px;
}

.block3
{
	padding:5px 9px;
}


.block4 .date, .block7 .date
{
	display:inline;
	float:right;
	background:#7b7f85;
	margin:5px 0 0 15px;
	padding:2px 7px;
}

.block4 h3
{
	padding:5px 10px 0 127px;
}

.block4 p
{
	line-height:1.25em;
	padding:5px 10px 0 127px;
}

.block5-cols4, .block5-cols3
{
	margin-bottom:2px;
	background:#fff;
	border-bottom:1px solid #4F5357;
}

.block5-cols4 a.news
{
	height:25px;
}


.block5-cols3 a.news
{
	height:36px;
}

.block5-cols4 h3, .block5-cols3 h3
{
	padding:3px 10px 3px 10px;
	background:#a4a8ae;
	height:22px;
	overflow:hidden
}

.block5-cols4 a.news, .block5-cols3 a.news
{
	padding:3px 10px 3px 10px;
	background:#e9ebed;
	vertical-align:middle;
	overflow:hidden;
	border-bottom:1px solid #fff;
	display:block;
}

.block5-cols4 a.news:active, .block5-cols4 a.news:hover, .block5-cols3 a.news:active, .block5-cols3 a.news:hover
{
	background:#ad0100;
}

.block5-cols4 img, .block5-cols3 img
{
	position:relative;
	z-index:99;
}

.block5-cols4 h3 img, .block5-cols3 h3 img
{
	float:right;
	border:none;
}

.block6 p
{
	line-height:1.25em;
	padding:4px 7px;
}

.block6 h3
{
	margin-top:1px;
	background:#2f3235 url(../img/bg-tests.png) repeat-x;
	padding:10px 17px;
	font-size:17px;
	font-weight:normal;
}

.block7 .news, .block7 .event-articles
{
	background:#EEEFF1;
}

.block7 h4
{
	padding:5px 10px 0 110px;
}

.block7 .event-articles h4, .block7 .event-articles h5
{
	padding: 3px;
}

.block7 .event-articles h5
{
	font-size: 12px;
	font-weight: normal;
}

.block7 p
{
	line-height:1.2em;
	padding:3px 10px 0 110px;
}

.block7 .hr
{
	height:4px;
	background:url(../img/bg-hr.gif) left 2px repeat-x;
	font-size:0;
}

.block7 .news, .block7 .event-articles {
	width:100%;
	overflow:hidden
}

.block7 h3
{
padding:5px 10px 0 110px;
}

.block8 p
{
	display:block;
	background:url(../img/arr-grey-sm.gif) 7px 8px no-repeat;
	padding:3px 8px 3px 22px;
}

.block8 p.empty
{
	display:block;
	background:none;
	padding:3px 8px 3px 22px;
}

/* /Блоки */

.block2 img, .block4 img, .block5-cols4 img, .block5-cols3 img, .block7 img
{
	float:left;
}

.block4 img, .block5-cols4 img, .block5-cols3 img, .block7 img
{
	border:1px solid #4f5357
}

.block9
{
	display:block;
	background: #006999 /*#AE0000*/ url(../img/arr-wh-big-down.gif) 7px 8px no-repeat;
	padding:3px 8px 2px 24px;
	color:#fff
}

.block9a
{
	display:block;
	background: white url(../img/arr-grey-sm.gif) 7px 8px no-repeat;
	padding:3px 8px 2px 24px;
	color:#fff
}

.block10
{
padding:3px 9px;
overflow:auto;
width:auto
}

.block10 .date
{
color:#fff;
display:inline;
float:right;
background:#7b7f85;
margin:5px 0 0 15px;
padding:2px 7px;
font-size:11px;
right:-9px
}

.block10 h3
{
margin:5px 0
}

.block10 p
{
margin:10px 0
}

.block10 .photo-cont
{
float:right;
clear:both;
margin:3px 0 5px 10px
}

.block10 p.cl
{
clear:both
}

.block10 .photo-cont img
{
display:block;
margin:3px 0;
border:1px solid #193B45;
width:200px
}

.block-common2 p
{
margin:5px 0
}

.block-common h2 a 
{
	color: #fff;
	text-decoration: none;
}