html, body {
position: absolute;
height: 100%;
min-width: 100%;
}

body{
color: #000;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
line-height: 18px;
}

#page {
min-height: 100%;
overflow: hidden;
background: #DCDCDC;
display: block;
position: relative;
}

/*GENERAL_STYLE*/

h1{
font-size: 18px;
}

h2{
font-size: 16px;
line-height: 20px;
}

h3{
font-size: 14px;
font-weight: bold;
line-height: 17px;
}

a{
color: #228bb3;
text-decoration: underline;
}

a:hover{
text-decoration: none;
}

* {
	margin:0;
	padding:0;
	outline:none;
}

*:focus {outline: none;}

.inner{
width: 1000px;
margin: 0 auto;
display: block;
position: relative;
}

.block{
display: block;
position: relative;
}

.clear{
clear: both;
}

.bue{
color: #3993b8;
}

/*HEADER*/

#header{
background: #CBCBCB url('../img_style/header-bg.png') repeat-x;
display: inline-block;
width: 100%;
position: relative;
}

#logo {
display: inline-block;
float: left;
margin: 6px 0 0 0;
}

#header .user-menu{
display: inline-block;
float: right;
position: relative;
height: 70px;
}

#header .user-menu-item{
background: #dfdfdf url('../img_style/user-link.png') center bottom no-repeat;
float: left;
height: 70px;
border-left: 1px solid #B9B9B9;
z-index: 10;
}

#header .user-menu-item.last-child{
border-right: 1px solid #B9B9B9;
}

#header .user-menu-item.active-trail,
#header .user-menu-item.active-menu,
#header .user-menu-item:hover{
background: #ADADAD url('../img_style/user-link.png') center bottom no-repeat;
}

.login-arrow{
display: none;
background: url('../img_style/user-active-arrow.png') top center no-repeat;
position: relative;
height: 8px;
}

.login-arrow.active{
display: block;
}

.user-link{
color: #666;
text-decoration: none;
display: block;
position: relative;
padding: 24px 15px 28px 15px;
cursor: pointer;
}

.user-link.active,
.user-link:hover{
color: #666;
text-decoration: none;
}

#login-form{
display: none;
position: absolute;
z-index: 200;
top: 79px;
right: 0;
background: #CBCBCB;
padding: 6px;
color: #666;
font-size: 12px;
}

#login-form.active{
display: block;
}

#login-form input[type="password"],
#login-form input[type="text"]{
width: 163px;
height: 15px;
margin: 0;
display: block;
position: relative;
}

.form-element {
margin: 0 0 5px 0;
}

#login-form .forgot-password a:hover,
#login-form .forgot-password a{
color: #666;
float: right;
margin: 2px;
}

.form-element.submit{
display: inline-block;
float: left;
}

.user-menu-profile{
display: inline-block;
position: relative;
float: right;
}

.mini-profile {
display: inline-block;
position: relative;
overflow: hidden;
float: left;
}

.profile-img{
width: 62px;
height: 61px;
overflow: hidden;
float: left;
/*line-height: 64px;*/
border: 1px solid #999;
margin: 3px 0 0 0;
}

.profile-data{
color: #666;
font-size: 16px;
display: inline-block;
position: relative;
border-left: 1px solid #B9B9B9;
margin: 0 -4px 0 3px;
}

.profile-data div{
padding: 8px 12px 9px 12px;
}

.profile-data .profile-curs{
background: #CBCBCB
}

/*CONTANT*/

#container{
background: #DCDCDC;
padding: 5px 0 70px 0;
}

.contant-wrapper {
display: inline-block;
position: relative;
width: 100%;
}

#main-contant-wrapper{
padding: 8px 8px 10px 8px;
background: #F8F8F8;
min-height: 647px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
}

.front #main-contant-wrapper{
background: #F8F8F8 url('../img_style/map_ua.png') no-repeat;
position: relative;
display: block;
}

#main-contant{
display: inline-block;
width: 100%;
position: relative;
}

/*TOP_NAVIGATION*/

#top-navigation-wrap{
display: block;
position: relative;
background: #228BB3 url('../img_style/top-menu-bg.png') repeat-x;
color: #fff;
font-size: 12px;
padding: 5px 10px;
border-top-left-radius: 5px;
border-top-right-radius:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
}

.top-navigation {
display: inline-block;
width: 100%;
position: relative;
}

.top-navigation  a{
text-decoration: none;
}

/*menu-left*/

.left-panel {
display: inline-block;
position: relative;
float: left;
margin: 7px 0 0 0;
}

.left-panel  i{
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
}

i.home{
background: url('../img_style/icons/home.png') no-repeat;
height: 20px;
width: 19px;
}

i.glossary{
background: url('../img_style/icons/alpha.png') no-repeat;
width: 30px;
height: 11px;
}

i.help{
background: url('../img_style/icons/help.png') no-repeat;
width: 10px;
height: 15px;
}

i.download{
background: url('../img_style/icons/download.png') no-repeat;
width: 16px;
height: 17px;
}

