html{
	font-size: 100%
	}
body{
	background: url('../img/bg-main.png') repeat #d0d2bd;
	margin: 0 0 0 24px;
	position: relative;
	font: 14px/1.231 georgia, serif;
	}
a{
	text-decoration: underline;
	color: #543215;
	}
a:hover{
	color: #bc0000
	}


/* Structure
--------------------- */
.l-page{
	position: relative;
	margin: 0 auto;
	width: 1098px;
	}
.l-header{
	margin: 52px auto;
    width: 1098px;
	}	
.l-aside{
	float: left;
	margin: 52px 0 0;
	position: relative;
	z-index: 1;
	width: 310px;
	}
.l-main{
	float: left;
	position: relative;
	width: 740px;
	z-index: 2;
	}
.b-page-block{
	padding: 24px 24px 32px;
	min-height: 540px;
	width: 100%;
	}
.b-footer{
	clear: both;
	color: #8a6554;
	padding: 24px 0;
	overflow: hidden;
	font: 12px arial, sans-serif;
}
	.b-footer p{
		float: left;
		margin: 0 24px 0 0;
		line-height: 17px;
		width: 260px;
	}
	.b-footer a{
		color: #8a6554;
	}

	
/* Basic blocks
--------------------- */
.b-block{
	float: left;
	position: relative;
	}
.b-list-vertical{
	}
	.b-list-vertical li{
		clear: both;
		margin: 0 0 1em;
	}
.b-menu-horiz{
	}
	.b-menu-horiz li{
		display: inline;
		margin: 0 0 0 0;
	}
		.b-menu-horiz li:first-child{
			margin: 0 0 0 0;
	}
.b-aside-block{
	border: 1px solid #EBEADD;
	padding: 12px 0 12px;
	height: 460px;
	}
