@charset "utf-8";

/*
	╔══════════════════════════════╗
	║  СБС-Cервис — Главные стили  ║
	║ Павел Кириченко (Dr.Holerik) ║
	╚══════════════════════════════╝
*/

@media all {

/* ═════════ ГЛОБАЛЬНЫЕ СТИЛИ ═════════ */

/* Eric Meyer’s Global Reset (модифицирован) */
html, body, div, p, pre, span, hr,
h1, h2, h3, h4, h5, h6,
abbr, acronym, address, big, cite,
code, del, dfn, em, ins, kbd, samp,
small, strong, sub, sup, var, q,
dl, dt, dd, ol, ul, li,
table, caption, tbody, tfoot, thead, tr, th, td,
fieldset, form, label, legend,
a, area, map, img, object {
	margin: 0; padding: 0;
	outline: 0; border: 0;
	background: transparent repeat scroll;
	vertical-align: baseline;
	text-align: left;
	text-indent: 0;
	text-decoration: none;
	letter-spacing: normal;
	line-height: 1.3;
	white-space: normal;
	word-spacing: normal;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
}


/* ═════════ ПОЗИЦИОНИРОВАНИЕ ═════════ */

/* ═══ ПОЗИЦИЯ ═══ */

#footer, #content, #logo, #news, #copy,
#header .nav { position: relative; }

#logo .alt, #logo .img { position: absolute; }


/* ═══ СМЕЩЕНИЕ ═══ */

#footer { top: 145px; }

#logo { left: 127px; top: 49px; }

#news { left: 91px; top: 24px; }

#copy { left: 85px; top: 12px; }

#header .nav { left: 345px; bottom: 53px; }


/* ═══ СЛОИ ═══ */

#logo .alt { z-index: 0; }

#logo .img,
#content { z-index: 1; }



/* ═════════ ФОРМАТИРОВАНИЕ ═════════ */

/* ═══ ОТОБРАЖЕНИЕ ═══ */

#copy, #header .nav li { display: inline; font-weight: bold; color: #ffffff; font-size: 16px;}

#content, #sidebar, .gallery li { display: inline-block; }

html, body, #logo, #logo .alt, #logo .img,
#header .nav, .gallery img { display: block; }


/* ═══ ШИРИНА И ВЫСТОТА ═══ */

html, body { width: 100%; height: 100%; }

table.strip th { width: 40%; }

#header { width: 1222px; height: 509px; }

#footer { width: 936px; height: 67px; }

#sidebar { width: 339px; height: 304px; }

#content, table.strip { width: 535px; }

#news { width: 151px; }

#logo, #logo .alt,
#logo .img { width: 158px; height: 103px; }

#header .nav { width: 864px; }

.gallery img { width: 131px; height: 97px; }

hr { height: 1px; }


/* ═══ ОТСТУПЫ И ПОЛЯ ═══ */

#header, #footer { margin: 0 auto; }

#header .nav li { margin-right: 35px; }

#content { margin: -72px 44px 0 0; }

#content h1 { margin-top: 18px; }

#content h2 { margin-top: 14px; }

.gallery li { margin: 13px 23px 13px 0; }

.border { padding: 12px 16px; margin: 6px 0 9px; }

.border-alert { padding: 12px 16px; margin: 6px 0 9px; }

.border li { margin: 6px 0; } 

table { margin: 9px 0; }

table.strip th,
table.strip td { padding: 9px 9px 9px 18px; }

legend, p, pre, ol, dl { padding: 5px 0; }

#contacts td { padding: 0 34px 7px 0; }

caption, tr, th, td { padding: 5px; }

ol li, dt, dd { padding: 3px 0; }

hr { margin: 3px 0; }


/* ═══ ПЕРЕПОЛНЕНИЕ ═══ */

html { overflow-y: scroll; }


/* ═══ ТАБЛИЦЫ ═══ */

table { border-collapse: collapse; }



/* ═════════ ТЕКСТ ═════════ */

/* ═══ ГОРИЗОНТАЛЬНОЕ ВЫРАВНИВАНИЕ ═══ */

body, #news h1, #news h2,
#logo .alt { text-align: center; }



/* ═══ ВЕРТИКАЛЬНОЕ ВЫРАВНИВАНИЕ ═══ */

#content, #sidebar { vertical-align: top; }

th { vertical-align: middle; }

sub { vertical-align: sub; }

sup { vertical-align: super; }


/* ═══ ФОРМАТИРОВАНИЕ ТЕКСТА ═══ */

a, sub, sup, #gallery span { white-space: nowrap; }


/* ═══ МЕЖСТРОЧНЫЙ ИНТЕРВАЛ ═══ */

#logo .alt { line-height: 1; }

#news h1, #news h2 { line-height: 1.1; }


/* ═══ ДЕКОРИРОВАНИЕ ТЕКСТА ═══ */

a, #logo .alt { text-decoration: underline; }

html#blockhouse  #link-blockhouse,
html#stroika  #link-stroika,
html#gallery  #link-gallery,
html#contacts #link-contacts { text-decoration: none;}

del { text-decoration: line-through; }


/* ═════════ СПИСКИ ═════════ */

/* ═══ ПОЗИЦИЯ МАРКЕРА СПИСКА ═══ */

dl, ol, ul { list-style-position: inside; }


/* ═══ СТИЛЬ МАРКЕРА СПИСКА ═══ */

ol { list-style-type: decimal; }

ul { list-style-type: disc; }


/* ═════════ ШРИФТЫ ═════════ */

/* ═══ ГАРНИТУРЫ ШРИФТА ═══ */

body { font-family:  "Tahoma", sans-serif; }

#copy { font-family: "Tahoma", sans-serif; }


/* ═══ СТИЛЬ ШРИФТА ═══ */

cite, dfn, em, var { font-style: italic; }


/* ═══ ТОЛЩИНА ШРИФТА ═══ */

body { font-weight: 400; }

strong { font-weight: 700; }


/* ═══ РАЗМЕР ШРИФТА ═══ */

#copy { font-size: 12px; }

#contacts .vcard, #header .nav,
#news h2, table.strip { font-size: 14px; }

body { font-size: 16px; }

#news h2 { font-size: 18px; }

h2 { font-size: 22px; }

#news h1 { font-size: 24px; }

h1 { font-size: 28px; }

#logo .alt { font-size: 36px; }

#logo .alt:first-line { font-size: 63px; }


}

