@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600&subset=latin,cyrillic-ext);
@import url(http://fonts.googleapis.com/css?family=Cuprum:400,400italic,700italic,700&subset=latin,cyrillic);
* {margin:0px; padding:0px;}

html,body{
	width: 100%;
	min-height: 100%;
	background:#f0f0f0;
    background-size: cover;
	color:#2e2e2e;
    font-size:12px;
    font-family: 'Open Sans', sans-serif;
}
h1,h2,h3,h4,h5,h6{
    color:#1b993c;
    font-family: 'Cuprum', sans-serif;
}
h1,h2{
    font-size:28px;
}
h2{
	margin-bottom:20px;
	margin-top:10px;
}
h3{ font-size:18px;
margin-bottom:10px;
}
a{
    color:#1b993c;
}
a:hover{
    text-decoration:none;
}
ul{
    list-style:none;
}
iframe,
img{
	max-width:100%;
    border:none;
}
input,textarea{ 
    outline:none;
    font-family: 'Open Sans', sans-serif;
}
textarea{
    overflow:hidden;
}
.sitebox{
    max-width:986px;
    min-height:100%;
    margin:0 auto;
}
.header{
    height:100px;
	position:relative;
	z-index:0;
	padding-left:10px;
	padding-right:10px;
}
.header:after{
	content:'';
	display:table;
	clear:both;
}
.logo-box{
    width:186px;
    height:41px;
	padding-top:30px;
}
.slang-panel{
    position:absolute;
	z-index:0;
	right:10px;
	bottom:2px;
}
.slang-panel ul{
    height:16px;
    float:right;
}
.slang-panel ul li{
    width:34px;
    height:16px;
    float:left;
}
.slang-panel ul li a{
    width:34px;
    height:16px;
    line-height:16px;
    text-align:center;
    display:block;
    text-decoration:none;
    color:#FFF;
    font-size:10px;
    font-family: Tahoma;
    background:url(http://www.vafs.com.ua/assets/site/financial_1/images/lang-bg.png) no-repeat left top;
}
.slang-panel ul li.active a{
    background:url(http://www.vafs.com.ua/assets/site/financial_1/images/lang-bg-active.png) no-repeat left top;
}
.top-nav-button{
    width:30px;
    height:26px;
    padding-top:4px;
    position:absolute;
    z-index:0;
    top:13px;
    right:15px;
    cursor:pointer;
    display:none;
}
.top-nav-button>div{
    width:100%;
    height:3px;
    background:#FFF;
}
.top-nav-button:hover>div{
    background:#333;
}
.top-nav-button>div+div{
    margin-top:5px;
}
.top-nav{
    height:37px;
    position:relative;
    z-index:20;
    margin-bottom:3px;
	padding-left:10px;
	padding-right:10px;
}
.top-nav>ul{
	display:table;
}
.top-nav>ul>li{
    width:165px;
    height:37px;
    display:table-cell;
    position:relative;
    z-index:0;
}
.top-nav>ul>li>a{
    width:100%;
    height:33px;
    padding-bottom:4px;
    display:block;
    text-align:center;
    line-height:33px;
    text-decoration:none;
    color:#FFF;
	position:relative;
	z-index:0;
    font-size:13px;
    font-family: 'Open Sans', sans-serif;
}
.top-nav>ul>li>a:after{
	content:'';
	width: calc(50% + 4px);
	height:33px;
	position:absolute;
	z-index:-1;
	top:0;
	right:-4px;
	background:url(http://www.vafs.com.ua/assets/site/financial_1/images/topnav-button.png) no-repeat right top;
}
.top-nav>ul>li>a:before{
	content:'';
	width:50%;
	height:33px;
	position:absolute;
	z-index:-1;
	top:0;
	left:0;
	background:url(http://www.vafs.com.ua/assets/site/financial_1/images/topnav-button.png) no-repeat left top;
}
.top-nav  li ul{
    width:190px;
	height:auto;
	padding:20px 10px 0 14px;
	background:#f3f3f3;
	position: absolute;
	z-index:10;
	top: -999em;
}
.top-nav li:hover ul{
	left: 0;
	top: 34px;
	z-index: 99;
}
.top-nav  li ul li{
    width:185px;
	height:auto;
    border-right:5px solid #dadada;
	background:none;
	margin:0;
	margin-bottom:12px;
}
.top-nav  li ul li a{
    width:170px;
	height:auto;
	line-height:10px;
	padding: 5px 5px 6px 10px;
	display:block;
	text-decoration:none;
	background:none;
	color:#000106;
	text-align:left;
	font-size:13px;
	border-bottom:1px solid #dadada;
	text-transform:none;
}
.top-nav  ul li:hover,
.top-nav  ul li.active{
	border-color:#1b993c;
}
/* .top-nav  ul li a:hover{
	border-color:#f1dbe1;
} */
.slider-box{
    max-width:966px;
    background:#CCC;
	margin:0 auto;
    margin-bottom:9px;
}
.slide-img{
	height:264px;
	background-position:center center !important;
	background-size:cover !important;
}
.container{
    min-height:300px;
    background:#22b14c;
	margin-left:10px;
	margin-right:10px;
}
.container:after{
	content:'';
	display:table;
	clear:both;
}
.left-bar{
    width:200px;
    float:left;
    padding-top:30px;
    padding-left:12px;
}
.left-nav{
    margin-bottom:30px;
}
.left-nav ul li{
    margin-bottom:15px;
    border-right:5px solid #dadada;
}
.left-nav ul li a{
    text-decoration:none;
    display:block;
    color:#000106;
    font-size:13px;
	background:#f3f3f3;
    font-family: 'Open Sans', sans-serif;
    padding:3px 5px 5px 10px;
    border-bottom:1px solid #dadada;
}
.left-nav ul li.active{
    border-right-color:#da0000;
}
.left-nav ul li.active a{
    border-color:#FFF;
}
.left-nav ul li:hover{
    border-right-color:#da0000;
}
.left-nav ul li a:hover{
    border-color:#FFF;
}
.main-content{
    width:100%;
	margin-left:-245px;
    float:right;
    line-height:20px;
}
.main-content-box{
	position:relative;
	z-index:0;
	margin-left:245px;
	background:#FFF;
}
.main-content-box:before{
	content:'';
	width:7px;
	position:absolute;
	z-index:-1;
	top:0;
	bottom:0;
	right:0;
	background:#22b14c;
}
.main-content p{
    margin-bottom:25px;
	text-align:justify;
	font-size:13px;
}
.text-box2 p {text-align:left;	}
.text-box2 {
    position: relative;
    z-index: 0;
    padding: 20px 40px 20px 20px;
}
.main-content p:last-child{
	margin-bottom:0;
}
.main-content ul{
    list-style:disc;
    margin-left:25px;
    margin-bottom:25px;
}
.main-content ol{
    margin-left:25px;
    margin-bottom:25px;
}
.top-img{
    width:721px;
    margin-bottom:10px;
}
.text-title{
    padding:14px 20px 10px 20px;
    border-right:7px solid #1b993c;
}
.text-box{
    position:relative;
    z-index:0;
    padding:20px 40px 20px 20px;
}
.bot-bar{
    padding:15px 20px 8px 15px;
    color:#279a86;
    font-weight:600;
	font-family:'Open Sans', Arial, sans-serif;
	margin-left:10px;
	margin-right:10px;
    background:url(http://www.vafs.com.ua/assets/site/financial_1/images/bot-line.png) no-repeat left top;
	background-size:100% auto;
}
.bot-bar-left{
	font-size:11px;
	width:100%;
	margin-right:-280px;
	float:left;
}
.bot-bar-cont{
	margin-right:280px;
	padding-top:8px;
}
.bot-bar-right{
    width:265px;
    float:right;
}
.search-box{
    width:183px;
    height:29px;
    padding:4px 0 0 5px;
    float:left;
    background:url(http://www.vafs.com.ua/assets/site/financial_1/images/search-bg.png) no-repeat left top;
}
.search-box .inputbox{
    width:135px;
    height:16px;
    line-height:16px;
    padding:2px 10px;
    float:left;
    color:#5aaea0;
    font-size:12px;
    font-weight:600;
    border:none;
    background:none;
    margin-top:1px;
}
.search-box .button{
    width:23px;
    height:24px;
    background:url(http://www.vafs.com.ua/assets/site/financial_1/images/search-button.png) no-repeat left top;
    border:none;
    font-size:1px;
    cursor:pointer;
}
.social-nav{
    float:right;
    margin-top:2px;
}
.social-nav ul li{
    width:28px;
    height:28px;
    float:left;
    margin-left:3px;
}
.footer{
    max-width:906px;
    padding:15px 30px 14px 30px;
    background:#000106;
    border-top:1px solid #5d5d60;
	margin:0 auto;
}
.bot-nav{
    line-height:14px;
    float:right;
}
.bot-nav:after{
	content:'';
	display:table;
	clear:both;
}
.bot-nav ul ul{
    display:none;
}
.bot-nav ul li{
    float:left;
    margin-left:35px;
}
.bot-nav ul li:first-child{
	margin-left:0;
}
.bot-nav ul li a{
    color:#34b449;
    font-size:11px;
    text-decoration:none;
    text-transform:uppercase;
}
.bot-nav ul li a:hover,.bot-nav ul li.active a{
    text-decoration:underline;
}
.clear{
    width:100%;
	font-size:1px;
	clear:both;
}
.justifyleft:after{
	content:'';
	display:table;
	clear:both;
}