body {
  margin: 0;
  font-family:Georgia, Helvetica, Arial, sans-serif,Akrobat-SemiBold, serif;
  font-size: 13px;
  line-height: 18px;
  color: #333;
  background: url('img/back.jpg') ; 
  padding:32px 0 0 0;
}

.menu-nav {
    background: #76819f;
    background: #6883a4;
    min-height: 150px;
    font-family: Arial;
    font-weight: bold;
}
* {box-sizing: border-box;-moz-box-sizing: border-box;padding:0;margin:0;outline:none;}

a{
color:#2b2b2b;
text-decoration: none;
padding-top:0px;
line-height: 1;

}
img{
 max-width: 100%;
 border: 0;
}
hr{
border:none;
border-bottom:#fff 5px solid;
margin:0px;
}
h1
{
text-align:left;
font-family: Akrobat-SemiBold, serif;
font-size: 22px;
line-height: 30px;
letter-spacing: 0;
color: #2b2b2b;
line-height: 1;
}

h2
{
text-align:center;
line-height: 1;
}
h3{
line-height: 1;

}
p
{line-height: 1;}

.big{
width:100%;
min-height:50px;
margin:1px 0;
}
.site-map-menu{
text-align:left;
padding:20px;
margin:10px;
}
.site-map-menu ul li ul{
padding:5px 0 5px 20px;
}
.site-map-menu a[href]{
color:#0ac;
}
.site-map-menu a[href]:hover{
color:#07c;
text-decoration: underline;
}

#_FOOTER_{
margin:20px 0 0 0;
min-width:1200px;

}
#_HEAD_{
	width:1300px;
	margin:auto;
}
#_BODY_{
width:1200px;
margin:auto;
}
#_B-content,#_B-menus{
display:table-cell;
vertical-align:top;
}
#_B-content{
width:100%;
padding:0px 0;
}
#_B-menus{
text-align:center;
min-width:300px;
padding-left:30px;
}
#_B-menu-bg{
padding-left:20px;
}
#_B-content-box{
	margin: 5px 0 0 0;
min-height:500px;
border:#e8e8e8 1px solid;
padding:20px;
background: #fefefe;


/*text-align:center;*/
}
.article-text{
text-indent:0px;
font-size:120%;
font-family:Akrobat-SemiBold;
padding:0px;
margin:5px;
color:#000000;

}
#_FOOTER_{
text-align:center;
min-width:820px;
}
.pre-menu-nav{
min-height:70px;
background:#f3f3f3;
border-top:#e8e8e8 1px solid;
color:#333;
font-weight:bold;

min-width:1200px;
font-size:13px;
}
#_F-menu{
list-style:none;
}
#_F-menu li{
display:inline-block;
background:#fff;
min-width:300px;
padding:15px 25px;
border-radius:5px;
margin:5px 20px;
font-size:20px;
border:#ddd 1px solid;
}
#_F-menu li img{
margin-right:20px;
}
#_B-pagination-box{
text-align:center;
}
.content-header{
line-height: 1;
text-align: left;
font-size:24px;
padding: 0 0 10px 10px ;
margin:0 0 20px 0;
color:#2b2b2b;
border-bottom:#000 2px solid;


}

.-Material-box-{
display:inline-block;
padding:0 20px;
border-radius:5px;
margin:20px 0;
width:30%;
min-width:250px;
//max-width:320px;

-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-right: 1px solid #d7d7d7;
border-bottom: 1px solid #ddd;
vertical-align: top;
font-weight:bold;
color:#262626;
}
.lines{
max-width:none;
width:100%;
}
.img-st{
border-radius:2px;
margin:15px 0;
box-shadow:#333 0 0 5px;
}
.-Material-box-:hover{
cursor:default;
}
.-M-subject{
font-size:150%;
text-align:left;
font-weight:normal;
}

.-M-button-box{
padding:20px;
text-align:right;
}
.-M-button-box,.-M-button-box a{
font-family:Arial;
color:#0ac;
}
.-M-button-box a:hover{
text-decoration:underline;
color:#07c;
}
.menu-nav{
padding:20px;
min-width:1200px;
}
.menu-nav ul{
display:inline-block;
margin:10px 30px;
list-style:none;
vertical-align:top;
}
.menu-nav ul li{
padding:5px 10px;
text-align:left;
}
.menu-nav ul li a,.menu-nav ul li{
color:#fff;
text-decoration:none;
}
.menu-nav ul li:hover{
text-decoration:underline;
}
.menu-nav ul li a:hover{
color:#fff;
}
.menu-nav-header{
font-size:20px;
color:#fff;
padding-bottom:15px;
border-bottom:rgba(255,255,255, .2) 1px solid;
}
.put-letter{
position:relative;
border:none;
line-height:50px;
border-radius:3px;
box-shadow:#555 0 0 3px;
margin:5px 0;
background-color:#6883a4;
color:#fff;
text-transform:uppercase;
vertical-align:middle;
font-weight:bold;
text-align:center;
font-family:Arial;
font-size:13px;
max-width:237px;
}
.put-letter:hover{
box-shadow:none;
cursor:pointer;
}
.put-letter img{
position:absolute;
top:0;
bottom:0;
left:10px;
margin:auto auto;
}


.mat-view-buts .active{
border:#09f 2px solid;
}

.form-actions .form-wrapper{
padding:20px 2px;
padding-left:20px;
text-align:right;
}