.left-panel .wrap{
float: left;
display: inline-block;
position: relative;
}

.left-panel #help,
.left-panel a{
display: inline-block;
position: relative;
height: 30px;
padding: 4px 10px 0 10px;
margin: 0 10px 0 0;
}

.left-panel a#home{
width: 23px;
}

.left-panel a#glossary{
width: 31px;
}
.left-panel span#help{
width: 12px;
cursor: pointer;
z-index: 800;
}

.left-panel a#download{
width: 17px;
}

.left-panel a.active,
.left-panel a:hover{
background: url('../img_style/menu-butt.png') no-repeat;
}

.left-panel a#home.active,
.left-panel a#home:hover{
background-position: 0px 0px;
}

.left-panel a#glossary.active,
.left-panel a#glossary:hover{
background-position: 0px -38px;
}

.left-panel span#help.active,
.left-panel span#help:hover{
background: url('../img_style/menu-butt.png') 0px -76px no-repeat;
}

.left-panel a#download.active{
background: none;
}

.left-panel a#download.active:hover{
background: url('../img_style/menu-butt.png') no-repeat 0px -115px;
}

.left-panel a#download:hover{
background-position: 0px -115px;
}

/*right-panel*/

.right-panel {
float: right;
display: inline-block;
position: relative;
}

.text-size span,
.color{
display: block;
position: relative;
float: left;
}

/*size_content*/

#full-content{
display: inline-block;
position: relative;
float: left;
margin: 11px 10px 0 0;
}

#full-content .full-icon{
background: url('../img_style/full-icon.png') no-repeat;
width: 14px;
height: 17px;
cursor: pointer;
}

#full-content .full-icon#wider{
background-position: 0px 0px;
display: block;
}

#full-content .full-icon#wider:hover{
background-position: 0px -19px;
}

#full-content .full-icon#thiner{
background-position: 0px -38px;
display: none;
}

#full-content .full-icon#thiner:hover{
background-position: 0px -57px;
}

/*color*/

#color-panel{
display: inline-block;
position: relative;
float: left;
margin: 9px 10px 0 0;
}

p.explan{
float: left;
margin: 0 6px 0 0;
}

.color{
background: url('../img_style/colors-bg.png') no-repeat;
margin: 0 0 0 3px;
text-indent: -9999px;
width: 31px;
height: 21px;
cursor: pointer;
}

.color#color1{
background-position: 0px 0px;
}

.color#color1:hover,
.color#color1.active{
background-position: 0px -31px;
}

.color#color2{
background-position: -45px 0px;
}

.color#color2:hover,
.color#color2.active{
background-position: -45px -31px;
}

.color#color3{
background-position: -89px 0px;
}

.color#color3:hover,
.color#color3.active{
background-position: -89px -31px;
}

/*text-size*/

.text-size {
display: inline-block;
float: left;
margin: 9px 5px 0 5px;
}

.text-size span{
height: 17px;
margin: 0 0 0 4px;
cursor: pointer;
}

.text-size .biggest{
background: url('../img_style/text-big.png') no-repeat bottom left;
width: 16px;
}

.text-size .biggest.active,
.text-size .biggest:hover{
background: url('../img_style/text-big-hover.png') no-repeat bottom left;
}

.text-size .smaller{
background: url('../img_style/text-small.png') no-repeat bottom left;
width: 11px;
}

.text-size .smaller.active,
.text-size .smaller:hover{
background: url('../img_style/text-small-hover.png') no-repeat bottom left;
}

.hidden{
display: none !important;
}

/*print*/

#print-but{
display: block;
position: relative;
height: 33px;
width: 38px;
cursor: pointer;
}

.print.active #print-but,
#print-but:hover{
background: url('../img_style/menu-butt.png') no-repeat 0px -155px;
}

#print-but span{
background: url('../img_style/icons/print.png')no-repeat 10px 8px;
width: 38px;
height: 33px;
display: block;
position: relative;
}

.print {
display: inline-block;
float: left;
margin: 4px 10px 0 10px;
}

.print a{
color: #000;
}

.print #print-list{
display: none;
}

.print.active #print-list{
display: block;
}

#print-list{
background: url('../img_style/print-arrow.png') no-repeat center 0px;
padding: 8px 0 0 0;
position: absolute;
z-index: 150;
width: 185px;
top: 38px;
right: 16px;
}

#print-list ul{
background: #CBCBCB;
display: inline-block;
position: relative;
margin: 0;
}

#print-list ul li{
list-style: none;
}

#print-list ul li:hover{
background: #EB6E26;
}

#print-list ul li a{
color: #333;
font-size: 16px;
text-decoration: none;
padding: 7px 16px 8px 16px;
display: block;
position: relative;
}

/*lang*/

.lang-swicher {
display: inline-block;
text-align: center;
float: right;
}

.lang-swicher p{
margin: 0;
}

.lang-swicher ul{
display: inline-block;
margin: 0 auto;
position: relative;
}

