body {
 font-size:13px;
 font-family:Arial;
 margin:0px;
 padding:0px;
 color:#4c4c4c;
}

a:link {color:#08769a;}
a:visited {color:#08769a;}
a:hover {color:#08769a;}
a:active {color:#08769a;}

a {
 color:#202020;
}

h1, h2, h3 {
color:#08769a;
}

img {
 border:0px;
}

#wrap {
 /* background:url(../images/bg6.png) center top no-repeat #fcfcfc; */
}
.pagewidth {
 width:990px;
 padding:15px;
 margin-left:auto;
 margin-right:auto;
 clear:both;
}

#header {
 height:95px;
 background:#006cc0;
 background:#08769a;
}

#headershadow {
 background:#006cc0;
 background:url(../images/header-shadow.png) repeat-x;
 padding-top:0px;
 padding-bottom:0px;
 height:0px;
}


#headermenu{
 position:absolute;
 width:605px;
 margin-top:15px;
 margin-left:400px;
}

#headermenu a{
 color:#FFF;
 font-size:12px;
 text-decoration:none;
}
#headermenu ul{
 padding:0px;
 margin:0px;
 list-style:none;
}

#headermenu > ul > li {
 fdisplay:inline;
 float:left;
 text-transform:uppercase;
 nborder:1px solid transparent;
}

#headermenu > ul > li >a {
 display:block;
 padding:10px;
}

#headermenu > ul > li:hover {
 background:#4679bd;
 background:#3488a3;
}

#headermenu > ul > li > ul {
 position:absolute;
 display:block;
 max-height:0px;
 overflow:hidden;
 transition: min-height 500ms;
 background:#4679bd;
 background:#3488a3;
 min-width:150px;
 padding:0px;
 box-shadow: 0 20px 18px 0 rgba(88, 112, 118, 0.35);
 z-index:15;
 opacity:0.95;
}

#headermenu > ul > li > ul > li{
 padding:0px;
 border-bottom:1px solid #2e62a8;
 border-bottom:1px solid #08769a;
}

#headermenu > ul > li > ul > li >a{
 display:block;
 padding:10px;
 padding-left:20px;
 font-size:11px;
}

#headermenu > ul > li > ul > li:hover{
 background:#4679bd;
 background:#FFFFFF;
}
#headermenu > ul > li > ul > li:hover >a{
 color:#202020;
}


#headermenu > ul > li:hover > ul {
 display:block;
 max-height:400px;
 transition: max-height 500ms; 
}


#headermenu .akcent {
 background:#4679bd;
 background:#3488a3;
 margin-left:50px;
}

#content {

}

#footer {
 height:350px;
 background:#00111e;
 border-top:2px solid #d7d8d8;
 padding-top:25px;
 display:table;
 width:100%;
}

#wrapper {
/* background:url(../images/bg-shadow.png) center repeat-y; */
 width:100%;
}

.box {
 padding:10px;
 width:160px;
 background:url(../images/bg-box.png) top left no-repeat;
 box-shadow: 0 0 13px 0 rgba(42, 48, 60, 0.19);
}

.box:hover {
 box-shadow: 0 0 13px 0 rgba(42, 48, 60, 0.29);
}

.boxadres {
 padding:0px;
 width:180px;
}


#leftarea {
 width:180px;
 float:left;
 margin-right:15px;
 line-height:18px;
 font-size:12px;
}

#mainarea {
 float:right;
 width:765px;
 line-height:22px;
 min-height:500px;
}

.clear {
 clear:both;
}

.space {
 clear:both;
 margin-top:20px;
}

.hr {
 height:1px;
 width:100%;
 clear:both;
 background:#d7d8d8;
 margin-top:20px;
 margin-bottom:20px;
}

/**********************
 FLAT BLOCKS
***********************/
#flatblocks {
 margin-left:5px;
}

.block {
 width: 180px;
 height:180px;
 float:left;
 margin-left:10px;
 margin-bottom:10px;
 cursor:pointer;
 overflow:hidden;
}

.block a{
 color:#FFF;
}
.block .hint {
 position:absolute;
 display:none;
 min-width:160px;
 min-height:120px;
 width:160px;
 overflow:hidden;
 height:auto;
 padding:10px;
 cursor:pointer;
 opacity:0.95;
}

.block .hint div {
 width:350px;
}

.block .hintlast {
 position:absolute;
 display:none;
 min-width:160px;
 min-height:120px;
 width:350px;
 height:auto;
 padding:10px;
 cursor:pointer;
 opacity:0.95;
 margin-left:-190px;

}

.block:hover .hint{
 display:block;
}

.block:hover .hintlast{
 display:block;

}

.block img {
 width:370px;
 height:140px;
}

.block .text {
 text-align:left;
 height:40px;
 padding-top:0px;
 padding-left:10px;
 display:table-cell;
 display:block;
 /* width:180px; */
 vertical-align	: middle;

 font-weight:bold;
 text-transform:uppercase;
}
.block .text a {
 text-decoration:none;
}

.color1 {
 background:#08769a;
 color:#FFF !important;
}

