﻿html{
    background: #ebe7e6; /*background general*/
    }
body {
   margin: 0px auto auto -504px;
   padding: 0;
   position: absolute;
   width: 1008px;
   min-height: 870px;
   left: 50%;
   background-color: #073404;
   background-image: url('../images/Klav_1200.png');
   background-repeat: no-repeat;
   background-position: center left;
   }
#top {
	position: relative;
	margin-top: 5px;
	width: 1007px;
	height: 215px;
}
#logo {
  background-image: url('../images/Logo_1200.png');
  width: 440px;
  height: 215px;
  margin: 0px auto auto 184px;
  position: absolute;
}
#foto {
    background-image: url('../images/Foto_1200.png');
    width: 400px;
    height: 325px;
    margin: 0px auto auto 594px;
    position: absolute;
    top: 0px;
}
#navigation_top {  /*верхняя полоска навигации*/
  width: 700px;
  height: 50px;
  margin: 0px auto auto 174px;
  position: relative;
}
h1 {    /*текст для навигации*/
  font-family: Tahoma;
  font-size: 15px;
  color: #fff;
}
a:link {   /*белые ссылки*/
  color: #fff;
}
a:hover  {
  color: #c0c2c0;
}
a:visited {
  color: #859484;
}

.navigation {  /*белые ссылки навигации*/
  text-decoration: none;
  color: #fff;
}

#gallery {  /*контейнер для галереи*/
     margin: 0px auto auto 5px;
     position: relative;
     width: 998px;
     height: 130px;
     padding: 0px;
   }
#book {   /*общий контейнер для маленьких картинок книг*/
     margin: 0px auto auto 90px;
     position: absolute;
     width: 808px;
     height: 127px;
     overflow: hidden; /*прячется прокрутка*/
     display: inline; /*размещение в горизонтальный ряд*/
     white-space:nowrap; /*чтобы не переносились на другую строку*/
     float: left;
}
img.pic {
    border: 3px solid #073404;
    margin-top: 0px;
    width: 80px;
    height: 110px;
   }
img.hit {
    width: 30px;
    height: 50px;
	margin-top: 7px;
    float: left;
   }
#button_left { /*контейнер для левой кнопки*/
    width: 61px;
    height: 120px;
    position: absolute;
    margin: -4px auto auto 20px ;
    float: left;
}
#button_right { /*контейнер для правой кнопки*/
    width: 61px;
    height: 120px;
    position: absolute;
    margin: -4px auto auto 908px;
}

img.button {
    width: 60px;
    height: 119px;
    opacity: 0.6; /*для оперы*/
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); /*для IE*/
    -moz-opacity: 0.5; /* Mozilla 1.6 и ниже */
    -khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */
}
#content {   /*контейнер для всего контента*/
    width: 915px;
    position: relative;
    margin: 20px auto auto 47px;
    float: left;
}
#content_left {    /*контейнер для левой колонки контента*/
  width: 201px;
  margin: 0px auto auto 0px;
  position: relative;
  float: left;
}
#content_left_1{  /*контейнер для верхнего блока левой колонки контента*/
    background-color: #476045;
    width: 198px;
    margin: 0 auto auto 0;
    position: relative;
    float: left;
    border: 1px solid #476045;
    border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
}
.content_left_2{  /*контейнер для остальных блоков левой колонки контента*/
    background-color: #476045;
    width: 198px;
    margin: 5px auto auto 0;
    position: relative;
    float: left;
    border: 1px solid #476045;
    border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
}

#content_center {    /*контейнер для центральной колонки контента*/
  width: 498px;
  background-color: #476045;
  margin: 0 auto auto 3px;
  position: relative;
  float: left;
  border: 1px solid #476045;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
}
#content_right {   /*контейнер для правой колонки контента*/
  width: 206px;
  margin: 0 auto auto 3px;
  position: relative;
  float: left;
}
#content_right_1 {
  width: 203px;
  background-color: #476045;
  margin: 0 auto auto 0;
  position: relative;
  float: left;
  border: 1px solid #476045;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
}
#content_hit_1 {  /*контейнер для первой книги хитов*/
   width: 190px;
   margin: 10px auto auto 5px;
   position: relative;
}
.content_hit_2 {  /*контейнер для второй книги хитов*/
   width: 190px;
   margin: 5px auto auto 5px;
   position: relative;
}

#content_right_2 {
  width: 203px;
  background-color: #476045;
  margin: 5px auto 0px 0px;
  position: relative;
  float: left;
  border: 1px solid #476045;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
}
#content_HotLog {
  width: 203px;
  margin: 5px auto 0px 0px;
  padding-left: 55px;
  padding-top: 25px;
  position: relative;
  float: left;
}
#content_page {   /*контейнер для контента на страницах*/
    width: 910px;
    position: relative;
    margin: 0px auto auto 49px;
    background-color: #476045;
    border: 1px solid #476045;
    border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
}
p {
  color: #fff;
  font-family: Arial;
  font-size: 14px;
  text-align: justify;
  margin: 5px 0 0 0;
  padding: 2px 5px 5px 5px;
}
.more_1 {   /*для ссылок в левом столбце на главной "подробнее"*/
    text-align: right;
    margin:  2px 3px 1px auto;
}

h3 {     /*для скрытого текста*/
    color: #476045;
    font-family: Arial;
    font-size: 1px;
}
h2 {      /*для заголовка на первой странице*/
    color: #fff;
    font-family: Arial;
    font-size: 15px;
    font-weight: bolder;
    margin: 5px auto auto 10px;
    text-indent: 15px;
}
h4 {      /*для заголовка на других страницах*/
    color: #fff;
    font-family: Arial;
    font-size: 15px;
    font-weight: bolder;
    margin: 10px auto auto 30px;
}
h5 {      /*для заголовка хиты продаж*/
    color: #fff;
    font-family: Arial;
    font-size: 15px;
    font-weight: bolder;
    margin: 4px auto auto 20px;
}
.page_hit {       /*текст для хитов продаж*/
    text-align: justify;
    margin: 0 5px 0 30px;
    font-size: 12px;
}
.page_1 {   /*первый абзац на первой странице*/
  margin: 11px 5px auto 5px;
  font-size: 14px;
  text-indent: 15px;
}
.page {         /*абзац текста просто на первой странице*/
  margin: 0 5px 0 5px;
  font-size: 14px;
  text-indent: 15px;
}
.page_2 {         /*абзац текста просто на других страницах*/
  margin: 0 25px 0 5px;
  font-size: 14px;
  text-indent: 15px;
  text-align: justify;
  padding-bottom: 10px;
}
ul {
    margin: 0 15px 0 5px;
    font-size: 14px;
    color: #fff;
    font-family: Arial;
}
#navigation_bottom_1 {  /*нижняя полоска навигации на первой странице*/
    width: 700px;
    height: 60px;
    position: relative;
    margin: 20px auto auto 174px;
}

#navigation_bottom {  /*нижняя полоска навигации на услугах*/
    width: 700px;
    height: 60px;
    left: 150px;
    position: relative;
    bottom: 10px;
    top: 10px;
}
#navigation_bottom_k {  /*нижняя полоска навигации в контактах*/
    width: 700px;
    height: 60px;
    left: 0px;
    position: relative;
    bottom: 10px;
    top: 10px;
}
.clear {   /*отмена обтекания с любой стороны*/
clear: both; 
}