/* ======== */
/* Default */

html, body, form, table {
	margin: 0;
	padding: 0;
}
body {
	font-size: 81.3%;
	font-family: "Trebuchet MS", Arial;
	line-height: 1.465em;
	color: #202020;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
table th {
	padding: 0;
}
table td {
	vertical-align: top;
	padding: 0;
}

img {
	border: none;
}

a {
	color: #4F538B;
}
a:hover {
	text-decoration: none;
}

input, select, textarea {
	font-size: 100%;
	font-family: "Trebuchet MS", Arial;
	background: #FFF;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-family: "Trebuchet MS", Arial;
	line-height: 1.2em;
	margin: 0;
}

h1 {
	font-size: 169.2%;
	font-weight: normal;
	color: #333;
	border-bottom: 1px solid #DEDEDE;
	padding: 0 0 10px;
	margin-bottom: 0.5em;
}
h2 {
	font-size: 130.8%;
	font-weight: normal;
	color: #333;
	margin-bottom: 0.6em;
}
h3 {
	font-size: 107.7%;
	margin-bottom: 0.4em;
}

p {
	margin: 0 0 0.75em 0;
}



/* ======= */
/* Layout */
html {
	overflow-y: scroll;
}
html, body {
}
body {
	background: #F7F7F7;
}
#page {
	width: 1000px;
	margin: 0 auto;
}

#footer {
	width: 1000px;
	height: 60px;
	font-size: 107.7%;
	line-height: 1.32em;
	padding: 10px 0 0 0;
	margin: 0 auto;
}
#footer,
#footer a {
	color: #999;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
#footer b {
	font-size: 128.6%;
	font-weight: normal;
}

#top {
	height: 40px;
	text-align: right;
	font-size: 92.3%;
}
#top .inner {
	padding: 10px 21px 0 0;
}
#top a {
	margin: 0 0 0 25px;
}

#header {
	background: url("../img/bg_header_r.png") no-repeat 100% 0;
	padding: 0 6px 0 0;
}
#header-inner {
	height: 67px;
	background: url("../img/bg_header_l.png") no-repeat;
	padding: 1px 0 1px 6px;
}

#common {
}
.left-column {
	width: 257px;
	float: left;
}
.right-column {
	width: 730px;
	float: right;
}

.body {
	/*text-align: justify;*/
}
#second-page .body {
	min-height: 335px;
	padding: 5px 10px;
}

/* Round-box */
.round-box {
	position: relative;
	background: url("../img/corners.png") no-repeat 100% 0;
	margin: 12px 0;
}
.round-box .inner {
	padding: 12px 12px 10px 12px;
}
.round-box .tl,
.round-box .bl,
.round-box .br {
	position: absolute;
	overflow: hidden;
	background: url("../img/corners.png") no-repeat;
}
.round-box .tl {
	width: 6px;
	height: 100%;
	top: 0;
	left: 0;
}
.round-box .bl {
	width: 6px;
	height: 6px;
	left: 0;
	bottom: 0;
	background-position: 0 100%;
}
.round-box .br {
	width: 100%;
	height: 6px;
	bottom: 0;
	right: 0;
	background-position: 100% 100%;
}

/* Merged-box */
.merged-box {
	width: 275px;
	background-position: 0 0;
	z-index: 10;
}
.merged-box .br {
	width: 265px;
	bottom: -4px;
	right: 4px;
	background: url("../img/corner_merged.png") no-repeat;
	background-position: 100% 100%;
}



/* ======= */
/* Blocks */


/* Logo */
#logo {
	float: left;
	padding: 10px 20px 0 10px;
}


/* Menu */
#menu {
	height: 67px;
	overflow: hidden;
	float: right;
	font-size: 130.8%;
	color: #4F538B;
	border-left: 1px solid #DEDEDE;
}
#menu div {
	height: 42px;
	float: left;
	border-left: 1px solid #FFF;
	border-right: 1px solid #DEDEDE;
	padding: 26px 20px 0;
}
#menu div.last {
	border-right: 0;
}
#menu .selected a {
	text-decoration: none;
}