.color2 {
 background:#ff9900;
 color:#FFF !important;
}
.color3 {
 background:#ff6700;
 color:#FFF !important;
}
.color4 {
 background:#46ca1b;
 color:#FFF !important;
}



.center {
 text-align:center;
}

.small {
 font-size:12px;
}

#logo {
 margin-top:-4px;
}
#title {
 position:absolute;
 margin-left:120px;
 margin-top:-80px;
}


#searchline {
 position:absolute;
 margin-top:60px;
 width:145px;
 height:20px;
 border:1px solid #909090;
 background:url(../images/bg-search.png) repeat-x #FFF;
 margin-left:810px;
}


#langselect {
 position:absolute;
 margin-top:-10px;
 font-size:11px;
 margin-left:555px;
 width:400px;
 text-align:right;
}
#langselect a{
 color:white;
}


#toplinks {
 position:absolute;
 margin-top:86px;
 font-size:11px;
 margin-left:555px;
 width:400px;
 text-align:right;
}

#toplinks a {
 color:white;
}

#searchline input[type="text"] {
 font-size:12px;
 background:transparent;
 border:0px;
 padding:2px;
 color:#909090;
 width:120px;
}
#searchbtn {
 background:url(../images/btn-search.png) no-repeat;
 cursor:pointer;
 width:15px;
 height:15px;
 border:0px;
 position:absolute;
 margin-top:3px;
 margin-left:3px;
}

.mainnewsitem{
 padding:10px;
}

.mainnewsitem.even{
 padding:10px;
 background:#f0f0f0;
}

.mainnewsimg {
 width:100px;
 float:left;
}

.mainnewstext {
 float:left;
 width:645px;
}

#copyright{
 float:left;
 width:200px;
 color:#FFF;
}

.sh {
 text-decoration:none;
 border-bottom:1px dashed;
 font-size:12px;
 color:#505050;
}

#footermenu{
 float:left;
 width:750px;
 text-align:left;
 line-height:18px;
 padding:0px;
 margin:0px;
}

#footermenu a{
 color:#FFF;
 font-size:12px;
 text-decoration:none;
}
#footermenu ul{
 padding:0px;
 margin:0px;
 list-style:none;
}

#footermenu > ul > li {
 display:block;
 float:left;
 margin-right:20px;
 width:130px;

}

#footermenu > ul > li >a{
 text-transform:uppercase;
}

#footermenu ul li ul{
/* position:absolute;*/
}

#footermenu ul li ul li{
 width:110px;
}
#footermenu ul li ul li a {
 text-decoration:underline;
}


.table {
 display:table;
 text-align:center;
}



#path {
 font-size:12px;
 color:#909090;
}
#path a {
 color:#909090;
}




.inline {
 display:inline;
}

h2.news {
 font-size: 1.45em; 
 font-weight: normal;  
 margin:0;
 padding:0px; 
 margin-bottom: 20px; 
 padding-bottom: 10px;
 margin-right:10px;
}


.even{
 background:#f7f7f7;
}


.news-item:hover {
 box-shadow: 0 0 13px 0 rgba(42, 48, 60, 0.29);
}


news-item
.btn {
 padding:5px;
 margin-bottom:5px;
 cursor:pointer;
}


.responsible {
 text-align:right;
 font-size:12px;
 color:#909090;
}

.news-video {
 text-align:center;
}

.leftmenu {
 margin-top:75px;
}

.leftmenu > ul {
 margin:0px;
 padding:0px;
}

.share-window-parent {
 clear:both;
}


.calendar-icon {

}

.calendar-div {
 position:absolute;
 width:300px;
}

.news-filter {
 background:#F7F7F7;
 padding:20px;
  width:450px;
}

.news-filter:hover {
 box-shadow: 0 0 13px 0 rgba(42, 48, 60, 0.29);
}

.shadow {
 box-shadow: 0 0 13px 0 rgba(42, 48, 60, 0.29);
}

.socialgrouplink {
 width:22px;
 display:inline-block;
 nfloat:left;
 margin-left:2px;
 margin-right:2px;
 
}

.socialgrouplink:hover .socialgrouplistwrap{
 display:block;
}

.socialgrouplistwrap {
 nwidth:200px;
 display:none;
 position:absolute;
 margin-left:-20px;
 z-index:10;
}
.socialgrouplist {
 z-index:20;
 padding:10px;
 nwidth:200px;
 background:#F7F7F7;
 box-shadow: 0 10px 13px 0 rgba(42, 48, 60, 0.19);
 text-align:left;
 margin-top:10px;
}
.socialpointer {
 margin-left:3px;
 margin-left:24px;
 margin-top:2px;
 width:16px;
 height:16px;
 position:absolute;
 transform: rotate(45deg);

-o-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);

 z-index:-5;
 background:#F7F7F7;
 box-shadow: 0 0px 13px 0 rgba(42, 48, 60, 0.19);
}

.socialgroup {
 margin-bottom:5px;
 margin-top:5px;
}



#back-top {
    bottom: 30px;
    margin-left:1000px;
    position: fixed;
}