.lang-swicher li{
position: relative;
list-style: none;
float: left;
margin: 0 0 0 3px;
}

.lang-swicher a{
background: url('../img_style/lang.png')no-repeat;
display: block;
position: relative;
width: 18px;
height: 12px;
text-indent: -9999px;
border: 1px solid #2391BB;
}

.lang-swicher  li.ru a{
background-position: 0px -12px;
}

.lang-swicher li.ua a{
background-position: 0px 0px;
}

.lang-swicher a:hover,
#page.ru .lang-swicher li.ru a,
#page.ua .lang-swicher li.ua a{
border: 1px solid #48C9DE;
}

/*vchudovskiy hiden object tag*/

.hidden-object {
    display: none;
}

.t-hide {
display: none;
}
.t-show {
display: block;
}

/****END vchudovskiy hiden object tag*/

/*MODULE*/

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

.module-menu{
width: 425px;
}

.thematic-blocks{
background: #FAFAFA;
border-top: 1px solid #CECECE;
border-left: 1px solid #CECECE;
border-right: 1px solid #CECECE;
border-bottom: 2px solid #CECECE;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
/*overflow: hidden;*/
}

.module-menu .status-wrapper{
border: 1px solid #FAFAFA;
margin: 5px 4px;
padding: 5px 5px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
cursor: pointer;
position: relative;
}

.module-menu .status-wrapper:hover,
.module-menu  .module-item.active .status-wrapper{
background: #E7E7E7 url('../img_style/module-hover.png') repeat-x;
border: 1px solid #CECECE;
}

.module-menu .status-wrapper span{
display: block;
position: relative;
padding: 0 0 0 25px;
}

.module-menu .module-item span.module{
font-weight: bold;
}

span.status0{
background: url('../img_style/status0.png') center left no-repeat;

}

span.status1{
background: url('../img_style/status1.png') center left no-repeat;
}

span.status2{
background: url('../img_style/status2.png') center left no-repeat;
}

span.status3{
background: url('../img_style/status3.png') center left no-repeat;
}

.module-menu .legend{
border-top: 1px solid #CECECE;
padding: 6px 5px 7px 5px;
}

.module-menu .legend span{
padding: 0 0 0 20px;
margin: 0 20px 0 20px;
}

#page.ua .module-menu .legend span{
margin: 0 16px 0 17px;
}

/*themes*/

.module-item .sub-menu{
display: none;
}

.module-item.active .sub-menu{
display: block;
position: absolute;
top: 10px;
right: 0px;
width: 542px;
padding: 4px 0 14px 0;
}

.sub-menu .theme{
margin: 8px 4px;
}

.sub-menu .theme span{
padding: 0 0 0 20px;
display: block;
position: relative;
}

.sub-menu .theme span a{
color: #000;
text-decoration: none;
}

.sub-menu .theme span.status2 a{
color: #999;
}

.sub-menu .theme span a:hover{
color: #228bb3;
text-decoration: underline;
}

.btn-blue-wrap,
.final-module-test{
display: inline-block;
position: relative;
clear: both;
}

.final-module-test{
margin: 10px 0 13px 24px;
}

.test-ready-wrap{
margin: 0 0 12px 234px;
}

.btn-blue,
.final-module-test a{
background: #3F88B1 url('../img_style/test-button.png') repeat-x;
color: #fff;
font-size: 16px;
text-transform: uppercase;
text-decoration: none;
padding: 6px 8px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 0px 4px 1px #142845;
-webkit-box-shadow: 0px 4px 1px #142845;
-moz-box-shadow: 0px 4px 1px #142845;
filter: progid:DXImageTransform.Microsoft.dropshadow(offX=0, offY=4, color=#142845);
display: inline-block;
position: relative;
cursor: pointer;
}

/*FOOTER*/

#footer{
background: #3F88B1 url('../img_style/footer-bg.png') repeat-x;
display: inline-block;
width: 100%;
position: absolute;
bottom: 0;
overflow: hidden;
color: #fff;
padding: 11px 0 11px 0;
}

.footer-menu{
display: inline-block;
float: left;
position: relative;
margin: 3px 0 0 178px;
}

.footer-menu li{
list-style: none;
float: left;
background: url('../img_style/footer-menu-line.png') no-repeat 100% 4px;
}

.footer-menu li:last-child{
background: none;
}

.footer-menu li a{
color: #fff;
text-decoration: none;
padding: 5px 9px;

}

.footer-menu li a.active,
.footer-menu li a:hover{
color: #ffcb00;
}

#footer .copy {
display: inline-block;
float: left;
margin: 6px 0 0 0;
}

#footer-logo{
display: inline-block;
position: relative;
float: right;
}

/*OTHER_PAGES*/

.module-contant-wrap{
width: 600px;
float: left;
}

.themes-menu{
width: 370px;
float: right;
}

#module-inside-page{
position: relative;
z-index: 10;
}

#module-inside-page .module-menu .legend span{
margin: 0 10px 0 15px;
}

#page.ua #module-inside-page .module-menu .legend span{
margin: 0 4px 0 8px;
}

