@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"), local("Roboto-Regular"), url("https://fonts.gstatic.com/s/roboto/v15/oeEVQYYBjVpg-nn8NItjTw.ttf") format("truetype");
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    src: local("Roboto Medium"), local("Roboto-Medium"), url("https://fonts.gstatic.com/s/roboto/v15/ZLqKeelYbATG60EpZBSDy6CWcynf_cDxXwCLxiixG1c.ttf") format("truetype");
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    src: local("Roboto Bold"), local("Roboto-Bold"), url("https://fonts.gstatic.com/s/roboto/v15/77FXFjRbGzN4aCrSFhlh3qCWcynf_cDxXwCLxiixG1c.ttf") format("truetype");
}
@font-face {
    font-family: "playbold";
    font-style: normal;
    font-weight: 400;
    src: url("fonts_new/play-bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts_new/play-bold-webfont.woff") format("woff"), url("fonts_new/play-bold-webfont.ttf") format("truetype");
}

@font-face {
    font-family: "playregular";
    font-style: normal;
    font-weight: 400;
    src: url("fonts_new/play-regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts_new/play-regular-webfont.woff") format("woff"), url("fonts_new/play-regular-webfont.ttf") format("truetype");
}

body {font: 16px playregular; font-family: 'Ubuntu', sans-serif; }
.cir {border: 1px dashed #7474c1;    padding: 0 25px;}
.well {padding:25px 40px; background-color:white;}
.nav > li { display: inline-block; }
a {color: #7474C1;}
.btn-primary {background-color: #7474C1 ;}
.btn-primary:hover {background-color: #7474C1 ;}
.asnwer {font-size:20px; cursor:pointer; margin-bottom:5px;}
.begin_but {margin: 3px 0; vertical-align:middle;background-color: #FFA300;border:0;    font-size: 20px;    height: 50px;    padding: 8px 50px;text-decoration:none;}
.begin_but:hover { opacity:0.7;background-color: #FFA300; text-decoration:none;}
.bullet{width:20px;vertical-align: top;padding-top:6px;}
.tree_list {border:0; width:100%;}
.tree_list td, .tree_list th {padding:5px;}
.tree_list tr {border-bottom:1px solid lightgrey}
.status_td {width:260px;}
.title_td {padding:5px 0px 0px 5px;}
.file-icon.pdf {    background-position: 0 -128px;}
.td_left {text-align:left;}
.td_top td, .td_top th {vertical-align:top;}
.td_bottom {vertical-align:bottom;}
.file-icon {
    background: rgba(0, 0, 0, 0) url("../image/files.png") no-repeat scroll 0 176px;
    display: inline-block;
    height: 16px;
    line-height: 16px;
    padding-left: 25px;
    vertical-align: middle;
}
li img {margin-right: 3px;vertical-align: -2px;}
.dropdown {cursor:pointer;}
.thumbnails {margin-bottom:0px;}
.th_ben { table-layout: fixed; margin-left: -5px;    margin-right: -5px; }
.th_ben th,.th_ben th a,.th_ben th .thumbnails {color:white !important; background:#7477B8 !important; }
.th_ben a {text-decoration:underline;}
.th_ben th {border: 5px solid #ffffff;}
#header{ padding-bottom: 20px;}
.header-pic {	background: rgba(0, 0, 0, 0) url("../image/header_pic.png") repeat scroll 0 0;	color:white;	min-height:300px;}
.header_text {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: white;
    font-family: "Open Sans";
	font-size: 24px;
    margin-top: 50px;
    z-index: 2;
	font-weight: bold;
}
.header_name {margin-top:10px; font-size: 22px; font-weight: normal;}
.nav li a { color:black; }
.navbar_logo {background: transparent none repeat scroll 0 0;
    height: 165px;
    margin-left: 60px;
    position: absolute;
    top: 10px;
    width: 180px;
    z-index: 1;}
.navbar_buh {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    /*border: 1px solid #000000;*/
    height: 43px;
    margin-left: 264px;
    position: absolute;
    top: 159px;
    width: 153px;
    z-index: 1;}
.navbar_cadr {    
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    /*border: 1px solid #000000;*/
    height: 43px;
    margin-left: 428px;
    position: absolute;
    top: 160px;
    width: 418px;
    z-index: 1;}
.edudoc-block,.workdoc-block {padding-bottom: 10px;    padding-top: 10px;}
.underline {border-bottom: grey 1px solid;}
.add_doc_button	{margin-top:20px; margin-bottom: 20px;}
.tips { font-family: arial;    font-size: 13px;    font-style: italic;}
.justify { text-align:justify;}
.logo{
	/*float: left;
    margin-left: 40px;
    margin-top: -10px;
    width: 200px;*/
	    margin-right: 20px;
    /*margin-top: 20px;*/
    width: 150px;
}
.comp{
    margin-top: 33px;
    position: absolute;
    right: 0;
    width: 200px;
}
.lamp
{
    /*margin-top: 33px;*/
    position: absolute;
    right: 100px;
    width: 200px;
	
}
.star
{
	left: -188px;
    margin-top: 0;
    position: absolute;
    width: 380px;
	
}
.line-menu, .line-menu-fly {
	background-color:#7474c1;
	color:white;
	text-align:center;
	margin-bottom: 15px;
    margin-left: 0;
}
.line-menu-fly a{color: #fff;}
.line-menu-fly .navbar-toggle{ border-color: #fff;}
.line-menu-fly .navbar-toggle:hover{ background: #fff;}
.line-menu-fly .navbar-toggle .icon-bar {    background: #fff;}
.line-menu-fly .navbar-toggle:hover .icon-bar{ background: #7474c1;}
ul.text-menu { display:inline-block;/*height:48px;*/ margin-bottom:0;margin-top: 0;padding:0;}
ul.text-menu li a {text-decoration:underline; color: white; font-family:Open Sans;padding:13px 20px;height:48px;}
ul.text-menu li a:hover {color: #7474c1; font-family:Open Sans;}
ul.text-menu li:hover {background-color:white;color: #7474c1;}
ul.text-menu li {	display:inline-block;	color: white;	height:100%;	padding:14px 0;}
.text-underline {text-decoration: underline;}
.home-header {text-transform: uppercase; color:#7474c1;font-weight: bold; font-size:20px;margin-left:10px;margin-bottom:25px;font-family:Open Sans;}
.home-header_white {text-transform: uppercase; color:white;font-weight: bold; font-size:20px;margin-left:10px;margin-bottom:25px;font-family:Open Sans;}
.home-header_black {text-transform: uppercase; color:black; font-size:20px;margin-left:10px;margin-bottom:25px;font-family:Open Sans;}

.home-wide-block{	background-color: #f5f5f5; margin-top: 20px; padding: 20px 0;	}
.home-wide-block_white{	background-color: white;	}
.home-wide-block_orange{ background-color: rgb(247,148,30);	}
.home-wide-block_blue{ background-color: #7474c1; background-image: url('../image/fon_vygoda.png'); }

.mini-header {font-size:16px; margin-bottom: 5px;  font-weight: bold; display:block;}
.home-etap {margin-bottom:20px;display:table;table-layout:fixed;width:100%;}
.home-etap td {text-align:center; padding:20px; font-weight: bold; vertical-align:top;}
.home-vigoda td {text-align:left; padding:20px;}
.text-center {text-align:center;}
.td_0 {color: #ffffff;
    font-family: Tahoma;
    font-size: 186px;
    font-weight: bold;
    line-height: 20px;
    text-align: center;
    width: 20%;}
	
.home-button_cir {padding:10px 20px;}
.middle-line {text-decoration:underline;}
.rules-list {margin-bottom:25px;padding-left:10px;}
ul.rules-list .text {    display: inline-block;    line-height: 27px;    width: 92%;}
ul.ulstar li{
	list-style: outside url("../image/reestr.png") disc;
	/*background: rgba(0, 0, 0, 0) url("../image/list-bg.jpg") no-repeat scroll left top;*/
}
.rules-list li{
	list-style: outside none none;
    /* background: rgba(0, 0, 0, 0) url("../image/list-bg.jpg") no-repeat scroll left top;*/
    padding-bottom: 0;
    padding-top: 15px;
    text-align: left;
}
.yellow-circle {
   border: 1px solid #000000;
    border-radius: 50%;
    display: inline-block;
    float: left;
    margin-right: 10px;
    padding: 0 6px;
}
.img_underline1 {height: 37px;    left: 9px;    position: absolute;    z-index: 0;}
.img_underline2 {position: absolute;    margin-top: 16px;    width: 90px;}	
.sub-links_title {font-family: playbold;}
.sub-links_list	{padding-left:0;}
.navbar-static-top {z-index:100;}
.consult-link {
    background: rgba(0, 0, 0, 0) url("../image/consult-link.jpg") no-repeat scroll 0 0;
    display: inline-block;
    height: 45px;
    width: 197px;
   margin-left: 20px;
}
.tariff_table {backgroung: white;color:black; width:100%;font-size:14px;}
.tariff_table tr {border:1px solid #f7941e;}
.tariff_table > tr td {}
.tariff_table td {background: #ffffff none repeat scroll 0 0;padding:15px;}
.tariff_name {text-align:center; font-size:18px;font-weight:bold;}
.tariff_header {font-size:18px;font-weight:bold;}
.tariff_button {text-align:center;}
.tariff_period {text-align:center; color:#f7941e;}
.tariff_buy_button {background-color: #f7941e;    border-radius: 5px;    color: #ffffff;    padding: 10px 50px;    width: 200px; text-decoration:none; }
.tariff_buy_button:hover {text-decoration:none; opacity:0.8; color:white; text-decoration:none;}
.tariff_buy_button_cyan {background-color: #7474c1;    border-radius: 5px;    color: white;    padding: 10px 50px;    width: 200px; text-decoration:none; }
.tariff_buy_button_cyan:hover {text-decoration:none; opacity:0.8; color:black; text-decoration:none;border: 2px #7474c1 solid;background-color: white;}

.check {
	/*background: rgba(0, 0, 0, 0) url(view/image/check-04.png) no-repeat scroll left top;;*/
	padding-left: 22px;
	line-height: 30px;
	}
	
.check-yes { 
	/*background: rgba(0, 0, 0, 0) url(view/image/check_yes-04.png) no-repeat scroll left top;;*/
	padding-left: 22px;
	line-height: 30px;
	}
.ul-line { margin-left:-55px;}
.li-line {
	height: 55px;
	background: rgba(0, 0, 0, 0) url("../image/list-bg.jpg") no-repeat scroll left top;
    padding-left: -23px;
    padding-bottom: 0;
    padding-top: 30px;
    text-align: left;
	list-style: outside none none;
	}
.no-line { 	background:none;	}
.li-line img {vertical-align:middle;}

.tariff_table {backgroung-color: transparent; border:1px solid transparent;}
.tariff_table tr { border:1px solid #f7941e;}
.tariff_table tr:first-child{border-top: 1px solid transparent ;}
.tariff_table tr:last-child{border-bottom: 1px solid transparent ;}
.tariff_table td.bord,.tariff_table td.bord:hover:before,.tariff_table td.bord:hover:after { width: 250px; }
.tariff_table td.bord {border: 0px solid #f7941e; z-index:0;}
.tariff_table td.bord:hover:before {
    content: '';    
    display: block;
    position: absolute;
    top: -15px;
	bottom: -15px;
	margin-left:-15px;
	background: white; 
	border: 1px solid #f7941e ;
	z-index:-1;
}
.tariff_table td.bord:hover:after {
    content: '';    
    display: block;
    position: absolute;
    top: -15px;
	bottom: -15px;
	box-shadow: 249px 0px 0 #f7941e;
	margin-left:-15px;
	background: transparent; 
	border: 1px solid #f7941e ;
	padding-top:300px;
	z-index:1;
	width:1px;
}
.tariff_table-new{ width: 100%; margin: 0 auto;}
.tariff_table-new td{ border-right: 5px solid #fff; border-bottom: 1px solid #ddd; background: #f4f4f4; padding: 20px;}
.tariff_table-new tr:last-child td{ border-bottom: none;}
.tariff_table-new tr td:first-child{  background: #f9f9f9;}
.tariff_table-new tr td:last-child{  background: #ebebed;}
.tariff_name.text-left{  text-align: left;}
.tariff_table-new .tariff_buy_button{ border: 2px solid #f7941e; color: #f7941e; background: inherit;}
.tariff_table-new .tariff_buy_button:hover{ opacity: 1; background: #f7941e; color: #fff;}
.finskill{ margin-top: -210px; padding: 30px 0; border-top: 4px solid #36668d; border-bottom: 4px solid #36668d;}
.finlogo{margin-top: 20px;max-width: 250px;}
.finskill h2{color:#36668d; }
.finmark{color: #36668d;}
.finmark2{color: #f24942;}
.vmarg{margin: 40px 100px;}
ul.red-list li{list-style: none; background: url(/design/images/obuch/check_red.png) no-repeat left 2px; padding-left: 30px; background-size: 13px;}
.hr h2{ margin: 20px 0;  text-align: center;}
.hr h2 span{  padding: 0 30px;  background: #fff;  font-size: 26px;}
.hr hr{  margin-top: 35px;  margin-bottom: -35px;  color: #ccc;  background: #ccc;}
#header .hr h2 span{background: #f5f5f5;}	
.reg_fin_but {width: 300px;height: 60px; padding-top:17px; font-size:18px;}