/* Main-middle */
#main-middle {
	clear: both;
}
#main-middle .round-box {
	margin-bottom: 0;
}


/* Main-promo */
#main-promo {
	width: 974px;
	overflow: hidden;
	border: 1px solid #3F346B;
	margin: 0 0 18px 0;
}


/* Submenu */
.submenu {
	padding: 2px 0 0 0;
}
#head-page .submenu {
	padding-left: 10px;
}
.submenu .group {
	min-height: 90px;
	color: #4F538B;
	padding: 5px 0 0 0;
}
#head-page .submenu .group {
	width: 31%;
	float: left;
	padding: 5px 2% 0 0;
	margin: 0 0 10px 0;
}
.submenu .group-connect {
	background: url("../img/page/connect.jpg") no-repeat;
}
.submenu .group-facilities {
	background: url("../img/page/facilities.jpg") no-repeat;
}
.submenu .group-abonents {
	background: url("../img/page/abonents.jpg") no-repeat;
}
.submenu .group-about {
	background: url("../img/page/about.jpg") no-repeat;
}
.submenu .group-drweb {
	/* background: url("../img/promo_drweb.jpg") no-repeat 7px 7px; */
	background: url("../img/page/drweb.jpg") no-repeat 0 7px;
}
#head-page .submenu .group-connect {
	background: url("../img/page/connect_main.jpg") no-repeat;
}
#head-page .submenu .group-facilities {
	background: url("../img/page/facilities_main.jpg") no-repeat;
}
#head-page .submenu .group-abonents {
	background: url("../img/page/abonents_main.jpg") no-repeat;
}
#head-page .submenu .group-about {
	background: url("../img/page/about_main.jpg") no-repeat;
}
.submenu .item,
.submenu .sub-items {
	margin: 0 0 0 105px;
}
#head-page .submenu .item,
#head-page .submenu .sub-items {
	margin: 0 0 0 125px;
}
.submenu .item {
	font-size: 130.8%;
	padding: 0 0 15px 0;
}
.submenu .sub-items div {
	font-size: 92.3%;
	line-height: 1.2em;
	padding: 0 0 9px 0;
}


/* Promo */
.promo {
	font-size: 92.3%;
	line-height: 1.2em;
}
.promo .inner {
	min-height: 77px;
	padding-bottom: 13px;
}
.promo-action .inner {
	background: url("../img/bg_promo_action.png") no-repeat 100% 0;
	padding-right: 20px;
}
.promo-new .inner {
	background: url("../img/bg_promo_new.png") no-repeat 100% 0;
}
.promo,
.promo a {
	color: #444;
	text-decoration: none;
}
.promo h3,
.promo h3 a {
	color: #000;
}
.promo h3 {
	font-size: 116.7%;
	font-weight: normal;
	margin-bottom: 0.2em;
}
.promo img {
	float: left;
	margin: 0 10px 0 0;
}
.promo a:hover {
	text-decoration: underline;
}
.promo a.drweb {
	width: 200px;
	height: 152px;
	display: block;
	position: relative;
	margin: -152px auto 0;
}


/* News */
#head-page .news {
	padding: 0 5px;
}
.news h2 {
	border-bottom: 1px solid #DEDEDE;
	padding: 0 10px 10px;
	margin-bottom: 0.4em;
}
.news .top-links {
	float: right;
	font-size: 92.3%;
}
.news .item {
	clear: both;
	color: #777;
	padding: 17px 0 0;
	margin: 0 0 17px 0;
}
#head-page .news .item {
	padding: 17px 10px 0;
}
.news .date {
	width: 44px;
	height: 44px;
	float: left;
	text-align: center;
	font-size: 76.9%;
	line-height: 1.45em;
	font-family: Tahoma, Arial;
	color: #777;
	background: url("../img/bg_date.png") no-repeat;
	margin: 0 17px 20px 0;
}
.news .date span {
	display: block;
	font-size: 260%;
	padding: 8px 0 3px 0;
}
.news h3 {
	font-weight: normal;
	color: #333;
	margin-top: 4px;
	margin-bottom: 0.2em;
}
.news .item .announce {
	overflow: hidden;
}