.title-grey{
background: #E8E8E8 url('../img_style/contant-title.png') repeat-x;
border-bottom: 1px solid #CECECE;
font-size: 14px;
font-weight: bold;
line-height: 18px;
margin: 0;
padding: 12px 5px 13px 5px;
position: relative;
}

#color-contant-wrap{
padding: 0px 0 0px 5px;
position: relative;
overflow: hidden;
font-size: 14px;
}

#color-contant-wrap.my_color1{
background: #FAFAFA;
}

#color-contant-wrap.my_color2{
background: #F5F1D1;
}

#color-contant-wrap.my_color3{
background: #DCF0FF;
}

.module-contant{
height: 578px;
overflow-y: scroll;
padding: 10px 21px 0 0;
}

.tabs-module{
text-align: center;
border-top: 1px solid #CECECE;
padding: 3px 0 2px 0;
}

.tabs-module ul{
display: inline-block;
margin: 0;
}

.nav-tabs li{
float: left;
margin: 0 3px;
position: relative;
}

.battun-wrap{
position: relative;
display: inline-block;
}

.battun-wrap .butt-left{
background: url('../img_style/tabs-button.png') no-repeat;
background-position: 0px 0px;
width: 4px;
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 5;
height: 33px;
}

.battun-wrap .btn-orange,
.nav-tabs .battun-wrap a{
background: url('../img_style/tabs-button.png') no-repeat top right;
background-position: 100% 0px;
display: block;
position: relative;
z-index: 10;
margin: 0 0 0 4px;
height: 33px;
text-transform: uppercase;
text-decoration: none;
color: #fff;
text-shadow: 0px 1px 2px #c53c11;
padding: 0 5px 0 1px;
line-height: 31px;
}

.battun-wrap .btn-orange{
padding: 0 11px 4px 7px;
border: none;
outline: none;
}

.battun-wrap:hover .butt-left,
li.active .battun-wrap .butt-left,
.nav-tabs .battun-wrap:hover .butt-left{
background-position: 0 -73px;
}

.battun-wrap:hover .btn-orange,
li.active .battun-wrap a,
.nav-tabs .battun-wrap:hover a{
background-position: 100% -73px;
color: #fff;
text-shadow: 0px 1px 1px #000;
}

.empty .battun-wrap .butt-left{
background-position: 0 -36px !important;
}

.empty .battun-wrap div{
background: url('../img_style/tabs-button.png') no-repeat top right;
background-position: 100% -36px;
display: block;
position: relative;
z-index: 10;
margin: 0 0 0 4px;
height: 33px;
text-transform: uppercase;
text-decoration: none;
color: #999;
text-shadow: 0px 1px 1px #fff;
padding: 0 5px 0 1px;
line-height: 31px;
}


/*tabs with carusel*/

.nav-tabs li.close-trail{
display: none;
}

.nav-tabs li.active-trail{
display: block;
}

.tabs-carusel{
display: inline-block;
position: relative;
}

.tabs-carusel ul{
float: left;
}

.tabs-carusel .leaf-button{
display: inline-block;
float:left;
}


/*GLOSSARiY*/

.glossary-links{
border-bottom: 1px solid #CECECE;
margin: 0 0;
padding: 7px 5px 0px 5px;
}

.links-alpha {
text-align: center;
}

.glossary-links ul{
display: inline-block;
margin: 0 auto;
}

.glossary-links ul li{
list-style: none;
float: left;
}

.glossary-links ul li a{
font-size: 18px;
color: #3693cf;
text-transform: uppercase;
text-decoration: none;
padding: 0 4px;
}

.glossary-links ul li a.active,
.glossary-links ul li a:hover{
color: #999;
}

.glossary-content{
height: 458px;
overflow-y: scroll;
padding: 10px 21px 0 10px;
}

.glossary-content h2{
margin: 0 0 5px 0;
}

.glossary-content ul{
margin: 0;
}

.glossary-content li{
list-style: none;
}

.glossary-content li a{
display: block;
position: relative;
float: left;
width: 295px;
padding: 0 5px;
}

.button-back-wrap {
border-top: 1px solid #CECECE;
padding: 7px 6px;
}

.leaf-button a{
display: block;
position: relative;
width: 38px;
height: 33px;
text-indent: -9999px;
}

.button-next a{
background: url('../img_style/next-button.png') no-repeat;
}

.button-back a{
background: url('../img_style/back-button.png') no-repeat;
}

.leaf-button a{
background-position: 0px 0px;
}

.leaf-button a:hover{
background-position: 0px -35px;
}

/*TEST_PAGE*/
.module-contant h2{
text-align: center;
font-size: 18px;
font-weight: normal;
margin: 0 0 10px 0;
}

.question-item,
.test-item{
padding: 0 0 10px 0;
display: inline-block;
width: 100%;
}

.test-form-site .user-true-answer{
background: url('../img_style/correct.png') no-repeat;
padding: 0 0 0 23px;
}

