/*@import url(https://fonts.googleapis.com/css?family=Open+Sans);*/

/* STRUCTURE */
#pagewrap {
	padding: 0 5px 5px 0;
	width: 1178px;
	margin: 0 auto;
}
#header {
	/*height:auto;*/
	padding:0;
}
#left_sidebar {
	width: 240px;
	float: left;
	padding: 0;
}

#middle {
	width: 688px; /* Account for margins + border values */
	float: left;
	/*padding: 5px 15px;*/
	padding: 0;
	margin: 0px 5px 5px 5px;
}

#middle_read {
	width: auto;
	float: none;
	padding: 0;
}

#right_sidebar {
	width: 240px;
	/*padding: 5px 15px;*/
	/*padding:5px 0;*/
	float: left;
}

#right_sidebar_read{
	display:table-cell;
	width: 240px;
	margin: 0 0 0 10px;
	/*float: right;*/
	text-align: center;
}

#selectable-content{
	display:table-cell;
}

#footer {
	clear: both;
	padding: 0 15px;
}

.one_row_item{
	float: left;
	width:20%;
	height:20px;
	/*overflow:hidden;*/
	text-align:center;
}

#search_input{
	width:85%;
	float:left;
}

#search_btn{
	width:14%;
	margin:0 0 0 5px;
	float:right;
}


/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 980px or less */
@media screen and (max-width: 980px) {
	#pagewrap {width:auto;}

	#left_sidebar {
		width: 42%;
		padding: 1% 1% 1% 2%;
		/*padding:0;*/
	}
	#middle {
		width: 50%;
		padding: 1% 2%;
		margin: 0px 0px 5px 0;
		float: right;
	}
	
	#middle_read {
		/*padding: 1% 2%;*/
		margin: 0px 0px 5px 0;
	}
	
	#right_sidebar {
		clear: both;
		padding: 1% 2%;
		width: auto;
		float: none;
	}

	#header, #footer {
		padding: 0% 2%;
	}
	
	/* убираем третий столбец и подвал */
	#right_sidebar {
		display: none;
	}
	
	.mobile_unnecessary{
		display: none;
	}
	
	.main_block_head{
		padding:0 !important;
		text-align:center !important;
	}
	.main_block_head div{
		float:none !important;
		clear:both !important;
	}
	.book_block_right_float img{
		float:none !important;
	}
	.book_block_right_float, .book_block_right_float p{
		text-align:center !important;
	}
	
}

/* for 700px or less */
@media screen and (max-width: 700px) {
	#header, #footer{padding:0;}
	#left_sidebar {
		width: auto;
		float: none;
		padding: 1% 2%;
	}
	
	#middle {
		width: auto;
		float: none;
		margin-left: 0px;
		padding: 1% 2%;
	}
	
	#middle_read img{
		max-width: 400px;
	}
	
	#right_sidebar {
		width: auto;
		float: none;
	}
	
	#right_sidebar_read{
		width: auto;
		float: none;
		margin: 0;
		display:table-footer-group;
	}
	
	#selectable-content{
		display:table-header-group;
	}
	
	/* отображаем сначала среднюю колонку, потом левую */
	#left_sidebar {
		display: table-footer-group;
	}
	
	#middle {
		display: table-header-group;
	}
	
	#two_columns{
		display:table;
		border-spacing:0;
		/*width:100%;*/
		/*padding: 0% 2%;*/
	}

	.text_area img, #middle > img, #left_sidebar img{
		max-width: 220px !important;
	}
	
	.date{
		padding:0 !important;
	}
	
	a{
		text-decoration:underline !important;
	}
	
	.btn-green-22{font-size:16px !important;}
}

/* for 480px or less */
@media screen and (max-width: 480px) {
	.centr_container .info_wrap .row{width:auto;}
	.biblio_book_cover img{max-width:220px;}
	#header {
		height: auto;
		padding:0;
	}
	h1 {
		font-size: 2em;
	}
	#right_sidebar {
		display: none;
	}
	
	.one_row_item{
		width: auto;
		float: none;
	}
	
	#search_input{
		width:82%;
	}

	#search_btn{
		width:16%;
	}
	
	#middle_read img{
		max-width: 240px;
	}
	
}


#left_sidebar {
	/*background: #f8f8f8;*/
}
#right_sidebar {
	/*background: #f0efef;*/
}
#header, #left_sidebar, #middle, #middle_read, #right_sidebar, #right_sidebar_read {
	margin-bottom: 5px;
}

#pagewrap, #middle, #middle_read, #right_sidebar, #right_sidebar_read, #footer {
	/*border: solid 1px #ccc;*/
}

