html, body {
 background: url(images/fon.jpg); 
 background-attachment: fixed;
 width: 960px;
 height: 100%; 
 margin: 0 auto;
}

a{
 text-decoration: none;	
}

h1 {
 margin-top: 0px;
 font-family: arial;
 font-size: 20px;
 color: #134A64;
}

h2 {
 font-family: arial;
 font-size: 24px;
 color: #FF0000;
}

h3 {
 font-family: arial;
 font-size: 24px;
}

/* НАЧАЛО МЕНЮ */

#menu, ul {
  border-top: 1px solid #FFF;    
  background: #175E7B;  
  width: 771px;  
  list-style: none; /*убираем маркеры списка*/  
  float: left; 
  padding-left: 190px;
  height: 50px;
  margin-top: -1px;
  z-index: 10;   
}

#menu, li > a {        
  text-decoration: none; /*убираем подчеркивание текста ссылок*/  
  color: #fff; /*меняем цвет ссылок*/
  padding: 0 12px; /*добавляем отступ*/
  font-family: Tahoma; /*меняем шрифт*/    
  display: block;
  line-height: 50px; 
  border-right: 1px solid #677B27; /*добавляем бордюр справа*/
  -moz-transition: all 0.3s 0.01s ease; /*делаем плавный переход*/
  -o-transition: all 0.3s 0.01s ease;
  -webkit-transition: all 0.3s 0.01s ease;

}

#menu a:hover {
  background: #1E769B; /*добавляем эффект при наведении*/
}

#menu,        ul, a:active {
    font-style: italic; 
   }

#menu,       li {
  float: left; /*Размещаем список горизонтально для реализации меню*/ 
  position: relative; /*задаем позицию для позиционирования*/      
}
     
    /*Стили для скрытого выпадающего меню*/
#menu,        li > ul {
        position: absolute;        
        display: none; 
        margin-top: 0px;         
    }
     
    /*Делаем скрытую часть видимой*/
#menu,        li:hover > ul {         
        display: block;
        padding: 0;
        width: 280px;  /*Задаем ширину выпадающего меню*/       
        background: #D43737;         
                    
    }

#menu,       li:hover > ul > li {
        float: none; /*Убираем горизонтальное позиционирование*/
        background: #40ACDB;              
    }


/*Стили для скрытого выпадающего суб-меню*/
       li ul, li ul {
        position: absolute;        
        display: none;         
        margin-top: 0px;                          
    }
     
    /*Делаем скрытую часть видимой*/
       li ul  li:hover ul { 
     position: relative;                 
        display: block;
        padding: 0;
        width: 230px;  /*Задаем ширину выпадающего меню*/       
        background: #D43737;
        margin-top: -50px;
        margin-bottom: -50px;
        margin-left: 230px;                  
    }
      li ul, li:hover ul li {        
        
        background: #40ACDB;
            
    }

/* КОНЕЦ МЕНЮ */


.act {
   font-style: normal;
   font-weight: bold;
}


#header{
 background: url(images/fon_werh.png);
 width: 960 px;
 height: 300px; 
 color:#FFFFFF;
 font-size: 24px;
 margin-top: 50px; 
 z-index: 3;
}

#content{
 position: relative;
 background: url(images/fon_content.jpg); 
 width: 960 px;   
 top: -20px;
 margin-bottom:-48px;
 padding: 0 0 20px 0;
 left: 0; 	
}

#footer {
 background: #2183AD;
 border-bottom: 1px solid #FFF; 
 width: 960px;;
 height: 100px;
 Font-Family:  Tahoma;
 letter-spacing: 1px; /* Расстояние между буквами */
 color: #FFFFFF;
 font-size: 12px;
 padding-top: 30px;
 
}

.logo {
 margin-top: 55px;
 margin-left: 35px;
}

.tel {
 margin-top: 0px;
 margin-left: 32px;
 font-family: arial;
 font-size: 20px;
 color: #FF0000;
 z-index: 4;
}

.site {
 margin-top: -106px;
 margin-left: 272px;
 font-family: arial;
 font-size: 28px;
 color: #FFFFFF; 
 z-index: 5;
}

.slides {
 margin-top: -94px;
 margin-left: 322px; 
 z-index: 1;
}

.box_str {
    position: relative;
    margin: 20px;
    width: 844px;           
    border: 1px solid #000000;    
    top: 20px; 
    padding: 20px  32px 160px 40px; /* Поля */
    background: #FFFFFF; /* Цвет фона */ 
    font-family: Tahoma;
    font-size: 16px;    
   }


.myleft {
 position: relative;    
 font-size: 20px; 
 color: #52C541; 
 display: block;
 width: 300px;  
}

.myright1 { 
 margin-top: -194px; 
 margin-left: 244px; 
 display: block; 
 width: 600px; 
 height: 200px;
 text-align: justify; 
}

.myright2 { 
 margin-top: -156px; 
 margin-left: 244px; 
 display: block; 
 width: 600px; 
 height: 200px;
 text-align: justify; 
}

.myright3 { 
 margin-top: -206px; 
 margin-left: 244px; 
 display: block; 
 width: 600px; 
 height: 200px;
 text-align: justify; 
}

.myright4 { 
 margin-top: -176px; 
 margin-left: 244px; 
 display: block; 
 width: 600px; 
 height: 0px;
 text-align: justify; 
}

.myright5 { 
 margin-top: -174px; 
 margin-left: 244px; 
 margin-bottom: -160px;
 display: block; 
 width: 600px; 
 height: 200px;
 text-align: justify; 
}

.ssylka {
 background: #FFF;
 color: #007CF9;
}

.podval_left {
 position: absolute;   
 width: 191px;
}

.podval_center {
 position: absolute;   
 padding-left: 191px;
 width: 600px;
 color: #FFFFFF;
}

.ssy {
 text-decoration: none;
 color: #FFFFFF;
}

.podzagol {
 font-size: 20px;
 color: #52C541;
}

.fonmy {
   font-weight: bold;
   background: #9BD3EC;   
  }

.zena {
   background: #D9FFAD;
   font-family: sans-serif; 
   font-size: 28px;
   font-weight: bold;
   color: #FF0000;
  }

.zena2 {
   font-family: sans-serif; 
   font-size: 18px;
   font-weight: bold;
   color: #FF6215;
  }

.brd {        
        padding: 5px; /* Поля вокруг текста */
        border: 1px solid #1E769B; /* Рамка вокруг ячеек */
   }