body {
    font: 11pt Arial, Helvetica, sans-serif; 
    margin: 0;
		
   }
   h1 {
    font-family: Georgia;
	font-style: italic;
	font-stretch: condensed;
	text-align: center;
	font-size: 26px; 
    margin: 0; 
    color: #000066; 
	}
   h2 {
   font-family: Georgia;
   font-style: italic;
   text-align: center;
   font-size: 20px;
   margin-top: 10px0; 
   color: #000066
   }
   h3 {
    font-family: Georgia;
	font-style: normal;
	text-align: center;
	font-size: 18px;
    margin-top: 0; 
	color: #000066
   }
   #header {
	height: auto; 
	width: 100%
	margin-top: 0;
	padding: 0;
	position: inherit;
    
	}
	    #navbar ul{
        display: none;
        background-color: #0066cc; 
        position: absolute;
        top: 100%;
		width: 100%;
		z-index:100;
				
      }
      #navbar li:hover ul { display: block; }
      #navbar, #navbar ul{
        margin: 0;
        padding: 0;
        list-style-type: none;
		
      }
      #navbar {
        height: 40px;
        background-color: #663399; 
        padding-left: 0px;
        
	  }
      #navbar li {
        float: left;
        position: relative;
        height: 100%;
		min-width:18%;
			
	}
      #navbar li a {
        display: block;
        padding: 5px;
        width: 100%;
        color: #fff;
		text-decoration: none;
        text-align: center;
      }
      #navbar ul li { float: none; }
      #navbar li:hover { background-color: #ff33cc; width:20%} /*rozoviy*/
	  #navbar ul li:hover { background-color: #33cc00; width:100%} /*green*/
	.buttons {
	float: left; /* Обтекание справа */
    width: 27%;
	height: auto;
	padding: 10px;
	position: absolute;
		
	}
  #block {
	  display: none;
	float: left; /* Обтекание справа */
    border: 1px solid #663399;
	border-radius: 10px 0 0 10px;/* Параметры рамки вокруг */
    width: 27%;
	height: auto;
	text-align: justify;
	position: absolute;  /* Ширина колонки */
    padding: 10px; /* Поля вокруг текста */
    margin: 60px 10px 20px 5px; /* Значения отступов */
	background: url("images/fon.jpg") 100% 100% no-repeat;
	z-index:10;
	}
	ul.hr {
    margin: 0px; 
    padding: 20px; 
   }
   ul.hr li {
    display: inline-block; 
	background:  #b0e0e6;
	margin: 10px; /* Отступ слева */
	border: 2px solid #000066;
	padding: 5px; /* Поля вокруг текста */
	}
#menu {
    display: block;
    height: 30px;
    overflow: hidden;
    background: linear-gradient(to top, #b0c17a, #fcfdfa);
    border-radius: 0px 15px 15px 0px;
}
#menu ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
#menu li {
    display: block;
    float: left;
    padding: 7px 15px 7px 15px;
    color: #000000;
    font-size: 16px;
    line-height: 16px;
    font-family: 'Georgia', serif;
    border-right: 2px solid #ffffff;
    border-radius: 0px 15px 15px 0px;
    box-shadow: 1px 0px 2px #555555;
}
	a { 
    text-decoration: none; /* Отменяем подчеркивание у ссылки */
   } 
	hr {
	border: none;
	color:#663399;
	height: 4px;
	background-color:#663399;
	}
	#content { /* Правая колонка */
    margin: 10px 5px 20px 30%; /* Значения отступов */
    padding: 35px; /* Поля вокруг текста */
    border: 1px solid #663399;
	border-radius: 10px;	/* Параметры рамки */
	font-family: 'Yandex Sans', Georgia, sans-serifserif;
    font-style: normal;
    font-size: 18px;
    color: #000066;
	text-align: justify;
	line-height: 1.3;
	text-indent: 2em;
	}
	table 
	{
    width: 100%; /* Ширина таблицы */
    background: white; /* Цвет фона таблицы */
    color: #000066; /* Цвет текста */
    border-spacing: 1px; /* Расстояние между ячейками */
	font-size: 90%;
	font-style: normal;
   }
   td, th {
    background: ffffff; /* Цвет фона ячеек */
    padding: 5px; /* Поля вокруг текста */
   }
   .topbutton {
width:100px;
border:2px solid #ccc;
background:#f7f7f7;
text-align:center;
padding:10px;
position:fixed;
bottom:50px;
right:50px;
cursor:pointer;
color:#333;
font-family:verdana;
font-size:12px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
   img
   { padding: 10px;
	}
	#content img {
    padding: 15px;
	}
	}
	#vk_groups, #vk_groups iframe {
		width: 51% !important;
	}
	#vk_groups{
		display: none;
	float: left;
	padding: 10px;
	height: 442px;
	margin: 440px 10px 20px 5px; 
	position: absolute; 
	}
	
	#reclama{
	float: left;
	border: 1px solid #663399;
	border-radius: 10px;
	width: 28%;
	height: 2000px;
	margin: 50px 10px 20px 5px; 
	position: relative; 
	
	}
	
	.line { 
    border-left: 2px solid #663399; /* Параметры линии */ 
    margin-left: 20px; /* Отступ слева */
    padding-left: 10px; /* Расстояние от линии до текста */ 
   }
   .brd {
    border: 4px double black; /* Параметры границы */
    background: GreenYellow; /* Цвет фона */
    padding: 10px; /* Поля вокруг текста */
   }
   
   .footer { /* Нижний блок */
    background: #333; /* Цвет фона */
    padding: 5px; /* Поля вокруг текста */
    color: #fff; /* Цвет текста */
    clear: left; /* Отменяем действие float */
   }
   .buttons img{
	  padding: 2.5px; 
   }
   
   .footer a{
   color: yellow;
   }
    }
   @media screen and (min-device-width: 1600px) {
    div {width: 1250px;}
   }
  
   @media screen and (max-device-width: 768px) {
    #block {
	display: none;
	}
	#vk_groups{
		display: none;
	}
	
	#content {
	width: 90%;
	margin: 10px;
	padding: 10px;
	background:#FFFA8A;
	color: #073B0A;}
	.buttons{
	display: none	
	}
	#reclama{
	display: none;
	}
	img {
	width:90%;
	padding: 8px;
	}
	#menu {
    display: none;
    }
	
	.line { 
    border-left: 2px solid #663399; /* Параметры линии */ 
    margin-left: 20px; /* Отступ слева */
    padding-left: 10px; /* Расстояние от линии до текста */ 
   }
   .brd {
    border: 4px double black; /* Параметры границы */
    background: GreenYellow; /* Цвет фона */
    padding: 10px; /* Поля вокруг текста */
   }
	.footer {
	width: 90%;
	margin: 10px;}
   
   
   
	
   
       
	   
   