.navbar > ul{
font-size:13px;
display:table;
width:100%;
background:rgba(255,255,255,.7);
text-transform:uppercase;
color:#222;
font-weight:bold;
border:#fff 1px solid;
padding:0 20px;
}
.navbar > ul li:first-child a{
padding:20px 5px;
cursor:pointer;
}
.navbar > ul li:first-child{
cursor:pointer;
}
.navbar > ul li{
position:relative;
display:table-cell;
text-align:center;
padding:20px 5px;
}
.navbar > ul li:hover{
background:rgba(255,255,255,.3);
}
.navbar > ul li a,.navbar > ul li{
color:#222;
font-size:90%;
cursor:default;
}
.navbar > ul li:hover{
}
.navbar > ul li ul{
display:none;
position:absolute;
padding:10px;
top:100%;
left:0;
background:#fff;
border:#ddd 1px solid;
z-index:98;
}
.navbar > ul li:last-child ul{
left:auto;
right:0;
}
.navbar > ul li ul li{
display:block;
white-space:nowrap;
padding:10px 15px;
border-bottom:#f5f5f5 1px solid;
font-size:100%;
max-width:none;
text-align:left;
cursor:pointer;
}
.navbar > ul li ul li:hover{
background:#f8f8f8;
}
.navbar > ul li:hover ul{
display:block;
}
ul.pager
{
	display: inline-block;
 position: relative;
 left: 200px;
	
}

.pager a{
color: black;
    float: left;
    padding: 5px 10px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
      margin: 0 4px;
}


ul.pager  li.pager-current {
    background-color: #6883a4;
  color: white;
    float: left;
    padding: 5px 10px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #6883a4;
    margin: 0 8px;
  
	
}
.pager a:hover:not(.active) 
{background-color: rgb(104, 131, 164,0.2);
}
.item-list .pager li
{
display: inline;
padding:0px;	
}

.item-list ul{
	margin: 1em 0 0.75em 0;
	padding:0;
}
.pager .next a {
  float: right;
}
.pager .previous a {
  float: left;
}


a.gallery_item {
	display: block;
	width: 30%;
	height: 200px;
	float: left;
	margin: 0 3% 20px 0;
	border: #ccc solid 1px;
	text-indent: 0;
	background-color: #eee;
	text-align: center;
}

a.gallery_item img {
	max-width: 100%;
	max-height: 170px;
    display: inline-block;
    vertical-align: middle;
}

a.gallery_list {
	display: block;
	width: 250px;
	height: 200px;
	float: left;
	margin: 0 20px 20px 0;
	border: #555 solid 1px;
	background-size: cover;
}

a.gallery_list span {
	display: table-cell;
	width: 250px;
	height: 200px;
	font-weight: bold;
	font-size: 18px;
	vertical-align: middle;
	text-align: center;
	background-color: rgba( 255, 255, 255, 0.7);
	text-shadow: 0px 0px 3px rgba(255, 255, 255, 1);
}

a.gallery_list:hover span {
	background-color: rgba( 255, 255, 255, 0);
}

p.faq-author {
	text-align: right;
}

p.faq-author span {
	display: block;
	font-weight: bold;
}

.view-faq .views-row {
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: #ccc solid 1px;
}

.view-faq .views-row .faq-author {
	margin-bottom: 10px;
}

.view-faq .views-row .faq-answer {
	color:#000;
	padding-left: 50px;
}

#_FOOTER_ .copy {
	color: #333;
	font-size: 12px;
	padding: 5px 0;
}

.more-icon
{

position:relative;

float:right;
bottom:29px;
left:5px;
}
.date-news
{

margin:2px;
position: relative;
top: -2px;
left: 20px;
font-size:12px;
text-align:left;
font-size:12px;	
}
.text-anons
{
width:100%;
position:relative;
bottom: 1em;
color:black;
text-align:justify;
font-size:16px;		

}
.date-icon
{
position:relative;
bottom:20px;
left:0;
right:0;
padding:2px;

}
.container-inline
{
position:relative;

padding: 10px;
margin: 5px;

}
.form-item-search-block-form input.form-text
{
background:rgba(206,230,248,0.2);
font-size:1em;
height:50px;
box-shadow: 0.0em 0.2em 4px rgba(122,122,122,0.4);


}
i.better_search
{
height: 20px;
width: 20px;

}
.title
{
position:relative;
top:-3px;
font-size:20px;	
line-height: 1;
text-align:left;


}
.view-content
{
display:inline;
margin:4px;
padding:4px;
float:left;
}
.gallary-row
{
	position:relative;
	right:4px;
margin:0 auto;
padding:0 5px 0 0;
}
.field-label-hidden
{
display:block;
	padding:10px;
	margin:5px;
	
}
.view-header{text-align:right;
position:relative;
padding:0 5px 5px 0;
margin:10px;
font-size:18px;}

a.row-2:hover { 


border:2px solid #5caae7; 
color:#5caae7; }
a.row-1:hover { 


border:2px solid #5caae7; 
color:#5caae7; }
a.row-3:hover { 

border:2px solid #5caae7; 
color:#5caae7; }

a.row-4:hover { 
border:2px solid #5caae7; 
color:#5caae7; }

.row-1
{
	
padding:2px;

	
}
.row-2
{
	
padding:2px;
}
.row-3
{
	
padding:2px;
}
.row-4
{

	
padding:2px;
}
.cols-4
{text-align:center;}

.main_navigation
{ 
	
	height: 33px;
width: 1200px; 
position: relative;
left: 50px;

border-radius:3px;
}