  



@font-face {
    font-family: 'HelvCyrRegular';
    src: url('https://www.baribg.org/fonts/hvcn-webfont.eot');
    src: url('https://www.baribg.org/fonts/hvcn-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.baribg.org/fonts/hvcn-webfont.woff') format('woff'),
         url('https://www.baribg.org/fonts/hvcn-webfont.ttf') format('truetype'),
         url('https://www.baribg.org/fonts/hvcn-webfont.svg#HelvCyrRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'HelvCyrCondensed';
    src: url('https://www.baribg.org/fonts/HVCNC.TTF');
    src: url('https://www.baribg.org/fonts/HVCNC.TTF?#iefix') format('embedded-opentype'),
         url('https://www.baribg.org/fonts/HVCNC.TTF') format('truetype'),
         url('https://www.baribg.org/fonts/HVCNC.TTF') format('truetype'),
         url('https://www.baribg.org/fonts/HVCNC.TTF#HelvCyrCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}
a {
	color:#425155;
	text-decoration:none;
	background:#ffc600;
	padding-left:3px;
	padding-right:3px;
}

a:hover {
	color:#425155;
	background:#ffffff;
	text-decoration:none;
}


body  {
	padding:0;
	margin:0;
	color: #425155;
	font-size: 16px;
	line-height:20px; 
	font-family: Trebuchet MS, Arial, Verdana, Helvetica ;
	background:#FFFFFF;
}

#container {
padding:0;
margin:0 auto;
width:1400px;
  	position: relative;
  z-index:10; 
 border:0px solid #CC0000;  
}


#body { 
	padding:0;
	margin:0;
	float:left;
	width:1400px;
	border:0px solid #CC0000;		
	position: relative;
  	z-index:10;   
	padding:0;
margin:0 auto;
}



#logo  {
	position:fixed;
	top:0;
	width:250px;
	height:113px;
}
#logo a  {
	background:none;
}
a:hover.logo {
	border:none;
	background:none;
}
#top {
	width:1400px;
	min-height:113px;
	height:auto !important;
	height:113px;
	float:left;
	border:0px solid #000;
	padding:0;
	margin:0 auto;
	position:fixed;
	background:url(https://www.baribg.org/img/bgr_top.png) no-repeat top left;
  z-index:100;		
}

#main {
	width:1000px;
	border:0px solid #fff;
	padding:0;
	margin:0 auto;
  z-index:100;	
}

#menu div {
	position:fixed;
	width:950px;
	font-size:16px;
	padding-top:50px;
	padding-left:100px;
	top:0;
	left:auto;
	border:0px solid #000033;
	text-align:right;
	z-index:100;	
}

#main #menu div a {
	color:#425155;
	background:none;
	text-decoration:none;
	display:inline;
	background:url(https://www.baribg.org/img/menu_point.jpg) no-repeat top left;
	padding-right:7px;
	padding-left:19px;
	margin-right:5px;
}

#main #menu div a:hover {
	color:#425155;
	background:none;
	text-decoration:none;
	background:#e4e4e4;
	z-index:100;	
}
#main #menu div a.active {
	color:#425155;
	background:none;
	text-decoration:none;
	background:#e4e4e4;
	z-index:100;	
}