/* Footer */
#copyright {
	padding: 0 0 0 12px;
}

#support {
	width: 210px;
	float: right;
}
#support i {
	color: #AFAFAF;
	font-style: normal;
	background: url("../img/icon_time.png") no-repeat 0 2px;
	padding: 0 0 2px 15px;
	margin: 0 0 0 3px;
}

#phones {
	width: 185px;
	float: right;
}

#contacts {
	width: 250px;
	float: left;
	padding: 0 0 0 26px;
}


/* ========= */
/* Elements */

/* Common */
.spacer {
	font-size: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
	border: none;
	display: block;
	visibility: hidden;
}
.clear {
	clear: both;
}
.clearfix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }

.hidden {
	display: none;
}

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


/* Colors */
.red, a .red, a.red {
	color: #E83001;
}
.blue, a .blue, a.blue {
	color: #00AEEF;
}

/* Links */
a.link-print, .link-print a {
	background: url("../img/icon_print.gif") no-repeat 100% 0.3em;
	padding-right: 17px;
}
div.link-print {
	text-align: right;
}

/* Text-align */
.t-left {
	text-align: left;
}
.t-right {
	text-align: right;
}
.center {
	text-align: center;
}


/* Form elements */
.input {
	height: 14px;
	border: 1px solid #DEDEDE;
}



/* ======== */
/* Content */

/* Pictures */
.body img.left {
	margin: 0 18px 0 0;
}
.body img.right {
	margin: 0 0 0 18px;
}

/* Lists */
.body ul {
	list-style-type: none;
	margin: 0 0 0.75em 0;
	padding: 0;
}
.body ul li {
	background: url("../img/bullet_list.gif") no-repeat 0 0.65em;
	padding-left: 15px;
	margin-bottom: 0.75em;
}
.body ol {
	margin: 0 0 0.75em 25px;
	padding: 0;
}
.body ol li {
	background: none;
	padding: 0;
	margin-bottom: 0.75em;
}


/* Table */
table {
	width: 100%;
	font-size: 92.3%;
	border-top: 4px solid #BCBCBC;
	border-bottom: 4px solid #BCBCBC;
	background: #FFF;
	margin-bottom: 0.7em;
}
table .hr {
	border-bottom: 4px solid #BCBCBC;
}
table th {
	text-align: left;
	border: 1px solid #BCBCBC;
	background: #F7F7F7;
	padding: 5px 10px;
}
table td {
	border: 1px solid #BCBCBC;
	border-top: 0;
	padding: 3px 10px;
}
table sup {
	font-size: 83.3%;
	line-height: 1.1em;
}
.table-comments {
	color: #777;
	font-size: 92.3%;
	line-height: 1.2em;
	margin-bottom: 2em;
}
.table-comments p {
	margin-bottom: 1em;
}



/*
Font-size
Parent:
24px = 150%
23px = 143.8%
22px = 137.5%
21px = 131.3%
20px = 125%
19px = 118.8%
18px = 112.5%
17px = 106.3%
16px = 100%
15px = 93.8%
14px = 87.5%
13px = 81.3%
12px = 75%
11px = 68.8%
10px = 62.5%

Child:
24px = 184.6%
23px = 176.9%
22px = 169.2%
21px = 161.5%
20px = 153.8%
19px = 146.2%
18px = 138.5%
17px = 130.8%
16px = 123.1%
15px = 115.4%
14px = 107.7%
13px = 100%
12px = 92.3%
11px = 84.6%
10px = 76.9%
*/