/* --- Установка значений для тэгов --- */
html, body {
margin:0; padding:0;
height:100%; width:100%;
}
a img { border:none }
/* --- Специальные классы --- */
/* Класс остановки потока вывода */
.clear_off {
margin:0; padding:0;
height:0%; clear:both;
}
/* --- Описание основной модели страницы --- */
/* Основной блок */
.l-page {
position:relative;
min-height:100%; min-width:1000px;
background:url(images/bg_body.gif);
}
html > body .l-page { height:auto; }
/* Верхний блок */
.l-page_top {
position:relative;
padding-bottom:83px;
}
/* Колонка слева */
.l-page_left {
position:relative; float:left;
width:200px;
}
/* Стиль левой колонки верхнего блока */
.l-page_top_container .l-page_left_container {
margin:35px auto 0 auto;
width:190px;
}
/* Слой контена */
.l-page_main { margin-left:200px; }
/* Оформление фона вверху страницы */
.l-page_container .b-bg_gradient, .l-page_container .b-bg_light {
position:absolute; top:0;
height:385px;
}
.l-page_container .b-bg_gradient {
width:100%; left:0;
background:transparent url(/images/bg-header-gradient.png) repeat-x top;
}
.l-page_container .b-bg_light {
width:800px; right:0;
background:transparent url(/images/bg-right-light.png) no-repeat right top;
}
/* Установка параметров */
.l-page, .l-page_top { width:100%; }
.l-page_container { margin:0; padding:0; }
.l-page { height:100%; }
/* Отступ по бокам (слева и справа) страницы в 5 пикселей */
.l-page_top .l-page_top_container { margin:0 5px; padding:0; }
.l-page_main .l-page_main_container { margin-left:30px;}
.l-page_top .l-page_top_container .l-page_main .l-page_main_container { padding-top:70px;}
/* --- Левая колонка --- */
/* Мини-навигация */
.l-page_left_container .b-navMini {
margin:0; padding:0;
height:35px;
vertical-align:top;
}
.l-page_left_container .b-navMini a {
display:block;
margin:0; padding:0;
float:left;
text-align:center;
vertical-align:top;
width:33%;
}
.l-page_left_container .b-navMini a .img_home { height:9px;width:13px;}
.l-page_left_container .b-navMini a .img_contact, .l-page_left_container .b-navMini a .img_map { height:7px;width:11px; }
.l-page_left_container .b-navMini a:hover { border-bottom:2px solid #e2001a; }
/* --- Левая колонка: статьи и новости --- */
.l-page_left_container .b-list ,
.l-page_left_container .b-list_container,
.l-page_left_container .b-list_container .b-articles,
.l-page_left_container .b-list_container .b-news { margin:0; padding:0; }
/* Стиль загловока для блоков статьи и новости */
.b-list_container .title {
margin:0 0 10px 0; padding-left:14px;
font:bold 18px 'Trebuchet MS';
text-transform: uppercase;
border-top:1px solid #E3E5D9; border-bottom:1px solid #E3E5D9;
background:#F3F4EF;
}
.b-list_container .b-news .title { color:#00930a; }
/* Стиль списка для блоков статьи и новости */
.b-list_container .b-list_item {
padding-left:14px; margin-bottom:15px;
}
/* Стиль заголовока элемента списка статей и новостей */
.b-list_container .b-list_item h4 {
color:#35546E; font:bold 12px/15px 'Trebuchet MS';
margin:0 0 5px 0; padding:0;
}
/* Стиль заголовока элемента списка статей (форматирование для отражение стрелки слева) */
.b-list_container .b-articles .b-list_item h4 {
margin-left:-14px; padding-left:14px;
background:url(images/link_article.gif) no-repeat left 5px;
}
.b-list_container .b-list_item p, .b-list_container .b-list_item a {
font:10px/14px 'Trebuchet MS';
margin:0; padding:0;
}
.b-list_container .b-list_item p {
color:#545454;
}
.b-list_container .b-news .b-list_item a {
padding-right:15px;
background:url(images/link_news.gif) no-repeat right center;
}
/* Стиль ссылка на полное содержимое лент статей и новостей */
.b-list_container .link_all {
font:bold 14px/17px 'Trebuchet MS';
float:right;
margin-bottom:20px;
}
/* --- Основной блок контента --- */
.l-page_main_container table { float:left; }
/* Логотип */
.l-page_main_container .img_logo { height:87px; width:459px; }
/* Главная навигация сайта */
.l-page_main_container .b-navMain .b-navMain_container {
height:110px;
padding-top:50px;
}
.b-navMain_container .b-navMain_item {
float:left;
text-align:center;
width:11%;
}
.b-navMain_item a { text-decoration:none; }
.b-navMain_item a span {
font:10px 'Trebuchet MS';
text-decoration:underline;
display:block;
}
/* Контент */
.l-page_main_container .b-content .b-content_container {
vertical-align:top;
margin:0 0 20px 0; padding:0;
}
.b-content_container h1 {
margin:0 0 10px 0; padding:0;
color:#E60011; font:20px/35px 'Trebuchet MS'; font-weight:bold;
background:#fff;
}
.b-content_container .b-text_container {
color:#545454; font:12px/15px 'Trebuchet MS';
margin:0 10px;
}
.b-content_container, .b-content_container p {
margin-bottom:15px;
}
.b-content_container img { margin:15px 10px; }
/* Каталог */
.b-catalog_container .b-catalog_item {
float:left;
padding:0 5px 15px 5px;
text-align:center;
width:150px;
}
.b-catalog_item a { text-decoration:none; }
.b-catalog_item a span {
display:block;
font:10px 'Trebuchet MS';
text-decoration:underline;
}
/* --- Подвал страницы --- */
.l-page_bottom {
width:100%;
position:absolute; bottom:0;
clear:both;
}
.l-page_bottom_container { margin:0 5px; padding:0; }
.l-page_bottom, .l-page_bottom_container,
.l-page_bottom_container .l-page_left .l-page_left_container,
.l-page_bottom_container .l-page_main .l-page_main_container { height:83px; }
/* Логотип в подвале страницы */
.l-page_bottom_container .l-page_left .l-page_left_container .img_logo_bottom {
display:block;
position:relative;
margin:0 auto;
height:29px; width:150px;
top:50%; margin-top:-15px;
}
/* Блок с копирайтом и счетчиками */
.l-page_bottom_container .l-page_main .l-page_main_container { border-top:3px solid #80807b; height:80px; }
.l-page_bottom_container .l-page_main .l-page_main_container .b-copy_right,
.l-page_bottom_container .l-page_main .l-page_main_container .b-counters {
position:relative;
height:32px;
top:50%; margin-top:-16px;
}
.l-page_bottom_container .l-page_main .l-page_main_container .b-copy_right {
color:#545454; font:11px/14px 'Trebuchet MS';
float:left;
}
.l-page_bottom_container .l-page_main .l-page_main_container .b-counters { float:right; }
.clouds_xsmall {
font-size: small;
}
.clouds_small {
font-size: medium;
}
.clouds_medium {
font-size: large;
}
.clouds_large {
font-size: x-large;
}
.clouds_xlarge {
font-size: xx-large;
}