.i-bg{
	background: #F2F1E4; /* Old browsers */
	background: -moz-linear-gradient(top,  #f5f3ee 0%, #f2f1e4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f3ee), color-stop(100%,#f2f1e4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f5f3ee 0%,#f2f1e4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f5f3ee 0%,#f2f1e4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f5f3ee 0%,#f2f1e4 100%); /* IE10+ */
	background: linear-gradient(top,  #f5f3ee 0%,#f2f1e4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f3ee', endColorstr='#f2f1e4',GradientType=0 ); /* IE6-9 */
	box-shadow: -1px 2px 10px #a79c81;
	}
.b-scroll{
	font: 14px 'pt sans';
	overflow: hidden;
	height: 460px;
}
	
/* Header
--------------------- */
.b-site-title{
	background: url("../img/logo.png") no-repeat scroll 0 0 transparent;
    left: -30px;
    margin: 0 0 8px;
    padding: 32px 0 21px 113px;
    position: relative;
    text-shadow: 1px 1px 0 #E4E4E4
	}
.b-breadcrumbs li{
	background: url('../img/arrow-right.png') no-repeat left center;
	padding: 0 10px 0 26px;
}
.b-breadcrumbs .first-child{
	background: none;
	padding: 0 10px 0 0;
}
.b-breadcrumbs a{
	color: #0d0d0d;
	}
.b-breadcrumbs a:hover{
	color: #bc0000;
	}
.b-breadcrumbs__selected{
	background: #766056;
	color: #FFF;
	padding: 2px 8px;
	}
.b-breadcrumbs__disable{
	color: #747474;
}


/* Content
--------------------- */
.b-page-caption{
	margin: 0 0 28px;
}
.b-text-block{
	line-height: 21px;
	}
	.b-text-block  + .b-text-block{
		margin: 24px 0 0;
	}
	.b-text-block .b-list-vertical{
		margin: 1em 0 0;
	}
.b-exam-subtitle{
	color: #747474;
	margin: 2px 0 0;
	}
.b-exam-counter{
	color: #3d3c3c;
	font-size: 15px;
	font-weight: bold
	}
.b-progressbar{
	background: url("../img/progressbar.png") scroll 0 6px;
	margin: 6px 0 12px;
	border-radius: 3px;
    height: 6px;
    width: 341px;
	}
	.i-progress{
		background: url("../img/progressbar.png") scroll 0 0;
		border-radius: 3px;
		height: 6px
	}
.b-exam-question{
	color: #3d3c3c;
	}
	.b-exam-question legend{
		margin: 0 0 12px;
		font-size: 15px;
	}
	.b-exam-question .b-form-radio{
		margin: 0 0 8px 1.2em;
	}
.g-pseudo{
	border-bottom: 1px dashed;
	color: #543215;
	cursor: pointer;
	}
	.g-pseudo:hover{
		color: #999;
	}
	.current .g-pseudo{
		border: 0;
		color: #999;
		cursor: default;
	}
.b-page-tabs li{
	margin: 0 0 0 2em;
	}
.b-index-block{
	min-height: 600px;
	width: 1000x;
}
	.b-index-block .l-aside{
		margin: 0 24px 0 0;
	}
	.b-index-block .b-text-block{
		font-size: 16px;
		line-height: 24px;
		width: 522px;
	}
.i-eco{
	background: url('../img/i-eco.png') no-repeat right top;
}
.i-electr{
	background: url('../img/i-electr.png') no-repeat 90% top;
}
.i-learning{
	background: url('../img/i-learning.png') no-repeat 101% top;
}
.i-building{
	background: url('../img/i-building.png') no-repeat right top;
}
.b-themes-list__acitve{
	background: url('../img/bg-selected.png') repeat-x;
	color: #FFF;
	position: relative;
    top: -13px;
	padding: 17px 0;
	}
.b-corner-left{
	left: 5px;
    position: relative;
    top: 6px;
}
.b-corner-right{
	left: -5px;
    position: relative;
    top: 6px;
}
.i-index{
	width: 1000px;
}
.b-columns{
	margin: 54px 0 0;
	overflow: hidden;
}
.b-link-group{
	clear: both;
	margin: 54px 0 0;
}
	.b-link-block a{
		background: #F7EEC6;
		padding: 4px 8px;
		border-radius: 4px;
	}
	.b-link-block p{
		margin: 10px 0 0 8px;
	}
.b-link-block{
	float: left;
	margin: 0 14px 0 0;
	width: 320px;
}
.b-themes-list{
	font-size: 21px;
	text-align: center;
}
	.b-themes-list li{
		margin: 0 0 24px;
	}

/* Content — Form
---------------- */
.b-form-item{
	float: left;
	margin: 0 0 1em;
	}
	.b-form-item input[type=checkbox]{
		margin: 0 8px 0 0;
		position: relative;
		top: 1px;
	}
	.b-form-item input[type=radio]{
		margin: 0 8px 0 0;
		position: relative;
		top: 1px;
	}
.b-form-label{
	width: 192px;
	padding: 4px 0;
	font-size: 15px;
	line-height: 16px;
	}
.b-form-label__ext{
	width: 300px;
	font-size: 24px;
	padding: 2px 0;
	}
.b-field-text__small input{
	width: 192px;
	}
.b-field-text__ext input{
	width: 293px;
	}
.b-field-text{
	background: #FFF;
	border: 1px solid #959494;
	font-size: 15px;
	margin: 0 0 0 192px;
	}
	.b-field-text__big{
		margin: 0 0 0 338px;
	}
		.b-field-text__big input{
			font-size: 24px;
			width: 138px;
		}
	.b-field-text input{
		border: 0;
		padding: 2px 5px;
	}
	.b-field-text input{
		outline: 0;
	}
.i-password{
	text-align: right;
	width: 250px;
	}
.b-form-checkbox{
	display: block;
	cursor: pointer;
	color: #3d3c3c;
	width: 498px;
	}
	.b-form-checkbox:hover{
		color: #000;
	}
.b-form-checkbox +.i-tip{
	margin: 0 0 0 21px;
	font-size: 12px;
	}
.b-label-tip{
	color: #3d3c3c;
	font-size: 12px;
	margin: 2px 0 0 2px;
	width: 200px;
}
.b-list-form li{
	margin: 0 0 2.5em;
	}
.b-form-radio{
	display: block;
	font-size: 13px;
	margin: 0 0 8px;
}
.b-button{
	float: left;
	padding: 3px 4px;
	border-radius: 7px;
	background: #5a3f36;
}
.b-button button{
	background: #dfe0d5;
	border: 1px solid #c8c293;
	cursor: pointer;
	color: #5f433c;
	border-radius: 4px;
	padding: 3px 6px;
}
	.b-button button:active{
		background: #dddac2;
		border-bottom: 1px solid #a29c6d;
		border-left: 1px solid #412d26;
		border-top: 1px solid #412d26;
		border-right: 1px solid #a29c6d;
	}
.treeview ul {
	margin-top: 4px;
	}
.collapsable .g-pseudo{
	border: 0;
	color: #3d3c3c;
	}
.expandable .g-pseudo{
	border-bottom: 1px ;
	}
.treeview .hitarea {
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
	}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
	}
.treeview li { 
	margin: 0;
	padding: 3px 4px 10px 16px;
	}
.treeview .hover{
	color: red;
	cursor: pointer; 
	}
.filetree li{
	padding: 3px 0 2px 16px;
}

/* Support tags
--------------------- */
.g-clear{
	clear: both;
	}

.b-content table,.b-content td{
    border:1px solid #555;
}

div.b-page-caption span.g-pseudo div.b-button{margin-right:10px;margin-bottom:4px;}