.homefirst {
	width:1400px;
	height:auto !important;
	height:768px;
	min-height:768px;
	float:left;
	border:0px solid #000;
	padding:0;
	margin:0 auto;
	position:relative;
	background:url(https://www.baribg.org/img/bgr_home.jpg) no-repeat top left #f5eee5;
  z-index:10;	
}
.about {
	width:1400px;
	min-height:768px;
	height:auto !important;
	height:768px;
	float:left;
	border:0px solid #000;
	background:url(https://www.baribg.org/img/bgr_about.jpg) no-repeat top left #59c891;
	padding:0;
	margin:0 auto;
  z-index:10;
}
.projects {
	width:1400px;
	min-height:768px;
	height:auto !important;
	height:768px;
	float:left;
	border:0px solid #000;
	background:#5ab494;
	padding:0;
	margin:0 auto;
	z-index:10;
}
.news {
	width:1400px;
	min-height:768px;
	height:auto !important;
	height:768px;
	float:left;
	border:0px solid #000;
	background:url(https://www.baribg.org/img/bgr_news.jpg) no-repeat top left #559992;
	padding:0;
	margin:0 auto;
	z-index:10;
}
.partners {
	width:1400px;
	min-height:768px;
	height:auto !important;
	height:768px;
	float:left;
	border:0px solid #000;
	background:#43848b;
	padding:0;
	margin:0 auto;
	z-index:10;
}
.contacts {
	width:1400px;
	min-height:685px;
	height:auto !important;
	height:685px;
	float:left;
	border:0px solid #000;
	background:url(https://www.baribg.org/img/bgr_contacts.jpg) no-repeat top left #356a76;
	padding:0;
	margin:0 auto; 
	z-index:10;
}
.content {
	width:1000px;
	border:0px solid #000;
	padding:0;
	margin:0 auto;
	padding-top:145px;
	z-index:10; 	min-height:768px;
}
.content_image {
	width:1000px;
	border:0px solid #000;
	padding:0;
	margin:0 auto;
	padding-top:280px;
	z-index:10;
}

.title{	
	margin:0;
	padding:0;
	border-bottom:1px solid #ffffff;
	border-bottom-style:dashed;
	width:880px;
	text-align:center;
	padding-left:120px;
}
.title_about{	
	padding:0;
	margin:0 auto;
	color:#ffffff;
	font-weight:bold;
	font-family: 'HelvCyrCondensed', Arial, sans-serif;
	font-size:48px;
	text-transform:uppercase;
	background:#59c891;
	width:270px;
	height:38px;
	padding-top:10px;
	text-shadow:#666666 2px 1px 1px;
	-moz-border-radius: 7px;
	border-radius: 7px;

}
.title_projects{	
	padding:0;
	margin:0 auto;
	color:#ffffff;
	font-weight:bold;
	font-family: 'HelvCyrCondensed', Arial, sans-serif;
	font-size:48px;
	text-transform:uppercase;
	background:#4e9a8f;
	width:270px;
	height:38px;
	padding-top:10px;
	text-shadow:#666666 2px 1px 1px;
	-moz-border-radius: 7px;
	border-radius: 7px;

}
.title_news{	
	padding:0;
	margin:0 auto;
	color:#ffffff;
	font-weight:bold;
	font-family: 'HelvCyrCondensed', Arial, sans-serif;
	font-size:48px;
	text-transform:uppercase;
	background:#559992;
	width:270px;
	height:38px;
	padding-top:10px;
	text-shadow:#666666 2px 1px 1px;
	-moz-border-radius: 7px;
	border-radius: 7px;

}
.title_partners{	
	padding:0;
	margin:0 auto;
	color:#ffffff;
	font-weight:bold;
	font-family: 'HelvCyrCondensed', Arial, sans-serif;
	font-size:48px;
	text-transform:uppercase;
	background:#31676f;
	width:270px;
	height:38px;
	padding-top:10px;
	text-shadow:#666666 2px 1px 1px;
	-moz-border-radius: 7px;
	border-radius: 7px;

}
.title_contacts{	
	padding:0;
	margin:0 auto;
	color:#ffffff;
	font-weight:bold;
	font-family: 'HelvCyrCondensed', Arial, sans-serif;
	font-size:48px;
	text-transform:uppercase;
	background:#356a76;
	width:270px;
	height:38px;
	padding-top:10px;
	text-shadow:#666666 2px 1px 1px;
	-moz-border-radius: 7px;
	border-radius: 7px;

}
.category_content {
	width:1000px;
	min-height:768px;
	border:0px solid #000;
	padding:0;
	margin:0 auto;
	padding-top:40px;
	color:#FFFFFF;
}
.category_content_left {
	width:350px;
	border:0px solid #000;
	float:left;
	padding-right:80px;
}
.category_content_right {
	width:570px;
	border:0px solid #000;
	float:left;
}

.category_content_contacts {
	width:1000px;
	border:0px solid #000;
	padding:0;
	margin:0 auto;
	padding-top:40px;
	color:#FFFFFF;
}
.category_content_contacts_left {
	width:350px;
	border:0px solid #000;
	float:left;
	padding-right:80px;
}
.category_content_contacts_right {
	width:570px;
	border:0px solid #000;
	float:left;
}
.kare_about {
	width:1000px;
	border:0px solid #000;
	margin-bottom:10px;
	color:#FFFFFF;
	float:left;
}
.kare_about_left {
	width:260px;
	border:0px solid #000;
	float:left;
}
.kare_about_right {
	width:640px;
	border:0px solid #000;
	float:left;
}
.kare_about_title1 {
	width:238px;
	height:73px;
	float:left;
	padding-left:10px;
	padding-top:20px;
	background:url(https://www.baribg.org/img/bgr_about1.gif) no-repeat top left;
}
.kare_about_title2 {
	width:238px;
	height:43px;
	float:left;
	padding-left:10px;
	padding-top:7px;
	background:url(https://www.baribg.org/img/bgr_about2.gif) no-repeat top left;
}
#bottom {
	width:1400px;
	float:left;
	padding:0;
	margin:0 auto;
}
.bottom{
	width:1000px;
	height:80px;
	border:0px solid #993300;
	padding:0;
	margin:0 auto;
	font-size:12px;
	color:#a9a9a9;
}
.bottom a{
	color:#a9a9a9;
	background:none;
}
.bottom a:hover{
	color:#a9a9a9;
	background:none;
	text-decoration:underline;
}
.arrow{
	width:1000px;
	height:45px;
	text-align:center;
	border-bottom:1px solid #356a76;
	border-bottom-style:dashed;
	padding-top:10px;
}
.kare_partners{
	width:1000px;
	float:left;
}
.kare_partner_logo{
	width:200px;
	min-height:220px;
	height:auto !important;
	height:220px;
	margin-right:20px;
	margin-bottom:15px;
	float:left;
	padding:15px;
	background:#5a9fa6;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.partner_logo{
	width:200px;
	min-height:130px;
	height:auto !important;
	height:130px;
	float:left;
	background:#FFFFFF;
	text-align:center;
	padding-top:20px;
}
.partner_logo a{
	background: none;
}
.kare_news {
	width:350px;
	border:0px solid #000;
	float:left;
	margin-bottom:30px;
}
.news_pages {
	width:350px;
	border:0px solid #000;
	float:left;
	background:#6aaea8;
	text-align:center;
}
.news_pages a {
	color:#FFFFFF;
	background:none;
}
.news_pages a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}
.news_pages a.active {
	color:#FFFFFF;
	background:#425155;
}
.map{
	width:550px;
	min-height:250px;
	height:auto !important;
	height:250px;
	float:left;
	padding:10px;
	background:#4e8997;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.black{
	color:#021a20;
	font-size:14px;
	text-decoration:underline;
	font-style:italic;
}
.gallery_arrow{
	width:41px;
	height:360px;
	float:left;
	background:none;
}
.gallery_arrow a{
	background:none;
}
.gallery{
	width:910px;
	float:left;
	min-heigh:750px;
}

.gallery_txt div{
	width:500px;
  height:330px;
	float:right;
	hspace:10px;
	padding:10px;
	text-align:center;
	background:#87c8b1;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.gallery_txt img{
	border:none;
}
.gallery_txt{
	width:880px;
	float:left;
	padding-left:25px;
	padding-right:25px;
}
.gallery_points{
	width:1000px;
	float:left;
	text-align:center;
	padding:0;
	margin:0;
	margin-top:15px;
}
.gallery_points a{
	background:none;
	padding:0;
	margin:0;
}
.kare_news_first {
	width:250px;
	min-height:250px;
	height:auto !important;
	height:250px;
	float:left;
	padding-right:25px;
	margin-right:25px;
	border-right:1px solid #ffffff;
	border-right-style:dashed;
	margin-top:50px;
}
.kare_news_first2 {
	width:260px;
	float:left;
	margin-top:50px;
}





h1 {	
	margin:0;
	padding:0;
	color:#425155;
	font-size:22px;
	font-weight:normal;
	margin-bottom:15px;
	line-height:29px;
	display:block;
	
	
}
h1 a {	
	color:#425155;
	text-decoration:none;
	background:#ffc600;

}

h1 a:hover {	
	color:#425155;
	background:#ffffff;
}


h2 {	
	margin:0;
	padding:0;
	color:#16343b;
	font-weight:normal;
	font-size:18px;
}

h3 {	
	padding:0;
	margin:0;
	color:#ffc600;
	font-weight:normal;
	margin-bottom:20px;
	font-size:30px;
	line-height:30px;

}
h3 a {	
	color:#ffc600;

}
h3 a:hover {	
	color:#425155;
	background:#ffffff;

}

h4 {	

	color:#2b5887;
	font-weight:bold;
	margin-bottom:10px;
	font-size:34px;
	line-height:40px;
	font-family: 'HelvCyrCondensed', Arial, sans-serif;
	text-shadow:#fff 2px 1px 1px;
}