#footer{
	border: 1px #98AAB1 solid;text-align:center;padding:5px;background-color:#e6e6e6;
}

.litres_fragment_body .book-reader-popup-close .close-icon{vertical-align: middle;padding: 6px 0;}




/* default css */
.h2{font-size:24px;margin:0;padding:0 0 15px 0; color:#000;}
.h3{font-size:22px;margin:0;padding:0 0 15px 0; color:#000;}
.h4{font-size:18px;margin:0;padding:0 0 15px 0; color:#000;}

.bp_title{background:#e6e6e6; border:1px solid #98aab1; text-align:center; font-weight:bold; font-size:14px; margin:0 0 10px 0; padding:2px 10px;}
.bs_title{background:#e6e6e6; font-weight:bold; font-size:14px; margin:0 0 10px 0; padding:2px 10px;}
.bs_title:after{content:"";clear:both; display:block;}
.bs_title .link{float:right; color:#000;}
.bs_title .link:hover{color:#00ccff;}

.b_block{border:1px solid #98aab1; padding:0 10px; margin:0 0 10px 0;}
.b_block .bs_title{margin:0 -10px 10px;}
.b_block h1{font-size:14pt; margin:0; padding:0 0 15px 0;}

.b_more{text-align:right; font-weight:bold; padding:0 0 10px 0;}
.b_more a{color:#000;}
.b_more a:hover{color:#00ccff;}

.br_title{padding:0 0 5px 0;}

/* adv */
.advt_litres{margin:0 0 10px 0; text-align:center;}
.b_advl{margin:0 0 10px 0;}
.b_advr{margin:0 0 10px 0;}

/* Блок алфавита */
.b_block_alphabet{padding-bottom:5px;}
.b_block_alphabet .item{padding:0 0 5px 0;}
.b_block_alphabet .item .name{display:inline-block; vertical-align:top; width:55px;}
.b_block_alphabet .item a{display:inline-block; vertical-align:top; color:#000; margin:0 1px;}
.b_block_alphabet .item a:hover{color:#00ccff;}


/* block left */
.book_news{margin:0 0 10px 0;}
.books_carusel{position:relative; text-align:center;}
.books_carusel .item{padding:0;}
.owl-controls .owl-buttons > div{position:absolute; top:0; width:20px; height:100%; z-index:10; background:url(../images/arrow_left.gif) no-repeat center center; background-size:50%; text-indent:-9999px;}
.owl-controls .owl-buttons .owl-prev{left:5px; background-image:url(../images/arrow_left.gif);}
.owl-controls .owl-buttons .owl-next{right:5px; background-image:url(../images/arrow_right.gif);}
.owl-controls .owl-buttons .owl-prev:hover{background-image:url(../images/arrow_left_white.gif);}
.owl-controls .owl-buttons .owl-next:hover{background-image:url(../images/arrow_right_white.gif);}

.book_popular{padding:0 0 10px 0; text-align:center;}
.book_popular .genre a{color:#035297;}
.book_popular .author a{color:#a10531;}
.book_popular .img{padding:5px 0 5px 0;}
.book_popular .name a{text-decoration:none; font-weight:bold; color:#000;}
.book_popular .name a:hover{color:#00ccff;}

.b_list{padding:0 0 10px 0;}
.b_list ul li{padding:0 0 0 10px;}
.b_list ul li a{color:#000;}
.b_list ul li a:hover{color:#00ccff;}
.b_list ul .all a{color:#ff0000; font-weight:bold;}
.b_list ul .all_g a{font-weight:bold;}

/* block right */
.author_day{text-align:center; padding:0 0 10px 0;}
.author_day .img{padding:0 0 5px 0;}
.author_day a{color:#a10531;}

.new_reviews{text-align:center; padding:0 0 10px 0;}
.new_reviews .genre a{color:#035297;}
.new_reviews .author a{color:#a10531;}
.new_reviews .img{padding:5px 0 5px 0;}
.new_reviews .name a{font-weight:bold; color:#000;}
.new_reviews .name a:hover{color:#00ccff;}
.new_reviews .review_author{font-weight:bold; padding:0 0 5px 0;}
.new_reviews .review_mess{padding:0 0 5px 0;}

.new_reviews .more a{font-weight:bold; color:#000;}
.new_reviews .more a:hover{color:#00ccff;}

.new_collection{text-align:center;}
.new_collection .genre a{color:#035297;}
.new_collection .author a{color:#a10531;}
.new_collection .img{padding:5px 0 5px 0;}
.new_collection .name a{ font-weight:bold; color:#000;}
.new_collection .name a:hover{color:#00ccff;}

#pagination a {padding:0 6px}