#body {     /*Боди*/
           margin:0px;
           padding:0px;
           height:100%;       
           width:99%;
           max-width:1200px;
           font-size: 15px;
           font-family: verdana, geneva, sans-serif;  /*Определяем вид и семейство текста*/
           font-style: normal;    /*Нормальный текст без наклонов и тд*/
           margin: 0 auto;   /* Выравнивание контейнера по центру*/
           /*background-image:url(image/0000.jpg);    /*Фоновое изображение*/
           background-color: #1981bd;  /* Цвет фона*/
           }
	
    h1{
	font-size: 15px;       /*Размер текста*/
        font-family: Verdana, Geneva, Sans-serif;  /*Определяем вид и семейство текста*/
	font-style: oblique;    /*Наклон текста*/
	font-weight: bold;   /*Задаем жирный текст*/
        }
    
    h2{
	font-size: 15px;       /*Размер текста*/
        font-family: Verdana, Geneva, Sans-serif;  /*Определяем вид и семейство текста*/
	font-style: oblique;    /*Наклон текста*/
	font-weight: bold;   /*Задаем жирный текст*/
        }
	
    h3{
	font-size: 15px;       /*Размер текста*/
        font-family: Verdana, Geneva, Sans-serif;  /*Определяем вид и семейство текста*/
	font-style: oblique;    /*Наклон текста*/
	font-weight: bold;   /*Задаем жирный текст*/
        }
	 
       p{font: 16px/24px Verdana, Geneva, sans-serif;
         } 
    
  #p1{font: 10px/12px Verdana, Geneva, sans-serif;
        } 
	
 #p2{font-size :15px;
	font-family: Verdana, Geneva, Sans-serif;  /*Определяем вид и семейство текста*/
        font-style: normal;    /*Нормальный текст без наклонов и тд*/
        }

 img {
        max-width: 100%;
        height: auto;
        width: auto\9; /* ie8 */
        }

#imgobtekanie, #imgobtekanie2, #imgobtekanie3, #imgobtekanie4, #imgobtekanie5 {
               float:left;
               margin: 4px 10px 6px 0px;
               }

#stranici, #stranici2 {
	   /*width: 100%;
           background-color: #FFFFFF;
	   margin-top: 10px;     /*Отступ блока от верхнего блока*/
           margin-bottom: 10px;     /*Отступ блока от нижнего блока*/
           border-style: solid;
           border-width:1px;
           border-color:#1981bd;
           border-radius:10px;          /*Закругление блока див*/
           -webkit-border-radius:10px;  /*Закругление блока див для поддержки в браузерах на основе webkit (Google Chrome и Safari).*/
           -moz-border-radius:10px;     /*Закругление блока див для поддержки в браузере Firefox. Без него будет просто квадрат*/
           -khtml-border-radius:10px;   /*Закругление блока див для поддержки в браузере Konquerer. Это из мира Linux.*/
           padding: 1px 3px 1px 3px;    /*Отступ внутри блока от краев сверху справа снизу слева*/
           overflow: hidden;       /*Чтоб блок див растягивался по высоте картинки*/
           }