@media screen, handheld, projection, tv {

/* ═════════ ЦВЕТ ═════════ */

#news h1 { color: #d9391d; }

#news h2 { color: #c1531c; }

.border-alert { color: #f00; }

a:link { color: #ffde00; }

body, a:visited,
html#blockhouse  #link-blockhouse,
html#stroika #link-stroika,
html#gallery  #link-gallery,
html#contacts #link-contacts { color: #fff; }

a:hover, a:focus, a:active,
#logo:hover .alt, #logo:focus .alt,
#logo:active .alt { color: #000; }


/* ═════════ ФОН ═════════ */

/* ═══ ПОЗИЦИЯ ФОНА ═══ */

#header, #sidebar { background-position: center top; }

#footer { background-position: left bottom; }

#logo .img { background-position: center; }


/* ═══ ПЕРИОДИЧНОСТЬ ФОНА ═══ */

#header, #footer, #sidebar,
#logo .img { background-repeat: no-repeat; }

html { background-repeat: repeat; }

body { background-repeat: repeat-x; }


/* ═══ ЦВЕТ ФОНА ═══ */

html { background-color: #34a60b; }

table.strip tr.odd,
.border { background-color: #47a10d; }

.border-alert { background-color: #e0e0e0; }

table.strip tr.even,
table.strip tr.thead { background-color: #2f7900; }


/* ═══ ИЗОБРАЖЕНИЯ ФОНА ═══ */

html { background-image: url("/img/pattern.jpeg"); }

body { background-image: url("/img/gradient.jpeg"); }

#header { background-image: url("/img/header.jpeg"); }

#footer { background-image: url("/img/footer.jpeg"); }

#sidebar { background-image: url("/img/sidebar.jpeg"); }

#logo .img { background-image: url("/img/alt/logo.png"); }



/* ═════════ РАМКИ ═════════ */

/* ═══ ТОЛЩИНА РАМОК ═══ */

table.strip, .border,  .border-alert,
.gallery li { border-width: 3px; }

table.strip th,
table.strip td { border-width: 1px; }

hr { border-bottom-width: 1px; }


/* ═══ СТИЛЬ РАМОК ═══ */

hr, table.strip, table.strip th, table.strip td,
.border, .border-alert, .gallery li { border-style: solid; }


/* ═══ ЦВЕТ РАМОК ═══ */

hr, table.strip, table.strip th,
table.strip td { border-color: #fff; }

.border, .gallery li { border-color: #1a6000; }

.border-alert { border-color: #a80000; }
/* ═════════ КУРСОР ═════════ */

html#blockhouse  #link-blockhouse,
html#stroika  #link-stroika,
html#gallery  #link-gallery,
html#contacts #link-contacts { cursor: default; }

a { cursor: pointer; }

abbr, acronym { cursor: help; }

}

@media print {

/* ═════════ ФОРМАТИРОВАНИЕ ═════════ */

#header, #footer, #sidebar { display: none; }

#content {
	width: 80%;
	margin: 0 auto;
}

table.strip th,
table.strip td { padding-left: 0; }

html { overflow: visible; }



/* ═════════ ТЕКСТ ═════════ */

a { text-decoration: none; }



/* ═════════ ШРИФТЫ ═════════ */

body { font: 14pt "Times New Roman", serif; }

#contacts .vcard { font-size: 16pt; }

h2, table.strip td { font-size: 18pt; }

table.strip th { font-size: 16pt; }

h1 { font-size: 22pt; }



/* ═════════ ЦВЕТ ═════════ */

a { color: #000; }



/* ═════════ РАМКИ ═════════ */

hr { border-top: 1px solid #000; }

}

.clearer{clear: both; width: 1px; height: 1px;}
.slogan_place {position: absolute; left: 180px;}
h1 .slogan {font-size: 18px; margin: 50px 0px 0px 0px; font-weight: bold;}
a.index {color: #ffffff;}
a:hover.index {color: #000000;}

.kred {margin-top: 200px;}