@CHARSET "UTF-8";

@font-face {
	font-family: 'Conv_PT_Sans-Web-Regular';
	src: url('../fonts/PT_Sans-Narrow-Web-Regular.eot');
	src: local('�'), 
	url('../fonts/PT_Sans-Narrow-Web-Regular.eot?#iefix') format('embedded-opentype'),
	url('../fonts/PT_Sans-Narrow-Web-Regular.ttf') format('truetype'), 
	url('../fonts/PT_Sans-Narrow-Web-Regular.woff') format('woff'), 
	url('../fonts/PT_Sans-Narrow-Web-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* CSS reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, a, 
em, img, strong, ol, ul, li,
table, tbody, tfoot, thead, tr, th, td  {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
body, html {
    height: 100%;
}
/* Reset EOF*/
body {
	background-color: #383838;
	color: #8c8c8c;
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 1.4;
	text-align: center;
	width: 100%;
}
h1, h2, h3, h4, h5 {
	text-align: left;
	clear: both;
}
h1 {
   	font-family: 'Conv_PT_Sans-Web-Regular',Arial,sans-serif;
   	font-size: 30px;
   	font-weight: bold;	
   	margin: 5px 0 15px;
   	color: #4ccaee;
   	padding: 0 0 7px;
   	background:  transparent bottom left repeat-x url("../img/line.png");
}
h2 {
   	font-family: 'Conv_PT_Sans-Web-Regular',Arial,sans-serif;
   	font-size: 30px;
   	font-weight: bold;	
   	margin: 5px 0 10px;
}
h3 {
   	font-family: 'Conv_PT_Sans-Web-Regular',Arial,sans-serif;
   	font-size: 26px;
   	font-weight: bold;	
   	margin: 5px 0 10px;	
}
h4 {
   	font-family: 'Conv_PT_Sans-Web-Regular',Arial,sans-serif;
   	font-size: 22px;
   	font-weight: bold;	
   	margin: 5px 0 10px;	
}
h5 {
	font-size: 16px;
   	font-family: 'Conv_PT_Sans-Web-Regular',Arial,sans-serif;
   	text-transform: uppercase;
   	font-weight: bold;	
}
a, a:link {
	outline: none;
	color: #969696;
	text-decoration: none;
}

a:visited {
	color: #969696;
}

a:hover {
	text-decoration: underline;
}

img {
	border: 0 none;	
}

p {
	text-align: left;
	margin: 10px 0;
}
p img {
	margin: 5px;
}
i {
	font-style: italic;
}
strong {
	font-weight: bold;
}

em {
	color: #76d5f1;
	font-style: normal;
}

ul {
    list-style: none;
    margin: 0;
    text-align: left;
}
li {
  	background: url("../img/arrow2.png") no-repeat scroll 7px 5px transparent;
    margin: 0 0 3px;
    padding-left: 20px;
}
ol {
    list-style: upper-roman outside none;
    margin-bottom: 23px;
    margin-left: 26px;
    margin-top: 3px;
    text-align: left;
}
ol li {
   	margin: 0 0 4px;
	background: transparent;
	padding: 0 !important;
}
ul ul {
    list-style: none;
    margin-bottom: 5px;
}
ol ol {
   list-style: lower-alpha inside none;
   margin-left: 0;
   margin-bottom: 5px;
}
li li {
	background-position: 2px 5px;
	padding-left: 15px;
}
u {
	text-decoration: underline;
}
label {
	margin: 0 5px;
}
input, textarea {
	outline: none;
	resize: none;
	margin: 5px;
	border: 1px solid #8C8C8C;
	font-size: 13px;
	color: #8C8C8C;
	font-family: Arial,sans-serif;
	padding: 4px 9px;
	line-height: 15px;
}
input[type="radio"],
input[type="checkbox"]  {
	border: 0 none;
	padding: 0;
}
textarea {
    margin: 0;
    overflow: auto;
}
select {
	font-family: Arial,sans-serif;
	color: #8C8C8C;
}
fieldset {
	border: 1px solid #8C8C8C;
}
table {
    border-spacing: 0;
    font-size: 12px;
    line-height: 16px;
    margin: 5px 0 10px;
    text-align: left;
    color: #8a8a8a;
}
th {
   	background-color: #4CCAEE;
    color: #FFFFFF;
    font-weight: bold;
    padding: 10px 8px 8px;
    vertical-align: middle;
}
td {
    border-bottom: 1px solid #e1e1e1;
    padding: 3px 6px;
    vertical-align: top;
}
input[type="submit"],
button {
    border: 0 none;
    font-size: 14px;
    font-weight: normal;
    padding: 0 5px;
    text-align: left;
    float: right;
    margin: 5px 19px 0 0;
    cursor: pointer;
    color: #fff;
    padding: 6px 27px;
    behavior: url(css/PIE.htc);
    -webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;	
	background-color: #4CCAEE;
	position: relative;
	top: 0;
	left: 0;
	text-transform: uppercase;
	font-weight: bold;
}
/* */
.main { 
	margin: 0 auto;
	width: 990px;
}
.relative {
	position: relative;
	top: 0;
	left: 0;
}
.wrapper {
	float: left;
	width: 100%;
	min-width: 990px;
	background-color: #f3f7fa;	
}
.left {
	float: left;
	width: auto;
}
.lmargin_52 {
	margin-left:-52px;
}
.right {
	float: right;
	width: auto;
}
.full {
	float: left;
	width: 100%;	
}
.clear {
	width: 100%;
	height: 0;
	clear: both;
}
.menu {
	list-style: none;
	margin: 0;
	font-size: 18px;
	line-height: 1.1;
    color: #dedede;
    text-transform: uppercase;
}
.menu li {
	float: left;
	margin: 0 8px 0 0;
	padding: 0;
	background: transparent;
}
.menu a {
	text-decoration: none;
	color: #dedede;
}
.menu span {
	float: left;
}
.menu .active span,
.menu li:hover span {
	color: #dedede;
	cursor: pointer;
}
.menu li:hover a,
.menu .active a {
	color: #dedede;
}
.boxContent {
	width: 100%;
	height: 100%;
	position: relative;
	top: 0;
	left: 0;
	color: #7a7a7a;
	font-family: 'Conv_PT_Sans-Web-Regular',Arial,sans-serif;
}
.boxContent img {
	position: absolute;
	top: 0;
	left: 0;
}
.boxContent > div {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0 155px;
}
.boxContent h2 {
	color: #fea700;
	margin: 5px 0;
}
.boxContent p {
	font-size: 18px;
	line-height: 22px;
}
.button {
  	float: left;
    font-family: 'Conv_PT_Sans-Web-Regular',Arial,sans-serif;
    font-weight: bold;
    margin: 15px 2px;
    text-transform: uppercase;
}
.button a, .button a:hover, .button:hover {
	color: #fff;
	text-decoration: none;
}
.button span {
	position: relative;
	top: 0;
	left: 0;
	behavior: url(css/PIE.htc);
	display: block;
    padding: 6px 27px;
    background: transparent 0 0 repeat url("../img/bg-btn.png");
	text-shadow: 1px 1px 2px #48bee0;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px 20px 20px 20px;	
	cursor: pointer;
    color: #fff
}
.boxes {
	width: 930px;
	margin: 0 0 0 27px;
	position: relative;
	top: 0;
	left: 0;
}
.box {
	float: left;
	margin: -6px 12px 0;
	color: #fff;
}
.box h3 {
    color: #FFFFFF;
    margin-top: 14px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.box h3 img {
	left: 0;
    margin: 0 5px 0 0;
    position: relative;
    top: 6px;
}
.box p {
    color: #FFFFFF;
    line-height: 17px;
    text-align: center;
}
.box .top {
	width: 286px;
	height: 5px;
	background: transparent 2px 0 no-repeat url("../img/bg-box-top.png");
}
.box .middle {
	width: 256px !important;
	padding: 10px 15px;
	background-repeat: repeat-y;
	background-position: 0 0;
	background-color: transparent;
	background-image: url("../img/bg-box-blue.png");
	min-height: 160px;
}
.box .bottom {
	width: 286px;
	height: 23px;
	background: transparent 2px 0 no-repeat url("../img/bg-box-bottom.png");
}
.box.blue .middle {
	background-image: url("../img/bg-box-blue.png");
}
.box.green .middle {
	background-image: url("../img/bg-box-green.png");
	background-position: 4px 0;
}
.box.yellow .middle {
	background-image: url("../img/bg-box-yellow.png");
	background-position: 2px 0;
}
.leftColumn {
	width: 365px;
}
.rightColumn {
	width: 530px;
}
.fullContent {
 	padding: 8px 0 8px 43px;	
 	width: 900px;
}
.fullColumn {
	margin: 0 0 0 40px;	
	width: 860px;
	float: left;
}
.breadcrumb {
	text-align: left;
	font-size: 11px;
	color: #bbbbbb;
	margin: 0 0 0 80px;	
}
.breadcrumb a {
	color: #bbbbbb;
	text-decoration: underline;
	background: transparent center right no-repeat url("../img/arrow.png");
	padding: 0 10px 0 0;
	margin: 0 5px 0 0;
}
#langMenu {
 	margin: 22px 22px 0;
}
#langMenu span {
	height: 13px;
	width: 25px;
	float: left;
	background: transparent bottom left no-repeat url("../img/bg-langs.png");
}
#langMenu a:hover span,
#langMenu a.active span {
	background-position: top left;
}
#langMenu #en span {background-position: -24px -37px;}
#langMenu #en a:hover span, #langMenu #en a.active span {background-position: -24px 0px;}
#langMenu #de span {background-position: -50px -37px;}
#langMenu #de a:hover span, #langMenu #de a.active span {background-position: -50px 0px;}
#langMenu #ua span {background-position: -77px -37px;}
#langMenu #ua a:hover span, #langMenu #ua a.active span {background-position: -77px 0px;}
#langMenu #ru span {background-position: -102px -37px;}
#langMenu #ru a:hover span, #langMenu #ru a.active span {background-position: -102px 0px;}
.topMenu {
   	font-family: 'Conv_PT_Sans-Web-Regular',Arial,sans-serif;
    font-size: 15px;
    font-weight: bold;
    margin: 19px 0 0;
}
.topMenu li  {
	margin: 0 0 0 50px;
}
.topMenu li a span {
	text-align: right;
	padding: 0 0 19px;
	text-shadow: 1px 1px 2px #000000;
	text-align: left;
}
.topMenu li a.active span,
.topMenu li:hover a span {
	background: transparent bottom center no-repeat url("../img/active-blue.png");	
}
.topMenu li ul a.active span,
.topMenu li ul a:hover span {
	background: transparent !important;
}
.topMenu li ul li:hover {
	background-color: #4ECEFE;
}
.topMenu li.greenLi a.active span,
.topMenu li.greenLi:hover a span {
	background-image: url("../img/active-green.png");	
}
.topMenu li.greenLi ul li:hover {
	background-color: #00DC2D;
}
.topMenu li.yellowLi a.active span,
.topMenu li.yellowLi:hover a span {
	background-image: url("../img/active-yellow.png");	
}
.topMenu li.yellowLi ul li:hover {
	background-color: #FFD302;
}
.topMenu li.orangeLi a.active span,
.topMenu li.orangeLi:hover a span {
	background-image: url("../img/active-orange.png");	
}
.topMenu li.orangeLi ul li:hover {
	background-color: #FE7F00;
}
.topMenu ul li a span,
.topMenu li a.active ul span, 
.topMenu li:hover ul a span {
	background: transparent !important;
}
.topMenu li ul {
  	float: none;	
  	display: none;
  	width: 0;    
	position: relative;
	top: 3px;
	left: 0;
	z-index: 9999;
	*left: -50px;
	*top: 20px;
}
.topMenu li:hover ul {
	display: block;
}
.topMenu li ul li {
    background: none repeat scroll 0 0 #353535;
    clear: none;
    display: block;
    float: left;
    margin: 0;
    position: relative;
    z-index: 9999;
	top: 0;
	left: 0;
	width: 160px;
	padding: 2px 10px;
}
.topMenu li ul li span {
	padding: 5px 2px;
}

/*End topMenu normal*/
/*topMenu mobile*/
.topMenu_mobile {
   	font-family: 'Conv_PT_Sans-Web-Regular',Arial,sans-serif;
    font-size: 15px;
    font-weight: bold;
    margin: 19px 0 0;
}
.topMenu_mobile li  {
	margin: 0 0 0 50px;
}
.topMenu_mobile > li  {
    position: relative;
}
.topMenu_mobile li a span {
	text-align: right;
	padding: 0 0 19px;
	text-shadow: 1px 1px 2px #000000;
	text-align: left;
}
.topMenu_mobile li a.active span,
.topMenu_mobile li:hover a span {
	background: transparent bottom center no-repeat url("../img/active-blue.png");	
}
.topMenu_mobile li ul a.active span,
.topMenu_mobile li ul a:hover span {
	background: transparent !important;
}
.topMenu_mobile li ul li:hover {
	background-color: #4ECEFE;
}
.topMenu_mobile li.greenLi a.active span,
.topMenu_mobile li.greenLi:hover a span {
	background-image: url("../img/active-green.png");	
}
.topMenu_mobile li.greenLi ul li:hover {
	background-color: #00DC2D;
}
.topMenu_mobile li.yellowLi a.active span,
.topMenu_mobile li.yellowLi:hover a span {
	background-image: url("../img/active-yellow.png");	
}
.topMenu_mobile li.yellowLi ul li:hover {
	background-color: #FFD302;
}
.topMenu_mobile li.orangeLi a.active span,
.topMenu_mobile li.orangeLi:hover a span {
	background-image: url("../img/active-orange.png");	
	background-image: url("../img/active-orange.png");	
}
.topMenu_mobile li.orangeLi ul li:hover {
	background-color: #FE7F00;
}
.topMenu_mobile ul li a span,
.topMenu_mobile li a.active ul span, 
.topMenu_mobile li:hover ul a span {
	background: transparent !important;
}
.topMenu_mobile li ul {
  	float: none;	
  	display: block;
  	width: 0;
	position: absolute;
	top: 39px;
	left: 0;
	z-index: 9999;
	*left: -50px;
	*top: 20px;
}
.topMenu_mobile li:hover ul {
	display: block;
}
.topMenu_mobile li ul li {
    background: none repeat scroll 0 0 #353535;
    clear: none;
    display: block;
    float: left;
    margin: 0;
    position: relative;
    z-index: 9999;
	top: 0;
	left: 0;
	width: 140px;
	padding: 2px 10px;
    font-size: 15px
}
.topMenu_mobile li ul li span {
	padding: 5px 2px;
}
/*End topMenu mobile*/
#topWrapper {
	background: transparent bottom center repeat-x url("../img/bg-header.png");
	min-height: 58px;	
	height: 58px;
}
#contentWrapper {
	padding: 0 0 13px;	
}
#footerWrapper {
	color: #bebebe;
	background-color: #383838;
	border-top: #6d6d6d 1px solid;	
}
#footerWrapper #footerDiv {
	background: transparent top center no-repeat url("../img/bg-footer-center.png");	
}
.address {
	background: transparent 3px 3px no-repeat url("../img/ico-mark.png");	
	padding: 0 0 0 20px;
}
.phone {
	background: url("../img/ico-phone.png") no-repeat 0px 11px transparent;
    padding: 7px 0 0 20px;	
}
.email {
	background: transparent 2px 13px no-repeat url("../img/ico-mail.png");	
	padding: 7px 0 0 20px;
}
#logoDiv {
	margin: 20px 25px 20px 40px;
}
#contactDiv {
  	margin: 25px 0 0;
    width: 247px;	
}
#contactDiv h5 {
	color: #fff;
	margin: 0 0 11px
}
#contactDiv p {
	margin: 0;	
}
#grantDiv {
 	width: 435px;	
}
#grantDiv h5 {
    color: #FFFFFF;
    margin: 35px 0 13px 35px;
    padding: 0 0 8px;
    background: transparent left bottom no-repeat url("../img/line2.png");		
}
#grantDiv img {
	margin: 0 0 0 30px;
}
.gMap {
 	float: right;
    height: 250px;
    margin: 0 0 15px;
    width: 450px;
    border: 5px solid white;
    margin: 0 10px 10px 0;
}
.gMap h2 {
	 font-size: 15px;
	 border: 0 none;
	 padding: 0;
	 margin: 0;
}
.gMap p {
	line-height: 15px;
}
.gMap img {
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    float: none;
    margin: 0;	
}
.gMapLink{
	float: right;
	font-size: 13px;
	width: 465px;
	margin: 0px 0px 50px 0px;
}
/* slider */
#sliderDiv {
    left: 0;
    margin: 0 auto;
    position: relative;
    top: 0;
    width: 1140px;
    background: transparent top center no-repeat url("../img/bg-slider.png");
    padding: 0 0 31px;
}
#sliderWrapper {
	background: #f3f7fa top center repeat-x url("../img/bg-slider-wrapper.png"); position: relative;
}
#slider {
	height: 364px;
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}
#slider li {
	height: 364px;
	width: 100%;
	padding: 0;
	background: transparent;
}
#slider .boxContent {
	height: 364px;	
}
#slider .slider_text{
	margin-top: 139px;
	width: 360px;
    z-index: 1000
}
#slider .slider_mask{
    background:url(../img/sliderMask.png) 0 0 no-repeat;
    width:100%;
    height: 364px;
    margin: 0
}
ul.paginationNews,
div.paginationNews {
    float: right;
    position: static !important;
    background: transparent !important;
    padding: 0 !important;
}
ul.pagination,
div.pagination {
    bottom: 40px;
    height: 19px;
    list-style: none outside none;
    position: absolute;
    right: 160px;
    z-index: 9999;
}
ul.pagination li,
div.pagination span {
    line-height: 19px;
    height: 19px;
    overflow: hidden;
    text-align: center;
    padding: 0;
    float: left;
    background: transparent 0 0 no-repeat url("../img/slides-nav.png");
    width: 13px;
}
ul.pagination li a,
div.pagination span a,
div.pagination span  {
    width: 12px;
    height: 19px;
    display: block;
    text-decoration: none;
}
ul.pagination li.active, 
ul.pagination li:hover, 
ul.pagination li.current,
div.pagination span.active, 
div.pagination span:hover, 
div.pagination span.current {
	background-position: top right;
}
ul.pagination li.active a, 
ul.pagination li:hover a, 
ul.pagination li.current a,
div.pagination span.active a, 
div.pagination span:hover a, 
div.pagination span.current a {
	text-decoration: none;
}
ul.pagination li a {
	padding: 15px 0 0;
}
.logo {
position: absolute;
top: -100px;
left: 0;
}

/*Modifiers*/
.box .middle{
    position: relative;
}
.box .middle .fullLink{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}
.logo a .logoHeader{
    position: absolute;
    top: 80px;
    width: 300px;
    text-align: center;
    font-family: 'Conv_PT_Sans-Web-Regular', Arial, sans-serif;
    font-size: 13px;
    line-height: 13px;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-weight: normal;
}
.boxContent h2{
    margin-top: 30px;
}
.logo{
    left: -10px;
}
.data-table{ width: 300px}
a.button { float: right; 
         /*margin-right: 442px;*/
}