.test-form-site .user-false-answer{
background: url('../img_style/wrong.png') no-repeat;
color: #dd2402;
padding: 0 0 0 23px;
}

.test-form-site .answer,
.test-container .answer {
padding: 0 0 0 19px;
}

.question-describe-after,
.question-describe-before {
color: #757474;
font-size: 12px;
}

.question-describe-before {
padding: 0 0 4px 0;
}

.question-describe-after {
padding: 4px 0 0 0;
}

.test-item .row-variant{
position: relative;
}

.question-item label input,
.test-container  .row-variant .multi,
.test-container  .row-variant .single{
margin: 2px 5px 3px 0;
}

.question-item label{
margin: 0;
}

.question-item .list-places,
.question-item .question-terms,
.question-item .sortable{
margin: 0;
width: 260px
}

.question-item  .list-variants li,
.question-item .list-places li,
.question-item .question-terms li,
.question-item .sortable li{
list-style: none;
margin: 0 0 5px 0;
padding: 2px 5px;
line-height: 16px;
}

.question-item .question-terms{
float: left;
margin: 0 0 0 19px;
}


.question-item .question-terms li{
background: #E9E7E7;
border: 1px solid #CECBCB;
}

.question-item .list-places,
.question-item .sortable{
float: right;
}

.question-item .list-places li,
.question-item .sortable li{
background: #E2F3F8;
border: 1px solid #95CDE0;
cursor: move;
}

.question-item .sortable li,
.question-item  .question-terms li,
.question-item .list-places li{
min-height: 20px;
}

.question-item  .list-variants{
margin: 18px 0 0 19px;
clear: both;
border: 1px dashed #999;
padding: 7px 6px 2px 6px;
}

.question-item  .list-variants li{
border: 1px solid #999;
cursor: move;
background: #EFF1FF;
padding: 5px 5px;
}

.question-terms.with-variant {
margin: 0 0 10px 19px;
}

.answer select {
width: auto;
padding: 0;
margin: 0;
height: 25px;
min-width: 36px;
color: #717372;
}

.row-select {
margin: 0 0 7px 0;
display: inline-block;
position: relative;
}

.row-select span{
display: block;
position: relative;
width: 244px;
float: left;
margin: 0 5px 0 0;
}

.indent-contant{
padding: 8px 10px;
}

.profile-wrap h3{
margin: 0 0 12px 0;
}

.ava .profile-img{
float: none;
}

.ava input[type="file"]{
display: block;
position: relative;
width: 64px;
height: 24px;
background: url('../img_style/overview.png') no-repeat;
text-indent: -9999px;
cursor: pointer;
margin: 4px 0 0 0;
}

.second-data,
.first-data,
.ava {
display: inline-block;
position: relative;
}

.first-data,
.ava {
float: left;
}

.first-data {
margin: 0 72px 0 17px;
}

.profile-wrap input[type="text"]{
font-size: 16px;
color: #333;
margin: 0;
/*padding: 2px 4px 3px 4px;*/
}

.profile-wrap .text-prof{
width: 240px;
}

.profile-wrap .user-profile label{
margin: 3px 0 3px 0;
}

.profile-wrap .user-profile label span{
width: 65px;
display: inline-block;
position: relative;
margin: 0 5px 0 0;
}

.profile-wrap .battun-wrap{
float: right;
margin: 2px 0 0 0;
}

.profile-wrap form{
margin: 0;
}

.user-progress .module{
display: block;
position: relative;
font-size: 12px;
font-weight: bold;
padding: 0 0 0 27px;
margin: 0 0 8px 0;
}

.user-progress .legend {
display: inline-block;
position: relative;
float: left;
}

.user-progress .legend span{
padding: 0 0 0 18px;
margin: 0 10px 0 0;
}

.user-progress.block {
width: 470px;
float: left;
}

.wrapper-progress {
background: url('../img_style/profile-line.png') repeat-y 50% 0;
display: inline-block;
width: 100%;
margin: 0 0 -5px 0;
padding: 0 0 8px 0;
}

.progress-on {
font-size: 16px;
display: inline-block;
position: relative;
float: right;
margin: 10px 10px;
}

#results-test,
#system-page-data{
display: none;
}

.wrapper-progress .other {
display: block;
position: relative;
width: 461px;
margin: 0 4px 0 0;
float: right;
}

#results-test{
text-align: center;
}

#results-test .results-test-inner .test-check{
/*background: #C7C7C7;
color: #504E4E;*/
text-transform: uppercase;
display: block;
padding: 5px 27px 12px 27px;
position: fixed;
z-index: 900;
top: 20%;
left: 20%;
border: 1px solid #7C7979;
text-shadow: 0px 1px 1px #fff;
min-width: 40%;
height: 300px;
overflow-x: scroll;
}
canvas{
    position: relative;
}

.task-item {
position: relative;
margin: 0 0 8px 0;
}

.task-item .q-task{
display: block;
position: relative;
}

.task-item  .status{
display: block;
position: relative;
margin: 0 0 3px 0;
padding: 0 22px 0 0;
}

