/* Правила для экранной версии представления данных */
@media screen {
  /* Общие установки для страницы */
  html, body {
    margin: 0px;
    padding: 0px;
    border: 0px;
  }
  body {
    color: #000;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background-color: #bdbdbd;
	background-image: url(back_body.gif);
	background-position: top left;
	background-repeat: repeat-y;
  }
img {
border: 0;
}
table {
border-collapse: collapse;
}
#leftBox {
position: absolute;
background-color:#FFF;
width: 475px;
height: 891px;
top: 0px;
left: 0px;
	background-image: url(back_leftbox.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}
#leftBox h1 {
padding: 0 0 0 110px;
margin: 40px 0 0 0;
font-size: 120%;
}
#leftBox h1 a {
width: 334px;
background-image: url(online.gif);
background-position: top right;
background-repeat: no-repeat;
display: block;
line-height: 105px;
text-decoration: none;
color: #000;
}
#leftBox h1 a:hover {
background-image: url(over_online.gif);
background-position: top right;
background-repeat: no-repeat;
color: #fff;
}
#leftBox h2 {
padding: 0 0 0 21px;
margin: 146px 0 0 0;
font-size: 120%;
}
#leftBox h2 a {
width: 300px;
background-image: url(partner.gif);
background-position: top right;
background-repeat: no-repeat;
display: block;
line-height: 105px;
text-decoration: none;
color: #000;
}
#leftBox h2 a:hover {
background-image: url(over_partner.gif);
background-position: top right;
background-repeat: no-repeat;
color: #fff;
}
#leftBox h3 {
padding: 0 0 0 120px;
margin: 20px 0 0 0;
font-size: 120%;
}
#leftBox h3 a {
width: 290px;
background-image: url(client.gif);
background-position: top right;
background-repeat: no-repeat;
display: block;
line-height: 105px;
text-decoration: none;
color: #000;
}
#leftBox h3 a:hover {
background-image: url(over_client.gif);
background-position: top right;
background-repeat: no-repeat;
color: #fff;
}
#map {
margin: 91px 0 0 315px;
}
#map a {
display: block;
width: 58px;
height: 59px;
background-image: url(map_service.gif);
background-position: top left;
background-repeat: no-repeat;
}
#map a:hover {
background-image: url(map_service_over.gif);
background-position: top left;
background-repeat: no-repeat;
}
#x {
margin: 30px 0 0 247px;
}
#x a {
display: block;
width: 59px;
height: 59px;
background-image: url(x.gif);
background-position: top left;
background-repeat: no-repeat;
}
#x a:hover {
background-image: url(x_over.gif);
background-position: top left;
background-repeat: no-repeat;
}
#download {
margin: 5px 0 0 150px;
}
#download a {
display: block;
width: 59px;
height: 59px;
background-image: url(download.gif);
background-position: top left;
background-repeat: no-repeat;
}
#download a:hover {
background-image: url(download_over.gif);
background-position: top left;
background-repeat: no-repeat;
}
#rightBox {
position: absolute;
background-color:#FFF;
top: 0px;
left: 475px;
width: 525px;
text-align: right;
}
#rightBox h1 {
text-align: right;
padding: 3px 15px 10px 0;
margin: 0;
font-size: 80%;
color: #004983;
}
#rightBox ul {
padding: 20px 10px 20px 0;
margin: 0;
list-style-type: none;
font-size: 80%;
background-image: url(back_div.gif);
background-position: bottom right;
background-repeat:no-repeat;
}
#rightBox ul li {
padding: 0 5px 0 0;
margin: 0;
display: inline;
}
#rightBox ul li a {
text-decoration: none;
color: #999;
}
#rightBox ul li a:hover {
text-decoration: none;
color: #990033;
}
#rightBox span {
padding: 0 15px 0 0;
}
#newsBox {
background-image: url(back_div.gif);
background-position: bottom right;
background-repeat:no-repeat;
height: 145px;
width: 495px;
padding: 10px 15px;
text-align: left;
}
#newsBox h2 {
color: #999;
padding: 0 15px 0 120px;
margin: 0;
font-size: 80%;
}
#newsBox h1 {
text-align: left;
padding: 5px 15px 5px 120px;
}
#newsBox h1 a {
text-decoration: underline;
color: #990033;
}
#newsBox h1 a:hover {
text-decoration: none;
color: #999;
}
.annotation {
font-size: 80%;
padding: 5px 15px 5px 120px;
background-image: url(back_annotation.gif);
background-position: bottom right;
background-repeat: no-repeat;
color: #666666;
}
#show {
height: 145px;
width: 495px;
}
#searchBox {
padding: 10px 15px;
text-align: right;
background-image: url(back_div.gif);
background-position: bottom right;
background-repeat:no-repeat;
}
#searchBox form {
padding: 0;
margin: 0;
}
.inputWord {
border: 1px #990033 solid;
width: 300px;
}
#baner {
padding: 10px 15px;
text-align: right;
background-image: url(back_div.gif);
background-position: bottom right;
background-repeat:no-repeat;
}
#newPrice {
padding: 10px 15px;
text-align: right;
background-image: url(back_div.gif);
background-position: bottom right;
background-repeat:no-repeat;
font-size: 80%;
}
#newPrice a {
color:  #990033;
}
#newPrice a:hover {
color:  #000;
text-decoration: none;
}
#showPrice {
width: 375px;
}
#liderProdazh {
text-align: left;
height: 260px;
margin: 15px 0;
}
#liderProdazh h1 {
padding: 0 15px 15px 0;
margin: 0;
text-align: right;
color: #990033;
}
#liderProdazh span {
display: block;
background-image: url(back_liderprodazh.gif);
background-position: bottom right;
background-repeat: no-repeat;
width: 155px;
text-align: right;
padding-bottom: 10px;
float: left;
}
#liderProdazh h2 {
padding: 0;
margin: 0;
text-align: left;
color: #666;
font-size: 80%;
}