/*----------------------------------Самое начало----------------------------------------*/
	

 #container1 {     /*Контейнер див главный*/
	            width: 100%;
                    max-width:1200px;
                    margin: 0 auto;   /* Выравнивание контейнера по центру*/
                    margin-top: 40px;     /*Отступ блока от верхнего блока*/
        
                    }
 /*----------------------------------Шапка----------------------------------------*/
	

 #header {     /*Шапка*/
               /*background-image:url(image/001.jpg);    /*Фоновое изображение*/
               /*background:#FFFFFF;     /*Фоновый цвет блока*/
               margin-top: 10px;     /*Отступ блока от верхнего блока*/
               width:100%;    /*Ширина шапки*/
               height: 193px;        /*Высота шапки*/
               margin: 0 auto;   /* Выравнивание контейнера по центру*/
               border-radius:10px;   /*Закругление блока див*/
               -webkit-border-radius:10px;   /*Закругление блока див для поддержки в браузерах на основе webkit (Google Chrome и Safari).*/
               -moz-border-radius:10px;    /*Закругление блока див для поддержки в браузере Firefox. Без него будет просто квадрат*/
               -khtml-border-radius:10px;   /*Закругление блока див для поддержки в браузере Konquerer. Это из мира Linux.*/
               margin: 0 auto;   /* Выравнивание контейнера по центру*/
               font-size: 24px;
               }

  ul {
      list-style-type: none;  /*маркированный список без маркеров*/
      }

 /*----------------------------------Меню----------------------------------------*/
	

  #menu {     /*Меню*/
              background:#65a8c7;                    /*Фоновый цвет блока*/
              width:100%;       /*Ширина меню*/
              height: 0px;        /*Высота меню*/
              margin: 0 auto;   /* Выравнивание контейнера по центру*/
              border-radius:10px;   /*Закругление блока див*/
              -webkit-border-radius:10px;   /*Закругление блока див для поддержки в браузерах на основе webkit (Google Chrome и Safari).*/
              -moz-border-radius:10px;    /*Закругление блока див для поддержки в браузере Firefox. Без него будет просто квадрат*/
              -khtml-border-radius:10px;   /*Закругление блока див для поддержки в браузере Konquerer. Это из мира Linux.*/
              }



 
 /*----------------------------------Див с общим содержанием сайта----------------------------------------*/


 #container2 {     /*Див с общим содержанием сайта*/
                    width: 100%;     /*Ширина*/
                    margin: 0 auto;   /* Выравнивание контейнера по центру*/
                    margin-left:0px;
	            }

    #content1 {    /*Див с содержанием страницы и правого блока*/
   
   
                    }
 
 /*----------------------------------Центральный блок----------------------------------------*/

#center {      /*Содержание сайта центральный блок*/
	
             margin-top: 5px;     /*Отступ блока от верхнего блока*/
             background:#FFFFFF;     /*Фоновый цвет блока*/
             width: 65%;     /*ширина*/
	     float: left;     /*Обтекание элементов*/
	     min-width:300px;
	     border-radius:10px;   /*Закругление блока див*/
             -webkit-border-radius:10px;   /*Закругление блока див для поддержки в браузерах на основе webkit (Google Chrome и Safari).*/
             -moz-border-radius:10px;    /*Закругление блока див для поддержки в браузере Firefox. Без него будет просто квадрат*/
             -khtml-border-radius:10px;   /*Закругление блока див для поддержки в браузере Konquerer. Это из мира Linux.*/
             padding: 0% 1% 0% 1%;  /*Отступ текста от краев сверху справа снизу слева*/
       
       
             }
	


/*-------------Блоки с телефонами главной страницы----------*/

#phone_glavniy {     /*Див главный*/	
                         /*background-image:url(image/0000.jpg);    /*Фоновое изображение*/
                         background-color: #1981bd;  /*Цвет фона*/
                         margin: 0 auto;   /* Выравнивание контейнера по центру*/
    
                         width: 98%;     /*Ширина блока*/
    
                         height: 200px;     /*Высота блока*/
                         margin: 0 auto;   /* Выравнивание контейнера по центру*/
                         border-radius:10px;   /*Закругление блока див*/
                         -webkit-border-radius:10px;   /*Закругление блока див для поддержки в браузерах на основе webkit (Google Chrome и Safari).*/
                         -moz-border-radius:10px;    /*Закругление блока див для поддержки в браузере Firefox. Без него будет просто квадрат*/
                         -khtml-border-radius:10px;   /*Закругление блока див для поддержки в браузере Konquerer. Это из мира Linux.*/
	                 padding: 3px 3px 3px 1px;     /*Отступ внутри блока от краев сверху справа снизу слева*/ 
	                 }
    
#phone_novinki {     /*Див Новинки*/
	                 /*background-image:url(image/0000.jpg);    /*Фоновое изображение*/
                         background-color: #1981bd;  /*Цвет фона*/
                         margin: 0 auto;   /* Выравнивание контейнера по центру*/
                         width: 100%;     /*Ширина блока*/
         
	                 font-weight: bold;   /*Задаем жирный текст*/
	                 font-size: 13px;
	                 }

#phone_cent_prav {    /*Див с центральным и правым блоком*/
                             width: 67%;  /*Ширина блока*/
	                    /*float: right;   /*Обтекание элементов*/
	                    /*background-image:url(image/0000.jpg);    /*Фоновое изображение*/
                           background-color: #1981bd;  /*Цвет фона*/ 
                           }
    