.task-item .task-status0{
background: url('../img_style/status0.png') center right no-repeat;
}

.task-item .task-status2{
background: url('../img_style/status2.png') center right no-repeat;
}

.task-item .task-status1{
background: url('../img_style/status3.png') center right no-repeat;
}

.task-item input[type="text"]{
width: 429px;
}

.task-item .text {
color: #228EB7;
display: block;
position: relative;
margin: 5px 0 0 17px;
}

.practise-tasks .legend span{
padding: 0 0 0 19px;
margin: 0 10px 0 0;
}

.practise-tasks .battun-wrap {
float: right;
margin: 8px 0 2px 0;
}

.wrapper-progress .other .ankets-item{
width: 150px;
float: left;
margin: 0 8px 0 0;
}

.wrapper-progress .other .ankets{
clear: both;
}

.wrapper-progress .other .ankets a{
padding: 0 0 0 21px;
display: block;
position: relative;
color: #333;
font-weight: bold;
font-size: 12px;
text-decoration: none;
margin: 0 0 3px 0;
cursor: pointer;
}

.wrapper-progress .other .ankets a:hover{
color: #3993b8;
text-decoration: underline;
}

.wrapper-progress .other .ankets .task-status2{
background: url('../img_style/status2.png') center left no-repeat;
}

.wrapper-progress .other .ankets .task-status0{
background: url('../img_style/status0.png') center left no-repeat;
}

.sertificate-wrap{
clear: both;
}

.sertificate-wrap  .sertif-item{
width: 144px;
float: left;
margin: 0 8px 0 0;
}

.sertificate-wrap{
border-top: 1px solid #CECECE;
display: inline-block;
position: relative;
width: 491px;
margin: 10px 0 0 -16px;
padding: 7px 0 0 0;
}

.sertificate-wrap .sertificate{
padding: 0 17px 0 17px;
}

.sertificate-wrap  .sertif-item a{
color: #333;
text-decoration: none;
display: inline-block;
position: relative;
background: url('../img_style/download.png') center right no-repeat;
padding: 0 18px 0 0;
margin: 0 0 12px 0;
}

.sertificate-wrap  .sertif-item a:hover,
.sertificate-wrap  .sertif-item a.status1{
background: url('../img_style/download-hover.png') center right no-repeat;
}

#color-contant-wrap.size-18{
line-height: 22px;
}

#color-contant-wrap.size-20{
line-height: 24px;
}

#color-contant-wrap.size-22{
line-height: 25px;
}

#color-contant-wrap.size-24{
line-height: 30px;
}

#color-contant-wrap.size-10{
line-height: 14px;
}

.no-logged.user-menu.offline-version {
font-size: 23px;
text-transform: uppercase;
color: #228CB5;
display: block;
position: absolute;
z-index: 20;
top: 24px;
right: 0;
font-weight: bold;
}

/*prohelp*/

.prohelp{
display: none;
position: relative;
}

.prohelp.visual{
position: absolute;
display: block;
z-index: 700 !important;
text-align: center;
color: #000;
font-size: 14px;
line-height: 17px;
width: 200px;
}

.prohelp span{
background: #FAFD7A;
border-radius: 16px;
display: block;
position: relative;
padding: 10px 13px 10px 13px !important;
box-shadow: 0px 5px 7px rgba(0, 17, 0, 0.76)!important;
filter: progid:DXImageTransform.Microsoft.shadow(direction=120, color=#303C30, strength=7);
font-weight: normal;
}

.prohelp.topleft{
top: -68px;
right: 13px;
}

.prohelp.topright{
top: -72px;
left: 88px;
}

.prohelp.bottomleft{
bottom: -68px;
right: -14px;
}

.prohelp.bottomright{
bottom: -91px;
left: 10px;
}

.prohelp-arrow{
position: relative;
z-index: 10;
height: 29px;
}

.prohelp.topleft .prohelp-arrow{
background: url('../img_style/prohelp/topleft-arrow.png') no-repeat 86% 100%;
height: 29px;
}

.prohelp.topright .prohelp-arrow{
background: url('../img_style/prohelp/topright-arrow.png') no-repeat 12% 100%;
}

.prohelp.bottomleft .prohelp-arrow{
background: url('../img_style/prohelp/bottomleft-arrow.png') no-repeat 80% 0%;
height: 26px;
}

.prohelp.bottomright .prohelp-arrow{
background: url('../img_style/prohelp/bottomright-arrow.png') no-repeat 3% 0%;
height: 25px;
}

cite.open {
position: relative;
color: #797575;
cursor: help;
border-bottom: 1px dashed #666;
}

cite.open:hover{
border-bottom: none;
}

.hidden-prompt{
display: none;
}

.hidden-prompt.visible{
display: block;
position: absolute;
z-index: 100;
top: 17%;
left: 6%;
max-width: 458px;
text-align: center;
padding: 14px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.close-prompt {
float: right;
font-size: 20px;
font-weight: bold;
line-height: 20px;
color: #000000;
text-shadow: 0 1px 0 #ffffff;
opacity: 0.2;
filter: alpha(opacity=20);
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
}

.close-prompt :hover, .close-prompt :focus {
color: #000000;
text-decoration: none;
cursor: pointer;
opacity: 0.4;
filter: alpha(opacity=40);
}

blockquote.close{
display: none !important;
}

/*Подсказки по сайту*/

.tooltip-term .special-for-valya{
position: relative;
color: #797575;
cursor: help;
border-bottom: 1px dashed #666;
font-weight: normal;
}

.tooltip-term .special-for-valya:hover{
border-bottom: none;
}

.tooltip-text{
display: none;
}

.tooltip-text.visible{
display: block;
position: fixed;
z-index: 100;
top: 21%;
left: 12%;
width: 525px;
text-align: justify;
padding: 14px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
color: #468847;
background-color: #dff0d8;
border-color: #d6e9c6;
}

.tab-content{
text-align: justify;
}

#back-top {
display: none;
background: url('../img_style/up-arrow.png') no-repeat 100% 6px;
position: fixed;
cursor: pointer;
bottom: 99px;
margin-left: -96px;
z-index: 900;
padding: 0 21px 0 0;
color: #228DB6;
font-weight: bold;
height: 20px;
}

object#video-0{
display: none;
}