#liderProdazh h3 {
padding: 0 0 20px 0;
margin: 0;
text-align: left;
color: #666;
font-size: 80%;
}
#footer {
padding: 20px 0;
background-image: url(back_footer.gif);
background-position: top right;
background-repeat: no-repeat;
}
#footer h1, #footer h2 {
padding: 0 15px 0 0;
margin: 0;
text-align: right;
color: #999;
}
#footer h1 {
padding-bottom: 5px;
}
#footer h1 {
font-size: 70%;
}
#footer h2 {
font-size: 60%;
}
#footer h2 a {
color: #999;
text-decoration: none;
}
#footer h2 a:hover {
color: #990033;
text-decoration: none;
}
#footer_sob {
width: 100%;
}
}
/* Правила, определяющие версию представления данных для карманных
   компьютеров. Никак не взаимосвязаны с правилами, определенными
   для экранной версии представления. Перечисленные ниже конструкции
   очень простые, комментировать здесь почти нечего. Все блоки
   позиционированы согласно простейшей схеме static и следуют
   друг за другом в нормальном потоке. Размер шрифта для всего
   текста страницы задан в пикселях: 16 пикселей для заголовков
   первого уровня, 14 - для заголовков второго уровня и 12 - для
   всех остальных элементов */
@media handheld {

}

/* Правила для печатной версии представления данных.
   Этот фрагмент листа стилей еще проще. При помощи свойства
   display со значением none мы скрываем все элементы, не
   требующиеся в печатной версии - "шапку", блок навигации
   и "подвал". Остается только область основного текста.
   Используем рубленый шрифт кегля 16 пунктов для заголовков,
   антикву кегля 12 пунктов для всего остального. Всему
   тексту, включая гиперссылки, назначаем черный цвет. */
@media print {
 
}