html, body { height:100%;}
body {
	margin:0;
	color:#4d4d4d;
	font:14px Arial, Helvetica, sans-serif;
	background: url(../images/bg-body.png) no-repeat fixed 50% 0;
	background-size: cover;
	position:relative;
}
img {border-style:none;}
a {
	text-decoration:underline;
	color:#333;
}
a:hover {
	text-decoration:none;
}
input, 
textarea, 
select {
	font:100% arial,sans-serif;
	vertical-align:middle;
	color:#333;
}
form, 
fieldset {
	margin:0;
	padding:0;
	border-style:none;
}
.holder { overflow:hidden;}
.holder-after:after {
	clear:both;
	content:"";
	display:block;
}
/* index page */
.index-page {
	min-height:100%;
	overflow:hidden;
}
.header {
	width:240px;
	margin:0 auto 0;
	overflow:hidden;
}
.header .logo a img {
	display:block;
	width:100%;
}
.header .logo {
	display:block;
	float:none;
	margin:0 0 22px;
	text-indent:-9999px;
	overflow:hidden;
}
.header .slogan {
	padding:25px 0 12px;
	border-top:1px dashed ;
	font:19px/22px Arial, Helvetica, sans-serif;
	color:#fff;
	display:block;
	letter-spacing:0.1em;
	text-transform:uppercase;
}
.header .slogan strong {
	font:23px/22px Arial, Helvetica, sans-serif;
	display:block;
}
.header a.login {
	display:block;
	text-decoration:none;
	font:10px/38px Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	height:38px;
	border-bottom:1px solid #4898f1;
	border-top:1px solid #c0e1ff;
	border-right:1px solid #6bb8fe;
	border-left:1px solid #6bb8fe;
	background: -moz-linear-gradient(#6fbbfe, #59aafe);
	background: -ms-linear-gradient(#6fbbfe, #59aafe);
	background: -o-linear-gradient(#6fbbfe, #59aafe);
	background: -webkit-linear-gradient(#6fbbfe, #59aafe);
	-pie-background: linear-gradient(#6fbbfe, #59aafe);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	behavior: url(js/PIE.htc);
	position:relative;
	margin:0 0 75px;
	text-transform:uppercase;
}
.header a.login:hover {
	background: -moz-linear-gradient(#63acf5, #5ea9f4);
	background: -ms-linear-gradient(#63acf5, #5ea9f4);
	background: -o-linear-gradient(#63acf5, #5ea9f4);
	background: -webkit-linear-gradient(#63acf5, #5ea9f4);
	-pie-background: linear-gradient(#63acf5, #5ea9f4);
}
.contacts {
	width:100%;
	background: url(../images/bg-contacts.png);
	position:absolute;
	bottom:0;
	left:0;
	padding:22px 0;
}
.contacts .inner {
	max-width:812px;
	margin:0 auto;
	overflow:hidden;
}
.contacts .box {
	float:right;
	overflow:hidden;
}
.contacts address {
	display:block;
	font:normal 12px/14px Arial, Helvetica, sans-serif;
	color:#fff;
}
.contacts .box .info {
	float:left;
	padding:0 0 0 33px;
	font:15px/35px Arial, Helvetica, sans-serif;
	color:#fff;
	margin:0 0 0 38px;
}
.contacts .box .info.phone {
	background: url(../images/ico-phone.png) no-repeat 0 50%;
}
.contacts .box .info.mail {
	background: url(../images/ico-mail.png) no-repeat 0 50%;
}
.contacts .box .info.icq {
	background: url(../images/ico-icq.png) no-repeat 0 50%;
}

/* inner.html */
#wrapper {
	background: url(../images/bg-body-inner2.jpg);
	min-height:100%;
}
/* header */
#header {
	/*padding:13px 3.26% 9px;*/
	padding:13px 8.42% 9px 7.47%;
	background: url(../images/bg-body.png) no-repeat 50% 0;
	background-size: cover;
}
#header .inner {
	/*max-width:889px;*/
	margin:0 auto;
	overflow:hidden;
}
.logo a{
	display:block;
	height:100%;
}
#header .logo {
	float:left;
	width:120px;
	height:48px;
	margin:0;
	text-indent:-9999px;
	overflow:hidden;
	background: url(../images/logo-inner.png) no-repeat;
}
.panel {
	margin:0 0 0 26.95%;
}
.header-panel {
	float:right;
	overflow:hidden;
	padding:10px 0.8% 0 0;
}
.header-panel .separator {
	width:2px;
	height:24px;
	background:#fff;
	margin:0 24px 0 19px;
	float:left;
}
.header-panel .logout {
	float:left;
	width:25px;
	height:24px;
	background: url(../images/ico-logout.png) no-repeat 0 50%;
}
/* Navigation */
#nav {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	overflow:hidden;
}
#nav li:first-child {
	background:none;
}
#nav li {
	float:left;
	padding:0 10px;
	background: url(../images/separator-nav.png) no-repeat 0 50%;
}
#nav li a {
	font:11px/24px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
}
#nav li a:hover,
#nav li a.active {
	text-decoration:underline;
}
/* Main */
#main {
	/*max-width:799px;*/
	margin:0 auto;
	overflow:hidden;
	padding:11px 8.42% 39px 7.47%;
}
/* Content */
#content {
	/*max-width:589px;*/
	margin:0 0 0 210px;
}
.news-list {
	margin:0 0 0 -1.17%;
	padding:0;
	list-style:none;
	overflow:hidden;
}
.news-list li {
	display:inline-block;
	vertical-align:top;
	margin:0 0 3px 1.17%;
	width:40.7%;
	background:#fcfcfc;
	border:1px solid #eaeaea;
	font:11px/14px Arial, Helvetica, sans-serif;
	color:#262626;
	padding:15px 4% 15px 3.39%;
	overflow:hidden;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	behavior: url(js/PIE.htc);
	position:relative;
}
.news-list li p { margin:0;}
.news-list li .date {
	float:left;
	font:13px/14px Arial, Helvetica, sans-serif;
	color:#5caefe;
	width:24.48%;
	
}
.news-list li .date .year {
	font-size:14px;
	display:block;
}
.pagination {
	padding:15px 0;
	margin:0;
	list-style:none;
	text-align:center;
	font-size:0;
	line-height:0;
}
.pagination li {
	display:inline-block;
	vertical-align:top;
	padding:0 2px 0 1px;
}
.pagination li a {
	display:block;
	width:23px;
	height:23px;
	background-color:#fff;
	border:1px solid #e2e2e2;
	text-align:center;
	font:11px/23px Arial, Helvetica, sans-serif;
	color:#262626;
	text-decoration:none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	behavior: url(js/PIE.htc);
	position:relative;
}
.pagination li a span {
	display:block;
	height:23px;
}
.pagination li a:hover,
.pagination li a.active {
	background-color:#64b5fe;
	background: -moz-linear-gradient(#6ebbfe, #59aafe);
	background: -ms-linear-gradient(#6ebbfe, #59aafe);
	background: -o-linear-gradient(#6ebbfe, #59aafe);
	background: -webkit-linear-gradient(#6ebbfe, #59aafe);
	-pie-background: linear-gradient(#6ebbfe, #59aafe);
	border-top:1px solid #c0e1ff;
	border-bottom:1px solid #4998f1;
	border-left:1px solid #62acfb;
	border-right:1px solid #62acfb;
	color:#fff;
}
.pagination li a.prev span {
	background:url(../images/arrow-prev.png) no-repeat 50% 50%;
}
.pagination li a.next span {
	background:url(../images/arrow-next.png) no-repeat 50% 50%;
}
/* Sidebar */
#sidebar {
	width:200px;
	float:left;
}
.contact-box {
	padding:15px 0 10px 15px;
	background:#fefefe;
	border:1px solid #ebebeb;
	margin:0 0 3px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	behavior: url(js/PIE.htc);
	position:relative;
}
.contact-box .info {
	margin:0 0 7px;
	padding:0 0 0 33px;
	font:11px Arial, Helvetica, sans-serif;
	color:#262626;
	display:block;
}
.contact-box .info.name {
	background: url(../images/ico-name.png) no-repeat;
	text-transform:uppercase;
}
.contact-box .info.mail { background: url(../images/ico-mail-contact.png) no-repeat;}
.contact-box .info.phone { background: url(../images/ico-phone-contact.png) no-repeat;}
.banner {
	display:block;
	border:1px solid #e2e2e2;
}
.banner img {
	display:block;
	width:100%;
}
/* Footer */
#footer {
	background: url(../images/bg-footer.png);
	padding:15px 0 12px;
	margin:-39px 0 0;
}
#footer .copyright {
	text-align:center;
	font:11px Arial, Helvetica, sans-serif;
	color:#fff;
	display:block;
}

/* inner-2 */
.title-box {
	padding:12px 0 9px;
	overflow:hidden;
}
.title-box h5 {
	font:13px/21px Arial, Helvetica, sans-serif;
	color:#5caefe;
	margin:0;
	display:inline;
}
.choice-date {
	float:right;
	background:#fff;
	border:1px solid #e2e2e2;
	overflow:hidden;
}
.choice-date a {
	float:left;
	width:23px;
	height:23px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	behavior: url(js/PIE.htc);
	position:relative;
}
.choice-date a.prev {
	background: url(../images/arrow-prev.png) no-repeat 50% 50%;
	border-right:1px solid #e2e2e2;
}
.choice-date a.next {
	background: url(../images/arrow-next.png) no-repeat 50% 50%;
	border-left:1px solid #e2e2e2;
}
.choice-date span {
	float:left;
	min-width:146px;
	height:23px;
	text-align:center;
	font:11px/23px Arial, Helvetica, sans-serif;
	color:#262626;
}
.history-table {
	border-top:1px solid #e9eaea;
	border-left:1px solid #e9eaea;
	width:100%;
	background:#fff;
}
.history-table thead td {
	background:#e9eaea;
	padding:9px 0 5px;
	font:bold 11px/23px Arial, Helvetica, sans-serif;
	text-align:center;
}
.history-table td {
	height:23px;
	font:11px Arial, Helvetica, sans-serif;
	color:#262626;
	border-right:1px solid #e9eaea;
	border-bottom:1px solid #e9eaea;
}
.history-table td.number {
	width:12.39%;
	text-align:center;
}
.history-table td.date {
	width:14.43%;
	text-align:center;
}
.history-table td .info {
	padding:0 0 0 14px;
	display:block;
}
.history-table .line td { background:#f3f3f3;}

/* inner-3 */
.title-box .info-date {
	float:right;
	font:11px/22px Arial, Helvetica, sans-serif;
	color:#262626;
}
.doc-list {
	margin:0;
	padding:0;
	list-style:none;
}
.doc-list li {
	background:#fff;
	border:1px solid #eee;
	margin:3px 0 0;
	padding:0 16px 0 24px;
	height:49px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	behavior: url(js/PIE.htc);
	position:relative;
}
.doc-list li .name {
	font:bold 11px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#262626;
	float:left;
}
.doc-list li a.link {
	float:right;
	width:14px;
	height:15px;
	background: url(../images/ico-download.png) no-repeat;
}
.doc-list li a.link:hover {background: url(../images/ico-download.png) no-repeat 0 -15px;}
.money-box {
	padding:12px 0 25px;
	position:relative;
	background:#f28686;
	border:1px solid #ebebeb;
	text-align:center;
	font:11px/14px Arial, Helvetica, sans-serif;
	color:#fff;
}
.money-box .title {
	display:block;
	text-transform:uppercase;
	margin:0 0 8px;
}
.money-box .info {
	display:block;
}
.money-box .link {
	width:27px;
	height:26px;
	display:block;
	position:absolute;
	bottom:3px;
	right:6px;
	background: url(../images/ico-linl-money.png) no-repeat;
}

/* inner-4 */
.history-table .name {
	width:33.15%;
}
.history-table .name span {
	padding:0 0 0 15%;
	display:block;
}
.history-table .version {
	width:17.83%;
	text-align:center;
}
.history-table .date-component {
	width:16%;
	text-align:center;
}
.history-table .download {
	width:32.43%;
	overflow:hidden;
}
.history-table .download span {
	float:left;
	width:50%;
}
.history-table tbody .download {
	font:10px Arial, Helvetica, sans-serif;
	text-align:center;
}
.history-table tbody .download .none { text-align:left;}
.history-table tbody .download a {
	text-decoration:none;
	color:#79b2ff;
}
.history-table tbody .download a:hover { text-decoration:underline;}

.tabset {
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
}
.tabset li {
	float:left;
	width:33.33%;
}
.tabset li:first-child a {
	border-left:1px solid #e8e8e8;
}
.tabset li a {
	display:block;
	text-align:center;
	text-decoration:none;
	height:49px;
	overflow:hidden;
	font:bold 11px/14px Arial, Helvetica, sans-serif;
	color:#262626;
	background:#f7f7f7;
	border-bottom:1px solid #e8e8e8;
	border-top:1px solid #e8e8e8;
	border-right:1px solid #e8e8e8;
}
.tabset li a span {
	display:block;
}
.tabset li a:hover { color:#5caefe;}
.tabset li a.active {
	background:#fff;
	color:#5caefe;
	border-bottom:1px solid #fff;
}
.tab-content {
	background:#fff;
	border-bottom:1px solid #e8e8e8;
	border-left:1px solid #e8e8e8;
	border-right:1px solid #e8e8e8;
	padding:15px 14px 38px;
}