#myTabContent {
overflow: hidden;
}


/*
**BLK_BLOCKS
*/

.blk-cross, .blk-cross tr, .blk-cross td,
.blk-practical, .blk-practical tr, .blk-practical td,
.blk-annotation, .blk-annotation tr, .blk-annotation td,
.blk-important, .blk-important tr, .blk-important td,
.blk-check, .blk-check tr, .blk-check td,
.blk-example, .blk-example tr, .blk-example td,
.blk-more, .blk-more tr, .blk-more td,
.blk-think, .blk-think tr, .blk-think td,
.blk-self, .blk-self tr, .blk-self td{
display: block;
position: relative;
}

.blk-cross td,
.blk-practical td,
.blk-annotation td,
.blk-important td,
.blk-check td,
.blk-example td,
.blk-more td,
.blk-self td,
.blk-think td{
background-color: transparent;
}

.blk-cross table,
.blk-practical table,
.blk-annotation table,
.blk-important table,
.blk-check table,
.blk-example table,
.blk-more table,
.blk-self table,
.blk-think table{
width: 500px;
}

.blk-cross table tr,
.blk-practical table tr,
.blk-annotation table tr,
.blk-important table tr,
.blk-check table tr,
.blk-example table tr,
.blk-more table tr,
.blk-self table tr,
.blk-think table tr{
display: table-row;
}

.blk-cross table td,
.blk-practical table td,
.blk-annotation table td,
.blk-important table td,
.blk-check table td,
.blk-example table td,
.blk-more table td,
.blk-self table td,
.blk-think table td{
border-width: 1px;
padding: 8px;
border-color: #666666;
display: table-cell;
}

/*.blk-think*/

.blk-think{
margin: 35px 0 20px 30px;
}