#back-top a {
	width: 108px;
	width: 80px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top span {
	width: 108px;
	height: 108px;

	width: 80px;
	height: 80px;


	display: block;
	margin-bottom: 7px;
	background: #ddd url(../images/up-arrow.png) no-repeat center center;
	/* rounded corners 
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
        */
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #C0C0C0;
}



/*
 wide menu
*/


#headermenu > ul > li > div.widemenu {
 display:block;
 max-height:0px;
 overflow:hidden;
 transition: min-height 500ms;
 width:570px;
 position:absolute;
 text-transform:none;
 background-color:#3488a3;
 z-index:1;
 box-shadow: 0 20px 18px 0 rgba(88, 112, 118, 0.35);
 left:0px;
}

#headermenu > ul > li:hover > div.widemenu {
 display:block;
 max-height:600px;
 transition: max-height 500ms;
}

.widemenucolumn {
 width:165px;
 margin-bottom:17px;
 margin-left:17px;
 float:left;
}

.widemenuitem {
 margin-top:25px;
 margin-bottom:2px;
 padding:5px;
 cursor:pointer;
 border-bottom:1px solid #08769a;
 color:#FFF;
}
.widemenuitem > span{
 color:#C0C0C0;
 font-size:11px;
 font-weight:normal;
}


.widemenuitem >a {
 font-weight:bold;
 font-size:13px !important;
}

.widemenuitem:hover {
 background:#247994;
}

.widemenufooter {
 background:#247994;
 padding:22px;
 color:white;
 font-size:13px;
 font-weight:bold;
}
.widemenufooter > span{
 color:#C0C0C0;
 font-size:11px;
 font-weight:normal;
}
/*
widemenu
 widemenucolumn
   widemenusublinks
*/

.widemenusublinks {
 padding-left:5px;
 padding-right:5px;
 max-height:16px;
 overflow:hidden;
 transition: max-height 500ms;
}

.widemenusublinks:hover {
 max-height:160px;
 transition: max-height 500ms;
 overflow:hidden;
}

.widemenusublinks a{
 font-size:11px !important;
 text-decoration:underline !important;
}



#welcometop-block {
 width:990px;
 margin-left:auto;
 margin-right:auto;
 height:20px;
 margin-bottom:1px;
 margin-top:1px;
 transition: height 500ms;
 overflow:hidden;
}

#welcometop-block:hover {
 height:120px;
 transition: height 500ms;
 box-shadow: 0 20px 18px 0 rgba(88, 112, 118, 0.35);
}

#welcome-block {
 width:990px;
 margin-left:auto;
 margin-right:auto;
 margin-bottom:1px;
 margin-top:1px;
}


/* structure */
  ul.structure {
   list-style:none;
   padding-left:0px;
  }
  ul.structure > li{
  }

  ul.structure > li >a{
/*     display:block;  */
  }

  ul.structure li >a:hover {
     background:#F7F7F7;
  }
.str-info {
    border-left:4px solid #F7F7F7;
    padding-left:10px;
  }

.isdept {
 background:url(/images/structure/dept-close.png) top left no-repeat;
 margin-left:0px;
 padding-left:34px;
}

.selectedDept > a{
 font-weight:bold;
}

.ispost {
 background:url(/images/structure/post-close.png) top left no-repeat;
 margin-left:0px;
 padding-left:34px;
}

.ispost.open {
 background:url(/images/structure/post-open.png) top left no-repeat;
}

.isdept.open {
 background:url(/images/structure/dept-open.png) top left no-repeat;
}

.isfilial {
 background:url(/images/structure/filial-close.png) top left no-repeat;
 margin-left:0px;
 padding-left:34px;
}

.isfilial.open {
 background:url(/images/structure/filial-open.png) top left no-repeat;
}

.isinstitute {
 background:url(/images/structure/institute-close.png) top left no-repeat;
 margin-left:0px;
 padding-left:34px;
}

.isinstitute.open {
 background:url(/images/structure/institute-open.png) top left no-repeat;
}



.hidden {
 display:none;
}

.nomargin {
 margin:0px;
}

#deptSelector {
 margin-top:10px;
 margin-bottom:10px;
 background:#FFF;
 border:#B0B0B0 1px solid;
 padding:2px;
 
}


#staffList {
 margin:20px;
}

.staffListPhoto {
 margin:10px;
 width:120px;
}
.staffName {
 font-size:16px;
}

.str-post {
 width:34px;
 height:16px;
 background:url(/images/structure/post-close.png) left no-repeat;
 display:block;
 margin-bottom:auto;
 float:left;
}

.str-dept {
 width:34px;
 height:16px;
 background:url(/images/structure/dept-close.png) left no-repeat;
 display:block;
 float:left;
 margin-bottom:auto;
}

.str-name {
 float:left;
 display:block;
}

.str-open {
 width:30px;
 height:16px;
 position:absolute;
 margin-left:-30px;
 cursor:pointer;
}

.staffField {
 width:146px;
}

.staffDept {
 width:580px;
}


.newsmorephotos {
 background:#F7F7F7;
 padding:10px;

}
.newsmorephoto img{
 width:100px;
}
.newsmorephoto {
 float:left;
 width:100px;
 margin:10px;
}

.clear {
 clear:both;
}

.btn {
 padding:5px;
}