/*
Theme Name: ODAS
Theme URI: http://wordpress.org/themes/twentytwelve
Author: WebComp.by
Author URI: http://webcomp.by/
Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentytwelve

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

<meta name='yandex-verification' content='7859f3d117d41461' />

*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/


/* =Reset
-------------------------------------------------------------- */

@font-face {
	font-family: 'PT_Sans_Bold';
	src: url("fonts/PT_Sans_Bold.eot");
	src: url("fonts/PT_Sans_Bold.eot-#iefix") format('embedded-opentype'),
		 url("fonts/PT_Sans_Bold.woff") format('woff'),
		 url("fonts/PT_Sans_Bold.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'PT_Sans_Bold_Italic';
	src: url("fonts/PT_Sans_Bold_Italic.eot");
	src: url("fonts/PT_Sans_Bold_Italic.eot-#iefix") format('embedded-opentype'),
		 url("fonts/PT_Sans_Bold_Italic.woff") format('woff'),
		 url("fonts/PT_Sans_Bold_Italic.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-style: normal;
}

/*ol, ul {list-style: none;}*/

blockquote, q {quotes: none;}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {outline: 0;}
img {border: none;}
a {text-decoration: none;}
ins {text-decoration: none;}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
header, nav, section, article, aside, footer {display:block}
body {
	line-height: 1;
	min-width: 990px;
	background: #ffffff;
	font-family: Arial;
}
h1 {}
h2 {}
h3 {}
p {}
button {
	cursor: pointer;
	background: transparent;
	border: transparent;
}

.left {float: left;}
.right {float: right;}
.clear {clear: both;}

.wrap {
	width: 990px;
	margin: 0 auto;
}

#header {
	background: url(images/i/header_bg.jpg) no-repeat top center;
}
	#header .wrap {height: 149px;}
	.logo {margin: 15px 0 0 15px;}
	.site_name {
		color: #e81e14;
		font-family: 'PT_Sans_Bold';
		font-size: 26px;
		margin: 26px 0 4px 0;
		letter-spacing: 1.1px;
	}
		/*.site_name span {
			background: linear-gradient(#f4511b, #e50c12);  
			-webkit-background-clip: text;  
			color: transparent;
		}*/
	.call_number {
		font-family: 'PT_Sans_Bold';
		color: #009ee3;
		font-size: 84px;
		text-align: right;
		background: url(images/i/num_bg.png) no-repeat center left;
	}
		/*.call_number span {
			background: linear-gradient(#2e98ca, #1f74ae);  
			-webkit-background-clip: text;  
			color: transparent;
		}*/

#top_nav {
	border-top: 1px solid #bc1f0f;
	border-bottom: 1px solid #bc1f0f;
	background: url(images/i/top_nav_bg.jpg) repeat-x center left;
}
	#top_nav .wrap {height: 68px;}
	#top_nav ul {
		list-style: none;
		border-left: 1px solid #b62a01;
		overflow: hidden;
	}
		#top_nav ul li {
			float: left;
			border-right: 1px solid #b62a01;
			text-align: center;
			min-height: 68px;
		}
		#top_nav ul li#menu-item-39 {width: 122px;}
		#top_nav ul li#menu-item-40 {width: 162px;}
		#top_nav ul li#menu-item-41 {width: 145px;}
		#top_nav ul li#menu-item-42 {width: 119px;}
		#top_nav ul li#menu-item-43 {width: 196px;}
		#top_nav ul li#menu-item-44 {width: 118px;}
		#top_nav ul li#menu-item-45 {width: 120px;}
		#top_nav ul li:hover {background: url(images/i/top_nav_li_hover.jpg) repeat-x center left;}
			#top_nav ul li a {
				font-family: Arial;
				font-size: 15px;
				color: #ffffff;
				text-transform: uppercase;
				font-weight: bold;
				line-height: 20px;
				display: block;
				padding: 14px 13px 14px 14px;
			}
		#top_nav ul li:last-of-type a {
			padding: 14px 17px 14px 16px;
		}

