/** Main **/

body {
	margin: 0;
	padding: 0;
}

img,
a img,
table {
	border: none;
}

td {
	vertical-align: top;
}

/** Page layout **/

#page_back {
	width: 100%;
	height: auto;
	overflow: hidden;
	min-width: 1000px;
}

#page_back.popup {
	min-width: 0;
}

#page_header {
	width: 100%;
	height: 181px;
}

#page_main {
	width: 100%;
	height: auto;
	overflow: hidden;
}

#page_footer {
	width: 1084px;
	height: 40px;
	position: absolute;
}

#page_left {
	float: left;
	width: 175px;
	height: auto;
	margin-left: 0;

	/* overflow: hidden; */
}

#page_small_menu {
	height: 40px;
}

#page_right {
	float: right;
	width: 175px;
	height: auto;

	/* overflow: hidden; */
}

#page_content {
	margin-left: 200px;
	margin-right: 185px;
	height: auto;
	padding: 0 0 20px;

	/* overflow нужен для создания блочного контекста форматирования.
		Он нужен для того чтобы clear внутри #page_content игнорировали
		флоаты в боковых колонках и видели только флоаты внутри самого #page_content.
		Подробнее см тут:
			- https://developer.mozilla.org/ru/docs/Web/Guide/CSS/Block_formatting_context
			- http://arestov.me/coding/clear_vs_overflow
	*/
	overflow: hidden;
}

/** Header pt.1 **/
#page_header_1 {
	width: 100%;
	height: 60px;
}

#page_title_img_1 {
	float: left;
	width: 304px;
	height: 60px;
}

#login_form_box {
	float: left;
}

#page_logo {
	float: right;
	height: 60px;
	width: 345px;
}

#page_logo img {
	float: right;
	height: 60px;
}

/** Header pt.2 **/
#page_header_2 {
	width: 100%;
	height: 91px;
}

#page_title_img_2 {
	float: left;
	width: 304px;
	height: 91px;
}

#page_bricks {
	float: right;
	height: 91px;
}

#page_top_ob_banner {
	float: right;
	height: 91px;
	overflow: hidden;
	line-height: 91px;
	max-width: 728px;
}

#ob_prm_text {
	margin: 0;
	padding: 5px 10px 3px;
}

#ob_prm {
	overflow: hidden;
	margin-bottom: 15px;
	padding-right: 10px;
}

/** Header pt.3 **/
#page_header_3 {
	width: 100%;
	height: 30px;
}

#page_title_img_3 {
	float: left;
	width: 330px;
	height: 30px;
}

#page_breadcrumbs {
	float: left;
	padding: 5px;
}

/** Boxes **/
div.box {
	padding: 10px;
}

div.box-header {
	height: 20px;
	padding-top: 4px;
}

div.mod-header {
	padding: 5px;
}

/** Modules **/
div.module-vert {
	margin-bottom: 15px;
	overflow: hidden;
}

div.module-hor {
	width: 49%;
}

div.module-wrapper-hor {
	padding-right: 10px;
}

div.module-box {
	padding: 0;
	width: 100%;
	overflow: hidden;
}

div.module-author {
	padding: 5px 10px;
}

div.module-text {
	padding: 5px 10px;
}

div.module-bold {
	padding: 0 5px;
	text-align: right;
}

div.modules-group-hor {
	width: 100%;
	overflow: hidden;
	margin-bottom: 15px;
}

.module-back {
	display: block;
	position: relative;
}

.module-back iframe {
	border: none;
}

div.module-pic {
	overflow: hidden;
}

.module-transparent {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	display: block;
}

div.module-hor-img {
	float: left;
	margin-right: 10px;
	margin-top: 2px;
}

/** Ob **/

span.ob-prm-header {
	padding: 0;
	margin-left: 20px;
}

div.ob-prm-header {
	padding: 0;
	height: 12px;
	margin: 0;
}

/** Banners **/
div.banner-transp {
	padding: 0;
	text-align: center;
	margin-bottom: 3px;
}

/** Headings **/
#page_title {
	margin: 0;
	padding: 0;
	overflow: hidden;
	font-size: 13px;
}

#page_title span {
	display: inline-block;
	margin: 6px 0 6px 10px;
	text-transform: uppercase;
	font-size: 13px;
}

#page_title span.no_transform {
	margin: 0;
	text-transform: none;
}

h2 {
	margin: 0 0 10px;
	font-size: 13px;
	padding: 5px 10px;
	text-transform: uppercase;
}

div.bar-header-wrapper h2 {
	float: right;
	width: 100%;
	margin: 0;
}

h3 {
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0;
}

h3.article {
	display: inline;
}

/* Wrappers */

div.page-wrap-padding-top {
	padding-top: 15px;
}

div.bar-text-wrapper {
	padding: 20px 10px 0 0;
	margin-right: 10px;
}

div.bar-header-wrapper {
	padding-left: 20px;
	margin-right: 10px;
	overflow: hidden;
}

div.text-wrapper {
	padding: 20px 10px 0 0;
}

/** Misc **/

div.page-popup {
	margin: 0 !important;
}

div.note {
	padding-left: 20px;
}

div.subscription-form-container {
	margin-bottom: 6px;
	text-align: right;
}

div.subscription-form-h1-container {
	float: right;
	margin-top: 3px;
	margin-right: 10px;
}

div.subscription-form-h2-container {
	float: right;
	position: relative;
	top: -4px;
}

div.subscription-form {
	margin: 0;
	padding: 0;
}

div.subscription-form form {
	margin: 0;
}

.control-pic {
	height: 16px;
	width: 16px;
	display: block;
	cursor: pointer;
	position: absolute;
	top: 0;
}

.disable-right { margin-right: 0 !important; }

.float-right { float: right; }

.float-left { float: left; }

.hide,
.hidden { display: none; }

.visible { display: block; }

.overflow-hidden { overflow: hidden; }

.margin-bottom { margin-bottom: 10px; }

.padding-left { padding-left: 7px; }

.clear { clear: both; }

.nowrap { white-space: nowrap; }

.only_print { display: none; }

.border-disable { border: 0 !important; }

/** some article styles used in analytics and index
    TODO: move to specific css?
**/
span.article-type {
	margin: 0 0 0 7px;
}

.article-lead {
	padding: 10px 0;
}

.analytics-thumbnail {
	float: left;
	margin: 0 10px 5px 0;
	max-width: 100px;
}

#content_block {
	width: 1250px;
	margin-left: auto;
	margin-right: auto;
}