#wrapper{
	width:1000px;
	background:#fff url('/images/system/bg_content_rasporka.gif') repeat-y 730px 0px;
	margin:0 auto;
	min-height:100%;
	height: auto !important;
	height:100%;
}
#wrapper-index{width:1000px; background-color:#fff; margin:0 auto; min-height:100%; height: auto !important; height:100%}
#middle{width:100%; padding: 0 0 100px; height:1%}
#middle:after{content:'.'; display:block; clear:both; visibility:hidden; height:0}
#container{width: 100%; float: left; overflow: hidden}
#content{padding:0 300px 0 60px}
#content-index{padding:0 50px 0 40px}





.block-orange{background-color:#fde480; border:1px solid #fcb57c; padding:15px 10px}
.block-yellow{background-color:#ffffa0; border:1px solid #e3e397; padding:10px}
.block-blue{background-color:#d4e3ff; border:1px solid #bac9e4; padding:10px}
.block-orange td, .block-yellow td, .block-blue td{vertical-align:top}




/* header */
#header{height:190px; background-color:#fff; border-top:20px solid #eee; padding:7px 0 0 0}
#header h1{margin-left:60px}
#header p{text-align:right; margin-right:35px; margin-bottom:8px}
#logo{display:block; float:left; margin:11px 81px 0 25px}
#slogan{margin-left:60px}



/* content */
#content p, #content-index p{text-align:justify}
.demo{text-align:center; margin-top:40px; padding:0 180px}
.demo .button{display:block; float:left; width:100px; background-color:#ffe3a5; border:1px solid #ffc951; font:bold 11px/22px Verdana; color:#000; text-decoration:none; margin-left:25px}
.demo .button span{font-size:9px}
.demo .no-active{background-color:#e6e5e5; border:1px solid #c2c1c1; cursor:default}
.ul-checked li{list-style:none; background:url('/images/system/li_checkbox_white.gif') no-repeat 5px 4px; padding:0 0 20px 55px}
.table-img-text{margin:10px 0}
.table-img-text td{padding:4px 0}
.table-img-text td.td-img{width:65px; text-align:center}


/* styles for index page */
.index-right-block{display:block; float:right; width:470px; margin-left:20px}
.index-right-block p{font:normal 20px Verdana; color:#3d3d3d; margin-bottom:20px}
.index-ul{float:left; margin-right:40px; padding-left:40px}
.index-ul li{list-style-position:inside}
.index-3-col-wrap{background:url('/images/system/bg_3_column.gif') center top repeat-y; z-index:-1; margin:50px 0 20px 0}
.index-3-col{background:url('/images/system/bg_3_column_top.gif') center bottom no-repeat; border:1px solid #fff}
.index-3-col div{width:245px}
.index-3-col div h3{margin-bottom:21px; padding-left:30px}
.index-3-col-1{float:left; background:url('/images/system/ico_square_blue.gif') no-repeat}
.index-3-col-1 h3 strong{color:#2c81ca}
.index-3-col-2{float:left; background:url('/images/system/ico_square_orange.gif') no-repeat; margin-right:80px; margin-left:90px}
.index-3-col-2 h3 strong{color:#fe7e18}
.index-3-col-3{float:left; background:url('/images/system/ico_square_violet.gif') no-repeat}
.index-3-col-3 h3 strong{color:#8181fe}
.index-h1{font:normal 28px Arial; margin-left:40px !important}
.index-h2{font:bold 14px Arial; font-style:italic; color:#767474; margin-left:75px}



/* sidebar */
.sidebar{float:left; position:relative; width:210px; margin:0 0 0 -235px}
.sidebar h3{margin:0 0 10px 20px}
.sidebar li{list-style:none; background:url('/images/system/li.gif') no-repeat 0px 11px; font-weight:bold; padding:5px 0 5px 20px}
.sub-block{font:bold 14px/2 Verdana}
.sub-block img{vertical-align:middle}


/* footer */
#footer{width:1000px; background:#fff; border-top:30px solid #fff; border-bottom:25px solid #eee; margin:-100px auto 0}
#footer .footer{height:28px; border-top:14px solid #74d403; padding-top:3px}
#footer .footer div{display:block; float:right; width:300px; text-align:right; margin-right:35px}
#footer p{margin-left:35px}
#footer p, #footer a{font:normal 11px Verdana; text-decoration:none}
#footer a:hover{text-decoration:underline}