@charset "utf-8";

.lesson {border:0 px solid #cccccc; width:95%;}
.info {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #000000;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
}
/* отобразить контент, связанный с вабранной радиокнопкой (input type="radio") */
  #tab-btn-1:checked~#content-1,
  #tab-btn-2:checked~#content-2,
  #tab-btn-3:checked~#content-3, 
  #tab-btn-4:checked~#content-4,
  #tab-btn-5:checked~#content-5
{
    display: block;
  }
.zaglav {
	font-family: "Times New Roman", Times, serif;
	font-size: 60px;
	color: #1453E7;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
}
   .scale {
    transition: 1s; /* Время эффекта */
   }
   .scale:hover {
    transform: scale(5.5); /* Увеличиваем масштаб */
   }
   
.nasvanie {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #0000FF;
	line-height: normal;
	font-variant: normal;
	background-color: #FFF;
	font-style: italic;
}

.news_date {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	line-height: normal;
	font-variant: normal;
	background-color: #CCC;
}
.gosuslugi{
	height: 200
}

.fon_tabl {
	background-color: #FFF;
	text-align: justify;
}
.text_tabl {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	position: absolute;
	color: #00C;
	width: 298px;
	top: 967px;
	height: 69px;
	left: 376px;
}
.zag_tabl {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #F00;
	text-align: center;
}
.ramka {
	margin: 2px;
	padding: 2px;
	height: auto;
}
.fon_left {
	background-color: #FFFFFF;
}

.bash {
	font-family: Bash;
	font-size: 16px;
	src: url('http://birsklib.com/font/bash.ttf');
}

.text_1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	position: absolute;
	text-align: justify;
}

/* Простой «резиновый» носитель
   Примечание. Для «резинового» носителя требуется удалить атрибуты высоты и ширины из HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE6 не поддерживает атрибут max-width, поэтому по умолчанию используется ширина 100 % */
.ie6 img {
	width:100%;
}

/*
	Свойства Dreamweaver Fluid Grid
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Вдохновлено книгой «Отзывчивый веб-дизайн» (Responsive Web Design) Итана Маркота (Ethan Marcote) 
	http://www.alistapart.com/articles/responsive-web-design
	
	и системой Golden Grid Джони Корпи (Joni Korpi)
	http://goldengridsystem.com/
*/

/* Мобильный макет: 480 пикс. и меньше. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 87.36%;
	padding-left: 1.82%;
	padding-right: 1.82%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

/* Макет для планшета: 481–768 пикс. Наследует стили от мобильного макета. */

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
}

/* Макет для настольного компьютера: 769–1232 пикс. (максимум). Наследует стили от мобильного макета и макета для планшета. */

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 88.2%;
	max-width: 1232px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
}
.nov {
	font-family: "Arial Black", Gadget, sans-serif;
	color: #339;
	font-weight: bold;
	background-color: #efdbcd;
	font-size: 16px;
	text-transform: none;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
}
.text_nov {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #000;
}
.bash_text1 {
	font-family: "Century Bash";
	color: #090;
	font-size: 18px;
}
.zag_novinki {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: #360;
	font-weight: bold;
	top: auto;
}
.fon_menu {
	color: #FFF;
	background-color: #FFF;
}
.catalog_fio {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #00F;
}
.text_norm {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #000;
	font-variant: normal;
}
.bibl {
	font-size: 14px;
	font-style: normal;
	background-color: #00F;
	text-align: center;
	height: auto;
	width: 100px;
}
.shapka {
	background-image: url(image/shapka_1.jpg);
}
.text1 {
	font-size: 20px;
}
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300&subset=latin,cyrillic);
*, ::after, ::before {
    box-sizing: border-box;
}
html, body {
  height: 100%;
  margin:0;
  padding:0;
}
body {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}
/* demo контейнер */
.demo {
    max-width: 1024px;
    padding: 0 20px;
    margin: 5% 10%;
}
/* скрываем чекбоксы и блоки с содержанием */
.hide,
.hide + label ~ div {
    display: none;
}
/* вид текста label */
.hide + label {
    margin: 0;
    padding: 0;
    color: green;
    cursor: pointer;
    display: inline-block;
}
/* вид текста label при активном переключателе */
.hide:checked + label {
    color: red;
    border-bottom: 0;
}
/* когда чекбокс активен показываем блоки с содержанием  */
.hide:checked + label + div {
    display: block; 
    background: #efefef;
    -moz-box-shadow: inset 3px 3px 10px #7d8e8f;
    -webkit-box-shadow: inset 3px 3px 10px #7d8e8f;
    box-shadow: inset 3px 3px 10px #7d8e8f;
    margin-left: 20px;
    padding: 10px;
    /* чуточку анимации при появлении */
     -webkit-animation:fade ease-in 0.5s; 
     -moz-animation:fade ease-in 0.5s;
     animation:fade ease-in 0.5s; 
}
/* анимация при появлении скрытых блоков */
@-moz-keyframes fade {
    from { opacity: 0; }
to { opacity: 1 }
}
@-webkit-keyframes fade {
    from { opacity: 0; }
to { opacity: 1 }
}
@keyframes fade {
    from { opacity: 0; }
to { opacity: 1 }   
}
.hide + label:before {
    background-color: #1e90ff;
    color: #fff;
    content: "\002B";
    display: block;
    float: left;
    font-size: 14px; 
    font-weight: bold;
    height: 16px;
    line-height: 16px;
    margin: 3px 5px;
    text-align: center;
    width: 16px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.hide:checked + label:before {
    content: "\2212";
}.periodika {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
}
.text_2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	position: absolute;
	text-align: justify;
	width: 732px;
}
.text2 {
	font-size: 20px;
}
.zagl_1 {
	font-family: "Times New Roman", Times, serif;
		font-size: 18px;
		text-align: justify;
	
}