#phone_centr {     /*Центральный блок*/
	              font-size: 13px;       /*Размер текста*/
	              background:#FFFFFF;  /*Фоновый цвет фона*/
                      width: 32%;   /*Ширина блока*/
	              height: 96%;     /*Высота блока*/
	              float: right;   /*Обтекание элементов*/
	              margin-left:6px;   /*Отступ от левого блока*/
	              margin-right:6px;   /*Отступ от правого блока*/
	              border-radius:10px;   /*Закругление блока див*/
                      -webkit-border-radius:10px;   /*Закругление блока див для поддержки в браузерах на основе webkit (Google Chrome и Safari).*/
                      -moz-border-radius:10px;    /*Закругление блока див для поддержки в браузере Firefox. Без него будет просто квадрат*/
                      -khtml-border-radius:10px;   /*Закругление блока див для поддержки в браузере Konquerer. Это из мира Linux.*/
	              padding: 4px 1px 4px 1px;     /*Отступ внутри блока от краев сверху справа снизу слева*/
	              }
	
#phone_centr img {
                            height: 150px;
                            }


#phone_prav {     /*Правый блок*/
                     font-size: 13px;       /*Размер текста*/
	             background:#FFFFFF;  /*Фоновый цвет фона*/
	             width: 32%;     /*Ширина блока*/
	             height: 96%;     /*Высота блока*/
	             float: right;     /*Обтекание элементов*/
                     border-radius:10px;   /*Закругление блока див*/
                     -webkit-border-radius:10px;   /*Закругление блока див для поддержки в браузерах на основе webkit (Google Chrome и Safari).*/
                     -moz-border-radius:10px;    /*Закругление блока див для поддержки в браузере Firefox. Без него будет просто квадрат*/
                     -khtml-border-radius:10px;   /*Закругление блока див для поддержки в браузере Konquerer. Это из мира Linux.*/
	             padding: 4px 4px 4px 2px;     /*Отступ внутри блока от краев сверху справа снизу слева*/
	             }

#phone_prav img {
                           height: 150px;
                           }

	
#phone_lev {     /*Левый блок*/
	           font-size: 13px;       /*Размер текста*/
	           background:#FFFFFF;  /*Фоновый цвет фона*/
	           width: 31%;   /*Ширина блока*/
	           height: 96%;     /*Высота блока*/
	           float: right;   /*Обтекание элементов*/
	           border-radius:10px;   /*Закругление блока див*/
                   -webkit-border-radius:10px;   /*Закругление блока див для поддержки в браузерах на основе webkit (Google Chrome и Safari).*/
                   -moz-border-radius:10px;    /*Закругление блока див для поддержки в браузере Firefox. Без него будет просто квадрат*/
                   -khtml-border-radius:10px;   /*Закругление блока див для поддержки в браузере Konquerer. Это из мира Linux.*/
	           padding: 4px 4px 4px 3px;     /*Отступ внутри блока от краев сверху справа снизу слева*/
                   }

#phone_lev img {
                         height: 150px;
                         }	
	
#phone_tekst_1 {
	                  /*background-image:url(image/0000.jpg);    /*Фоновое изображение*/
                         background-color: #1981bd;  /*Цвет фона*/
	                 }


#stranici_phone{
	                width: 98%;   /*Ширина блока*/
	                /*height: 30px;     /*Высота блока*/
                        /*background-image:url(image/0000.jpg);    /*Фоновое изображение*/	
                        background-color: #1981bd;  /*Цвет фона*/
	                margin: 0 auto;   /* Выравнивание контейнера по центру*/
                        border-radius:10px;   /*Закругление блока див*/
                        -webkit-border-radius:10px;   /*Закругление блока див для поддержки в браузерах на основе webkit (Google Chrome и Safari).*/
                        -moz-border-radius:10px;    /*Закругление блока див для поддержки в браузере Firefox. Без него будет просто квадрат*/
                        -khtml-border-radius:10px;   /*Закругление блока див для поддержки в браузере Konquerer. Это из мира Linux.*/
                        padding: 1px 3px 1px 3px;     /*Отступ внутри блока от краев сверху справа снизу слева*/
                        }