#main_wr {overflow: hidden;}
	#main_wr .wrap {
		position: relative;
	}
		#main_wr .wrap:before {
			content: url(images/i/before_shadow.png);
			position: absolute;
			left: -23px;
		}
		#main_wr .wrap:after {
			content: url(images/i/after_shadow.png);
			position: absolute;
			right: -23px;
		}
			#content_wr,
			.left_footer{
				width: 615px;
				padding: 15px;
			}
			#content_wr p {
				text-align: justify;
				line-height: 1.3;
			}
				.slider,
				.flexslider {
					padding: 10px !important;
					background: #f3f3f3 !important;
				}
					.slider img {
						max-width: 100%;
						height: auto;
					}
				/* блог */
				article.pre,
				article.hentry {
					margin-top: 26px;
					overflow: hidden;
					border-bottom: 1px solid #e6e6e6;
					padding-bottom: 12px;
				}
					article.pre:nth-child(odd) .img_wr,
					article.hentry:nth-child(odd) .img_wr {background: transparent;}
					article.hentry .img_wr,
					article.pre .img_wr {
						width: 180px;
						padding: 10px;
						background: #f3f3f3;
						text-align: center;
						margin-right: 20px;
						display: none !important;
					}
					article.pre .txt_wr,
					article.hentry .txt_wr {
						/*width: 395px;*/
						width: 100%;
					}
						article.pre .date_art,
						article.hentry .date_art {
							text-align: right;
							font-size: 11px;
							color: #868686;
							padding-right: 9px;
							line-height: 17px;
						}
						.h_art,
						.h_art a{
							font-size: 20px;
							color: #373737;
							font-weight: bold;
							margin: 14px 0 16px 0;
							line-height: 24px;
						}
						.txt_art {
							font-size: 13px;
							color: #373737;
							line-height: 15px;
							margin-bottom: 16px;
						}
						.readmore,
						.more-link{
							font-size: 13px;
							color: #eb4900;
						}
							.readmore:hover {text-decoration: underline;}
					/* -- блог -- */
						article.big_art,
						article.page,
						.single-post article{
							padding: 22px;
						}
							article.big_art img,
							.single-post article img{
								max-width: 100%;
								height: auto;
							}
							article.big_art .date_art,
							.single-post article .date_art{
								font-size: 16px;
								font-weight: 100;
								color: #868686;
								text-align: right;
							}
							article.big_art .h_art,
							.single-post article .h_art{
								font-size: 40px;
								color: #1a66a4;
								line-height: 46px;
							}
							article.big_art .txt_art,
							.single-post article .txt_art{
								font-family: 'PT_Sans_Bold_Italic';
								font-size: 15px;
								line-height: 20px;
								color: #000000;
							}
							.single-post article .a,
							.single-post article .q,
							article.big_art .a,
							article.big_art .q {
								font-size: 15px;
								line-height: 20px;
								margin-top: 20px;
								font-weight: 600;
							}
							article.big_art .a,
							.single-post article .a{
								color: #000000;
							}
							article.big_art .q,
							.single-post article .q{
								color: #216ba7;
							}
							article.page .h_art,
							.single-post article .h_art{
								font-size: 40px;
								color: #1a66a4;
								line-height: 46px;
								text-transform: uppercase;
							}
							article.page img,
							.single-post article img{
								max-width: 100%;
								height: auto;
							}
							article.page p,
							.single-post article p,
							article.page ol li,
							.single-post article ol li,
							article.page ul li,
							.single-post article ul li{
								font-size: 15px;
								color: #000000;
								line-height: 20px;
								font-weight: 600;
							}
							article.page p, 
							.single-post article p, 
							article.page ul, 
							.single-post article ul, 
							article.page ol,
							.single-post article ol{margin-bottom: 20px;}
							.ul_wr {
								background: #01a0e2;
								padding: 10px 30px 10px 40px;
							}
								.ul_wr li {
									color: #ffffff !important;
									font-weight: 600;
								}
								
							.single-post article .entry-header img {display: none;}
							.single-post article,
							.page article {border-bottom: 1px solid transparent;}
							.video_wr,
							.page article iframe{
								padding: 15px;
								background: #f3f3f3;
								margin: 20px 0;
							}
								.video_wr img {
									max-width: 100%;
									height: auto;
								}
				.pagination_wr {
					text-align: right;
					margin-top: 30px;
				}
					.pagination_wr ul {
						display: inline-block;
						list-style: none;
					}
						.pagination_wr a,
						.pagination_wr span {float: left;}
							.pagination_wr a,
							.pagination_wr span {
								font-size: 17px;
								color: #373737;
								line-height: 22px;
								display: block;
								height: 22px;
								width: 22px;
								background: #e6e6e6;
								text-align: center;
								margin-left: 7px;
							}
							.pagination_wr span,
							.pagination_wr a:hover {
								background: #eb4900;
								color: #ffffff;
							}
							.pagination {display: inline-block;}
							.pagination .invis {display: none;}
			#aside,
			.right_footer{
				width: 315px;
				padding: 15px;
			}
				.aside_content {
					background: #f3f3f3;
					padding: 10px;
					margin-bottom: 16px;
					overflow: hidden;
				}
					.aside_content img {
						max-width: 100%;
						height: auto;
					}
					.aside_title {
						font-size: 16px;
						color: #d73f0f;
						text-transform: uppercase;
						line-height: 20px;
						font-weight: bold;
						padding: 10px 0;
					}
					.soc_group {
						display: block;
						margin: 0 auto;
					}
	
