/*loading fonts*/

/* font-family: "ArialNarrowRegular"; */
@font-face {
    font-family: "ArialNarrowRegular";
    src: url("../fonts/ArialNarrowRegular/ArialNarrowRegular.eot");
    src: url("../fonts/ArialNarrowRegular/ArialNarrowRegular.eot?#iefix")format("embedded-opentype"),
    url("../fonts/ArialNarrowRegular/ArialNarrowRegular.woff") format("woff"),
    url("../fonts/ArialNarrowRegular/ArialNarrowRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "ArialNarrowBold"; */
@font-face {
    font-family: "ArialNarrowBold";
    src: url("../fonts/ArialNarrowBold/ArialNarrowBold.eot");
    src: url("../fonts/ArialNarrowBold/ArialNarrowBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/ArialNarrowBold/ArialNarrowBold.woff") format("woff"),
    url("../fonts/ArialNarrowBold/ArialNarrowBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "ArialNarrowItalic"; */
@font-face {
    font-family: "ArialNarrowItalic";
    src: url("../fonts/ArialNarrowItalic/ArialNarrowItalic.eot");
    src: url("../fonts/ArialNarrowItalic/ArialNarrowItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/ArialNarrowItalic/ArialNarrowItalic.woff") format("woff"),
    url("../fonts/ArialNarrowItalic/ArialNarrowItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "ArialNarrowBoldItalic"; */
@font-face {
    font-family: "ArialNarrowBoldItalic";
    src: url("../fonts/ArialNarrowBoldItalic/ArialNarrowBoldItalic.eot");
    src: url("../fonts/ArialNarrowBoldItalic/ArialNarrowBoldItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/ArialNarrowBoldItalic/ArialNarrowBoldItalic.woff") format("woff"),
    url("../fonts/ArialNarrowBoldItalic/ArialNarrowBoldItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

/* font-family: "AnnabelleRegular"; */
@font-face {
    font-family: "AnnabelleRegular";
    src: url("../fonts/AnnabelleRegular/AnnabelleRegular.eot");
    src: url("../fonts/AnnabelleRegular/AnnabelleRegular.eot?#iefix")format("embedded-opentype"),
    url("../fonts/AnnabelleRegular/AnnabelleRegular.woff") format("woff"),
    url("../fonts/AnnabelleRegular/AnnabelleRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}


* {
	transition: all .2s;
}

body {
	background-color:gray;
	color: #fff;
	background: gray;
}

.date {
	text-align:center;
	padding-top:4px;
	width:150px;
	height:25px;
	background: no-repeat url("../images/date.png");
}

/*.clear {
	clear: both; /*Стиль для дополнительного блока, чтобы футер не улетал
}
*/
.wrapper {
	width: 940px;
	margin: 10px auto;
    padding: 10px  13px  10px  4px;
	background-color:#f9f8f8;
	clear: both;
}


.header {
	float:right;
	background-image: url(../images/header.jpg);
	width: 99.3%;
	height: 225px;		
	/*border: 1px solid #000;*/
}

.info_kant{	    
	margin:85px 0px 0px 220px;/*сверху|справа| снизу| слева|*/
	padding:1px 1px 1px 1px;  /*сверху|справа| снизу| слева|*/
	width: 475px;
	height: 47;
	font-size:1.7em;
	font-family:"AnnabelleRegular", "Annabelle";
    /*background: blue;*/     
}

.info_kant_r{	     	  
	/*float: left;*/
	margin:0px 0px 0px 190px;/*сверху|справа| снизу| слева|*/	
	width: 455px;	
	text-align: right;
	font-size:2em;
	font-family:"AnnabelleRegular", "Annabelle";	
	
}
.kant_menu_button {
	text-decoration: none;
    color: black;	
}
.kant_menu_button:hover {
	text-shadow: 10px 10px 15px #563008;
}

.top_menu {
	background: #87c5ff;
	width: 100%;
	margin-top: 5px;
	height: 50px;
	position: relative; /*7:20*/
}


.lan {
	width:29px;
	height: 3px;
	background: #2d2828;
	margin: 3px auto;
}

.sideLeft {
	margin-top:-1px;
	background: none;
	width: 18%;
	/*height: 354px;    - на 6:27 минуте убрали для добавления сайтбара*/	
	padding: 1px 0;
	float: right;
}
 /*Создаем сайт бар*/
 
.left-menu {
	 -webkit-transition-property: background-color;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease;

    -moz-transition: background-color 0.5s ease;
    -o-transition: background-color  0.5s ease;
    transition: background-color 0.5s ease;
	display: block;
	max-width: 150x;
	padding: 7px 15px 7px 10px; 
    background-color: #dadada; /*#dadada;*/
    margin-bottom:3px;	
	text-decoration: none;
	font-family: "ArialNarrowRegular", "Arial";
	color: black;
	font-size: .75em;   
} 

.left-menu:hover, .active {
    background: #f4e393;
    text-decoration: none; 
}


.content {
	color: black;
	background: #f1f1f1;
	width: 81%;	
	height: 500px;
	float: right;
	box-sizing: border-box;
	border: 1px solid #9b999a;
	overflow-y: auto;
	margin-bottom: 20px;
}

.book-scroll {                        /*Новый_класс_scroll;*/
	color: none;
	background: #f1f1f1;
	width: 60%;	
	height: 450px;	
	margin-left:0px;
	box-sizing: border-box;
	border: 1px solid none;
	overflow-x: auto;
	margin: 20px;
    display: flex;	
}
#book-scroll1 {
	width: 45%;
	height: 450px;	
}



.glscroll{   	
    margin: 7px;	
	float: left;
	display: inline-block;
	box-sizing: border-box;
}

.footer {
	/*float:right;*/
	margin-top: 20px;
	margin-left: 19%;
	background-color: #f7eec5;
	width: 81%;		
	box-sizing: border-box;
	padding: 20px 20px 20px 20px;
	font-family: "ArialNarrowRegular", "Arial";
    color: #4c4c4c;
}


.gl{
	width: 50%;
	box-shadow: 10px 10px  8px #c3c3c3;
}

.footer_address li{
    padding-left: 5px;
    margin-top: 12px;	
}

.clear {
	clear.both;
}

.rights {
	margin:10px 15px 0px 15px;/*сверху|справа| снизу| слева|*/
	text-align: right;
	font-family: "ArialNarrowRegular", "Arial";	
	color: black;
}