#novie_stranici{
	               width: 98%;   /*Ширина блока*/
                       /*background-image:url(image/0000.jpg);    /*Фоновое изображение*/	
                       background-color: #1981bd;  /*Цвет фона*/
	               margin: 0 auto;   /* Выравнивание контейнера по центру*/
                       border-radius:10px;   /*Закругление блока див*/
                       -webkit-border-radius:10px;   /*Закругление блока див для поддержки в браузерах на основе webkit (Google Chrome и Safari).*/
                       -moz-border-radius:10px;    /*Закругление блока див для поддержки в браузере Firefox. Без него будет просто квадрат*/
                       -khtml-border-radius:10px;   /*Закругление блока див для поддержки в браузере Konquerer. Это из мира Linux.*/
                       padding: 1px 3px 1px 3px;     /*Отступ внутри блока от краев сверху справа снизу слева*/
                       }

#novie_stranici_2{
	                  width: 97%;   /*Ширина блока*/
                          /*height: 94%;     /*Высота блока*/
                          /*background-image:url(image/0000.jpg);    /*Фоновое изображение*/	
                          background:#FFFFFF;                    /*Фоновый цвет блока*/
	                  margin: 0 auto;   /* Выравнивание контейнера по центру*/
                          border-radius:10px;   /*Закругление блока див*/
                          -webkit-border-radius:10px;   /*Закругление блока див для поддержки в браузерах на основе webkit (Google Chrome и Safari).*/
                          -moz-border-radius:10px;    /*Закругление блока див для поддержки в браузере Firefox. Без него будет просто квадрат*/
                          -khtml-border-radius:10px;   /*Закругление блока див для поддержки в браузере Konquerer. Это из мира Linux.*/
                          padding: 1px 3px 1px 3px;     /*Отступ внутри блока от краев сверху справа снизу слева*/
                          overflow: hidden;       /*Чтоб блок див растягивался по высоте картинки*/
                          }

#novie_stranici_2 img {
                                  /*height: 150px;        /*Высота картинки в блоке див*/
                                  /*max-height: 300px;         /*Максимальная высота картинки в блоке див*/
                                  /*max-width: 300px;         /*Максимальная ширина картинки в блоке див*/
                                  }
	
 /*----------------------------------Левый блок----------------------------------------*/
	
	
#left {                   /*Левый блок*/

         float: left;                /*Обтекание элементов*/
         margin-left:3%;
         margin-top: 5px;     /*Отступ блока от верхнего блока*/	
      
         width: 30%;            /*Ширина блока*/
         min-width:300px;        /*минимальная ширина блока*/      
         min-height: 100%;
         background:#FFFFFF;     /*Фоновый цвет блока*/
      
         rder-radius:10px;   /*Закругление блока див*/
         -webkit-border-radius:10px;   /*Закругление блока див для поддержки в браузерах на основе webkit (Google Chrome и Safari).*/
         -moz-border-radius:10px;    /*Закругление блока див для поддержки в браузере Firefox. Без него будет просто квадрат*/
         -khtml-border-radius:10px;   /*Закругление блока див для поддержки в браузере Konquerer. Это из мира Linux.*/   
         margin-bottom: 5px;     /*Отступ блока от нижнего блока*/
      
         }

 

 #lev_menu_1 {     /*Левый блок*/
	
                       }

 #ul_lev_menu_2 {     /*Левый блок*/
                           margin:0;    /*Отступ списка*/
                           padding:0;    /*Отступ списка*/
           
                           list-style-position:inside;  /*Расположение списка*/ 
                           /*list-style-image: url(image/marker_1.jpg);   /*картинка маркер*/
                           /*line-height:13px;   /*Задаем отступ между строчками текста*/
	                   font-size: 16px;
                           }

 #ul_lev_menu_2 li{     /*Левый блок*/
   
	                     padding: 5px;     /*Отступ списка слева*/
	
	                     }

 /*----------------------------------Подвал----------------------------------------*/
		
	
#footer {     /*Подвал*/
	    clear: both;   /*Отменяем обтекание.*/
	
	    margin-top: 5px;     /*Отступ блока от верхнего блока*/
            width: 100%;    /*Ширина блока*/   
	    margin: 0 auto;   /* Выравнивание контейнера по центру*/
  
            }
	
#footer1{     /*Подвал*/
	      clear: both;   /*Отменяем обтекание.*/
	
	      margin-top: 5px;     /*Отступ блока от верхнего блока*/
              height: 1%;     /*высота блока*/
        
	      width: 100%;    /*Ширина блока*/   
	      margin: 0 auto;   /* Выравнивание контейнера по центру*/
  
              }