#footer {background: #f0f0f0;}
	#footer .wrap {
		height: 250px;
		overflow: hidden;
		padding: 25px 0;
	}
		.left_footer .left {
			width: 242px;
			margin-right: 54px;
		}
	#footer p {
		font-size: 13px;
		line-height: 24px;
		color: #373737;
	}
	.footer_title {
		font-size: 20px !important;
		color: #01b2bf !important;
		font-weight: bold;
		text-transform: uppercase;
		margin-bottom: 16px;
		line-height: 20px !important;
	}
	
#vkwidget2 {/*display: none !important;*/}
/* nextGen gallery */
.ngg-widget img {
	border: 0px !important; 
	margin: 0 !important;
}
.ngg-gallery-thumbnail img:hover,
.ngg-gallery-list li.selected a,
.ngg-album-compactbox {
	background: #1e5799; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMWU1Nzk5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMjk4OWQ4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjMjA3Y2NhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzdkYjllOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(-45deg,  #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */
background: linear-gradient(135deg,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}
.ngg-gallery-thumbnail img {
	border: 1px solid #1f7eb9 !important;
}
.ngg-gallery-list li img {
	width: 175px !important;
	height: 175px !important;
}
.ngg-gallery-list li {
	margin: 0 4px 4px 4px !important;
}
.ngg-gallery-list li a {
	border: 1px solid #1f7eb9 !important;
}
.ngg-galleryoverview .pic {
	  padding: 0 8px 0 4px;
	  margin-bottom: 10px;
}
.ngg-album-compact a {
	color: #056EC7;
}
.ngg-album-compact:hover a {
	color: #009;
  text-decoration: underline;
}
/* ссылка фотогалереи */
#text-8 {
	border: 2px dashed #d73f0f;
	text-align: center;
}
	#text-8 a {
		font-size: 16px;
		color: #d73f0f;
		text-transform: uppercase;
		line-height: 20px;
		font-weight: bold;
	}
	#text-8 a:hover {text-decoration: underline;}
	
.ngg-breadcrumb a {color: #056EC7;}
.ngg-breadcrumb a:hover {
	color: #009;
	text-decoration: underline;
}

.page .date_art {display: none;}