.blk-think td{
border: 3px solid #51af31;
padding: 22px 8px 12px 8px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.blk-think .blk-img{
position: absolute;
top: -22px;
left: -33px;
}

/*.blk-self*/
.blk-self{
margin: 20px 0 20px 0px;
}

.blk-self td{
border: 3px solid #00aeff;
background: transparent url('../img_style/blk-self.png') no-repeat 0px 0px;
padding: 8px 8px 4px 70px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
min-height: 58px;
}

/*.blk-more*/

.blk-more{
margin: 55px 0 20px 20px;
}

.blk-more td{
border: 3px solid #ef7814;
padding: 22px 8px 12px 8px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.blk-more .blk-img{
position: absolute;
top: -38px;
left: -22px;
}

/*blk-example*/

.blk-example{
margin: 38px 0 20px 31px;
}

.blk-example td{
border: 3px solid #a04d98;
padding: 22px 8px 12px 8px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.blk-example .blk-img{
position: absolute;
top: -23px;
left: -32px;
}

/*blk-check*/

.blk-check{
margin: 38px 0 20px 31px;
}

.blk-check td{
border: 3px solid #fabf36;
padding: 22px 8px 12px 8px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.blk-check .blk-img{
position: absolute;
top: -23px;
left: -32px;
}

/*blk-important*/

.blk-important{
margin: 50px 0 20px 20px;
}

.blk-important td{
border: 3px solid #e50040;
padding: 22px 8px 12px 16px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.blk-important .blk-img{
position: absolute;
top: -40px;
left: -22px;
}

/*.blk-practical*/

.blk-practical{
margin: 55px 0 20px 20px;
}

.blk-practical td{
border: 3px solid #3883C4;
padding: 22px 8px 12px 8px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.blk-practical .blk-img{
position: absolute;
top: -23px;
left: -23px;
}

/*.blk-cross*/

.blk-cross{
margin: 25px 16px 60px 78px;
}

.blk-cross td{
border: 3px solid #3883c4;
padding: 10px 12px 11px 12px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
font-style: italic;
color: #000;
}

.blk-cross .blk-img{
position: absolute;
bottom: -40px;
left: -64px;
}

/*blk-annotation*/

.blk-annotation td{
margin: 0 0 10px 0;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.my_color1 .blk-annotation td{
background: #E0F5FF;
border: 1px solid #00ACFF;
}

.my_color2 .blk-annotation td{
background: #FFFFA9;
border: 1px solid #FFB800;
}

.my_color3 .blk-annotation td{
background: #fff;
border: 1px solid #00ACFF;
}

.map-in-conten object,
.thematic-blocks .video-flow{
margin: 0 auto 15px auto;
box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.87);
-webkit-box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.87);
-moz-box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.87);
border: 1px solid #fff;
}

.table th, .table td{
border-bottom: none;
border-left: none;
border-right: none;
}

.map-in-conten{
text-align: center;
margin: 0px 0 15px 0;
}

blockquote {
margin: 10px 10px;
position: relative;
border: none;
padding: 7px 35px 7px 35px;
}

blockquote hr{
margin: 5px 0;
}


blockquote:before, blockquote:after{
width: 28px;
height: 23px;
display: block;
position: absolute;
}

blockquote:before{
background: url('../img_style/quete-first.png') no-repeat 0px 0px;
top: 0px;
left: 0;
}

blockquote:after{
background: url('../img_style/quete-last.png') no-repeat 0px 0px;
bottom: 0px;
right: 0;
}

blockquote  p{
font-size: 16px;
font-style: italic;
color: #088ccb;
}

#breadcrumbs {
position: relative;
padding: 0 5px 10px 5px;
}

.modules-about-page  h1{
margin: 0px 0 10px 0;
}

ul.blk-list{
margin: 16px 0px 16px 5px;
}

ul.blk-list li{
list-style: none;
border: 2px solid #088ccb;
margin: 0 0 5px 0;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
overflow: hidden;
cursor: pointer;
}

ul.blk-list li h6{
background: #088ccb url('../img_style/list-arrow.png') no-repeat 98% 16px;
padding: 9px 33px 10px 10px;
font-size: 16px;
color: #fefefe;
font-weight: normal;
margin: 0;
}

ul.blk-list li.open h6{
background: #088ccb url('../img_style/list-arrow-active.png') no-repeat 98% 16px;
}

ul.blk-list li .blk-list-text{
padding: 8px 10px 10px 10px;
/*font-size: 16px;*/
font-size: 14px;
line-height: 18px;
display: none;
}

ul.blk-list li.open .blk-list-text{
display: block;
}

.blk-list-term td{
border: none;
padding: 0 5px;
}

.blk-list-text ul li,
.blk-list-text ol li{
overflow: visible;
border: none;
}


.blk-list-text ul li{
list-style: disc;
}

.blk-list-text ol li{
list-style: decimal;
}


.blk-term{
font-size: 66px;
font-weight: bold;
color: #088ccb;
}


.blk-checkbox{
margin: 0 0 10px;
}

.blk-checkbox legend{
margin: 0px 0 10px 0;
font-size: 14px;
line-height: 20px;
padding: 0 0 6px 0;
}

ul.blk-list.thematic h6{
position: relative;
padding: 10px 33px 9px 41px;
font-weight: bold;
}

ul.blk-list li.goal-block-list{
border: 2px solid #3883c4;
}

ul.blk-list li.goal-block-list h6{
background: #3883c4 url('../img_style/blk-list-thematic.png') no-repeat 0px -2px;
}

ul.blk-list li.task-block-list{
border: 2px solid #ff0000;
}

ul.blk-list li.task-block-list h6{
background: #ff0000 url('../img_style/blk-list-thematic.png') no-repeat 0px -45px;
}

ul.blk-list li.results-block-list{
border: 2px solid #9934d4;
}

ul.blk-list li.results-block-list h6{
background: #9934d4 url('../img_style/blk-list-thematic.png') no-repeat 0px -90px;
}

ul.blk-list li.materials-block-list{
border: 2px solid #337b08;
}

ul.blk-list li.materials-block-list h6{
background: #337b08 url('../img_style/blk-list-thematic.png') no-repeat 0px -134px;
}

ul.blk-list li .arrow{
width: 14px;
height: 17px;
display: block;
position: absolute;
z-index: 10;
background: url('../img_style/list-arrow.png') no-repeat;
top: 15px;
right: 8px;
}

ul.blk-list li.open .arrow{
background: url('../img_style/list-arrow-active.png') no-repeat;
}

ul.blk-list.thematic li .blk-list-text{
padding: 8px 6px 10px 6px;
font-size: 14px;
}

form.blk-checkbox.scale{
padding: 15px 0 0 78px;
}

form.blk-checkbox.scale .checkbox-ansver{
width: 432px;
top: -42px;
}

form.blk-checkbox.scale .checkbox-ansver .arrow{
top: 52px;
}