#footer2{     /*Подвал*/
	      clear: both;   /*Отменяем обтекание.*/
	
	      margin-top: 5px;     /*Отступ блока от верхнего блока*/
              background:#FFFFFF;     /*Фоновый цвет блока*/
       
              min-height: 300px;/*минимальная высота блока*/
        
	      width: 100%;    /*Ширина блока*/   
	      margin: 0 auto;   /* Выравнивание контейнера по центру*/
              border-radius:10px;   /*Закругление блока див*/
              -webkit-border-radius:10px;   /*Закругление блока див для поддержки в браузерах на основе webkit (Google Chrome и Safari).*/
              -moz-border-radius:10px;    /*Закругление блока див для поддержки в браузере Firefox. Без него будет просто квадрат*/
              -khtml-border-radius:10px;   /*Закругление блока див для поддержки в браузере Konquerer. Это из мира Linux.*/
              margin-bottom: 40px;     /*Отступ блока от нижнего блока*/
  
              }


#footer01{
                float: left;
                width:30%;
                }

#footer02{
               float: left;
               width:30%;
               }

#footer03{
               float: left;
               width:30%;
               }

#footer04{
         float: left;
         width:10%;
         }

           

@media screen and (min-width:100px) and (max-width:1024px) {
 
/* размер блока где находятся главный контент и сайдбар*/
 
body #container1 {
   
                           margin-top:40px;
 
                           width: 90%;
                           margin: 0 auto;
                           }
 
/* размер шапки сайта*/
 
body #header #container2 #menu{
                                                   width:90%;
                                                   margin:0 auto;
 
                                                   }
 
/* размер главного контента*/
 
body #center{
 
                     width:98%;
                     float:none; 
                     }


 
/* размер сайдбара*/
 
body #left {
                 margin-left:3%;
                 width:90%;
                 }
 
body #footer{
                    width:98%;
                    margin:0 auto;
                    }

body #footer1 #footer2{
                                   width:100%;
                                   margin:0 auto;
                                   }

#footer01{
               float:none;
               width:100%;
               }

#footer02{
               float:none;       
               width:100%;
               }

#footer03{
               float:none;       
               width:100%;
               }

#footer04{
               float:none;      
               width:100%;
               }
 

}


@media screen and (min-width:100px) and (max-width:768px) {

body #container1 {
                           margin: 0 auto;

                           width:100%;
 
                            }

body #header{
                     width:98%;
                     margin:0 auto;
                     }

body #container2 #center{

                                       margin: 0 auto;
                                       width:95%;
 
                                        }

#phone_glavniy {
                         background:#FFFFFF;     /*Фоновый цвет блока*/

                         }

body #phone_centr{
                             clear: both;   /*Отменяем обтекание.*/
                             width: 100%;
                             height: 100%;
         
                             } 

body #phone_prav{
                            clear: both;   /*Отменяем обтекание.*/
                            width: 100%;
                            height: 100%;
        
                            }  

body #phone_lev{
                          clear: both;   /*Отменяем обтекание.*/
                          width: 100%;
                          height: 100%;
        
                          }  


 
body #left {
                 width:95%;
 
                 }

body #footer{
                    width:98%;
                    margin:0 auto;
                    }

body #footer1 #footer2{
                                   width:100%;
                                   margin:0 auto;
                                   }
 
#footer01{
               float:none;
               width:100%;
               }

#footer02{
               float:none;
               width:100%;
               }

#footer03{
               float:none;
               width:100%;
               }

#footer04{
               float:none;
               width:100%;
               }
 p{font: 20px/30px Verdana, Geneva, sans-serif;
   color: #222;   /*цвет текста*/
   font-weight:300;
   text-align:center;
   }
#p1{font: 15px/15px Verdana, Geneva, sans-serif;
        }
h1,h2,h3{
        font-size: 22px;       
        text-align:center;
        }
ul{
   margin:0;    /*Отступ списка*/
   padding:0;    /*Отступ списка*/
   list-style-position:inside;  /*Расположение списка*/
   line-height:32px;   /*Задаем отступ между строчками текста*/
   font-size: 20px;
   font-weight:300;
  }
}