html, body {
    cursor: default;
    height: 100%;
}

body {
    background: #f0f8fb url("/images/body-bg.png") top center repeat-x;
    font-family: Arial, Tahoma, helvetica, sans-serif;
    margin: 0;
    padding: 0;
}

a,
a img {
    outline: none;
    border: none;
}

a {
    color: #048edd;
    cursor: pointer;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a.button {
    color: #fff;
    font-size: 12px;
    text-transform: lowercase;
    padding: 3px 5px;
    text-align: center;    
}

a.button .decorator,
.breadcrumbs .decorator,
.showmore .decorator {
    font-size: 12px;
}

h1,h2,h3,h4,h5 {
    font-family: Arial, Tahoma, Helvetica;
    margin: 0;
    padding: 0;
}

h1 {
    border-bottom: dotted 1px #eaeaea;
    color: #077a35;
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 5px 0;
    padding: 0 0 5px 0;
}

h1.announcements_header,
h1.announcements_header a {
    border: none;
    color: #077a35;
}

h2 {
    color: #43847c;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 3px 0;
    padding: 0 0 3px 0;
}

h1.news_header,
h1.news_header a {
    border: none;
    color: #196ea6;
}

img.framed {
    border: solid 4px #fff;
    box-shadow: 0 0 8px #ccc;
    margin: 0 5px 8px 5px;
}

img.framed.left {
	float: left;
    margin: 0 10px 0 0;
}

img.framed.right {
	float: right;
    margin: 0 0 0 10px;
}

textarea {
    resize: vertical;
}

ul.content_pageslist {
    margin: 0;
    padding: 0;
}

ul.content_pageslist li.parent {
    font-size: 16px;
    margin-left: 0;
    padding-bottom: 15px;
}

ul.content_pageslist li.parent a {
    color: #048ecc;
}

ul.content_pageslist li.parent ul {
    margin: 0;
    padding: 0 0 0 20px;
}

ul.content_pageslist li.child {
    font-size: 14px;
    margin-left: 0;
    padding-bottom: 6px;
    padding-top: 8px;
}

ul.content_pageslist li.child a {
    color: #04a09c;
}

#auth_form_container {
    background: #efeff5;
    border: solid 1px #bebec2;
    border-radius: 10px;
    margin: 20px auto 80px auto;
    padding: 15px;
    width: 340px;
}
#auth_form_container dt, #auth_form_container dd {
    cursor: default;
    display: inline;
}
#auth_form_container dd {
    float: left;
    width: 60%;
}

#auth_form_container label {
    font-size: 16px;
    float: left;
    padding: 3px 10px 0 0;
    text-align: left;
    width: 20%;
}
#auth_form_container input {    
    height: 22px;
    width: 210px;
    margin-bottom: 10px;    
    font-size: 16px;
}

#auth_form_container .submit {
    text-align: center;
    float: right;
    margin-right: 5px;
}

#footer, .push {
    /* Don't forget to change .wrapper */
    height: 40px;
    margin: 15px 0 0 0;
}

#footer .counters {
    float: right;
    margin: 0 27px 0 0;
}

#footer .undp {
    color: #5070a9;
    float: right;
    font-size: 11px;
    margin: 0 27px 0 0;
    width: 280px;
    
}

#footer .undp img.logo {
    float: right;
    height: 36px;
    margin: 0 0 0 10px;
}

#footer .undp .text {
    float: right;
    text-align: right;
    width: 160px;
}

#footer .text {
    color: #7f95b5;
    float: left;
    font-size: 10px;
    margin: 0 0 0 27px;
    text-align: left;
}

#footer .text a .highlight,
#footer .text .highlight {
    color: #538ab2;
}

#header {
    height: 90px;
    background: #FFF url("/images/header-bg.jpg") top center no-repeat;
    border-top: none;
    margin: 0 0 3px 0;
    padding: 0 27px;
    position: relative;
    text-align: left;
    width: 904px;
}

#header .headerbt {
    margin: 1px;
}

#header #buttonspanel {
    position: absolute;
    right: 266px;
    top: 39px;
}

#header #buttonspanel .button {
    border: solid 1px #b9b9b9;
    outline: solid 1px #fff;
    float: left;
    margin: 0 7px 0 0;
}

#header_logo {
    position: absolute;
    top: 8px;
}

#header #searchpanel {
    background: #FFF;
    position: absolute;
    right: 27px;
    top: 38px;
    width: 240px;
}

#header #searchpanel #search_query {
    border: solid 1px #b9b9b9;
    border-right: none;
    float: left;
    height: 23px;
    margin: 1px 0 1px 1px;
    width: 210px;
}

#header #searchpanel #search_submit {
   border: solid 1px #b9b9b9;
   border-left: dotted 1px #b9b9b9;
   float: left;
   margin: 1px 1px 1px 0;
   height: 25px;
} 

#langpanel {
    background: #FFF;
    position: absolute;
    right: 27px;
    top: 8px;
}

#langpanel ul {
    border: solid 1px #bababa;
    margin: 1px;
    padding: 0;
}

#langpanel ul li {
    border-right: solid 1px #0d4397;
    display: inline-block;
    font-size: 12px;
    list-style-type: none;
    margin: 5px 0;
    padding: 0 7px;
}

#langpanel ul li a {
    color: #0d4397;
}

#langpanel ul li a.active {
    color: #ddd;
    text-decoration: none;
}

#langpanel ul li.no_border {
    border: none;
}

#main {
    background: #f5f5f5 url("/images/main-bg.png") top center no-repeat;
    color: #495555;
    font-size: 12px;
    margin: 3px 0;
    min-height: 315px;
    padding: 27px;
    text-align: left;
    width: 906px;
}

#main p {
    line-height: 18px;
    margin: 0 0 10px 0;
    padding: 0;
}

#main p a.liketext {
    color: #515151;
    text-decoration: none;
}

#main .highlight {
    background: #ff0;
}

#pattern {
    display: block;
    height: 340px;
    left: 0;
    position: absolute;
    top: 112px;
    width: 100%;
    z-index: -2;
}

#pattern_shadow {
    background: url("/images/pattern-shadow.png") top center repeat-x;
    display: block;
    height: 340px;
    left: 0;
    position: absolute;
    top: 112px;
    width: 100%;
    z-index: -1;
}

#poster {
    float: left;
    height: 231px;
    position: relative;
    width: 639px;
}

#poster img {
    display: none;
    height: 231px;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 639px;
}

#poster img.active {
    display: block;
}

#poster_container {
    background: #f5f5f5;
    margin: 23px 0;
    height: 231px;
    padding: 1px;
    position: relative;
    text-align: left;
}

#poster_container .arrow_left {
    border-right: solid 1px #fff;
    float: left;
}

#poster_container .arrow_right {
    float: right;
}

#poster_text {
    color: #565656;
    display: block;
    float: right;
    font-size: 11px;
    height: 141px;
    margin: 17px 0 0 26px;
    padding-bottom: 23px;
    padding-top: 17px;
    position: relative;
    width: 188px;
}

#poster_text .element {
    position: absolute;
    display: none;
    width: 188px;
}

#poster_text .element.active {
    display: block;
}

#poster_text .element .title {
    color: #30abf0;
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 16px 0;
}

#poster_switch {
    position: absolute;
    height: 20px;
    margin: 5px 0 0 27px;
    text-align: center;
    right: 27px;
    bottom: 4px;
    width: 235px;
}

#poster_switch .radio {
    background: url("/images/poster-radio-passive.png") center center no-repeat;
    cursor: pointer;
    display: inline-block;
    height: 17px;
    margin: 0 3px;
    padding: 0;
    width: 17px;
}

#poster_switch .radio.active {
    background: url("/images/poster-radio-active.png") center center no-repeat;
}


#topmenu {
    background: #fbfaf8;
    padding: 0 27px;
    text-align: left;
    width: 904px;
}

#topmenu ul {
    margin: 0;
    padding: 0;
}

#topmenu ul li {
    cursor: pointer;
    display: inline-block;
    list-style-type: none;
    margin: 0 -2px;
    padding: 0;
}

#topmenu ul li a {
    display: block;
    padding: 17px 20px;
    text-decoration: none;
}

#topmenu ul li:hover a,
#topmenu ul li.active a {
    color: #fff;
}

#topmenu ul li ul {
    display: none;
}

.album_description,
.presentation_description {
    border-bottom: solid 1px #20cbf0;
    margin: 0 0 15px 0;
    padding: 0;
}

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

.align-justify {
    text-align: justify;
}

.align-left {
    text-align: left;
}

.align-right {
    text-align: right;
}

.announcements,
.news {
    border-bottom: dotted 1px #c6c6c6;
    font-size: 12px;
    padding: 10px 0 8px 0;
}

.announcements .date a,
.news .date a {
    color: #fff;
    float: left; 
    padding: 3px 5px;
    text-align: center;
    text-decoration: none;
    width: 105px;
}

.announcements .showmore,
.news .showmore {
    margin: 6px 0 0 0;
    text-align: right;
}

.announcements .showmore a {
    color: #03992d;
}

.announcements .text,
.news .text {
    float: right;
    margin: -2px 0 0 0;
    width: 460px;
}

.announcements .text a.liketext,
.news .text a.liketext {
    color: #404046;
    cursor: default;
    text-decoration: none;
}

.announcements .title, 
.news .title {
    font-weight: bold;
    padding: 0 0 3px 0;
}

.announcements .date a {
    background: #46b26b;
    text-shadow: 0 0 3px #36ff00;
}

.announcements .title a {
    color: #258b20;    
}

.backtotop {
    margin: 10px 0 0 0;
    text-align: right;
}

.backtotop a.button {
    background: #85b9cc;
    float: right;
    margin: 0 0 0 10px;
}

.banners_small {
    margin: 25px 0 0 0;
}

.block_banners {
    margin: 5px 0;
}

.breadcrumbs {
    border-bottom: dotted 1px #eaeaea;
    color: #b3b3b3;
    font-size: 11px;
    margin: 0 0 8px 0;
    padding: 0 0 8px 0;
}

.breadcrumbs a {
    color: #b3b3b3;
}

.breadcrumbs a.active {
    color: #89c325;
    cursor: default;
    text-decoration: none;
}

.clear_left, 
.clear_right, 
.clearing {
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    overflow: hidden;
    font-size: 0;
}

.clear_left {
    clear: left;
}

.clear_right {
    clear: right;
}

.clearing {
    clear: both;
}

.container {
    margin: 0 auto;
    padding: 0 10px;
    position: relative;
    text-align: center;
    width: 960px;
    z-index: auto !important;
    
}

.content {
    float: left;
    margin: 0;
    width: 588px;
}

.content.stretch {
    width: 854px;
}

.content a.button {
    width: 85px;
}

.content hr.announcements_header_border,
.content hr.news_header_border {
    border: none;
    height: 5px;
    margin: 3px 0;
    outline: none;
    padding: 0;
}

.content hr.announcements_header_border {
    background: #c4e07e url("/images/border-announcements.png") top left no-repeat;
}

.content hr.news_header_border {
    background: #94c6f2 url("/images/border-news.png") top left no-repeat;
}

.errorfield {
    border-radius: 5px;
    background: #ffc4b8; 
    color: #aa0500;
    font-family: Arial, Tahoma, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    padding: 0 6px 5px 6px;
    margin: 0 0 5px 0;
}

.index_images {
    margin: 5px 0 20px 0
}

.index_undp {
    margin: 0 auto;
    width: 180px;
}

.index_undp .logo {
    float: left;
    height: 60px;
}

.index_undp .text {
    display: table-cell;
    font-size: 10px;
    font-weight: bold;
    height: 60px;
    margin: 0 0 0 50px;
    vertical-align: middle;
    text-align: center;
}

.index_undp .text a {
    color: #507099;
    text-decoration: none;
}

.index_mfer {
    margin: 0 auto;
    width: 180px;
}

.index_mfer .logo {
    float: left;    
}

.index_mfer .text {
    display: table-cell;
    font-size: 10px;
    font-weight: bold;
    /*height: 60px;*/
    margin: 0 0 0 50px;
    /*vertical-align: middle;*/
    text-align: center;
}

.index_mfer .text a {
    color: #507099;
    text-decoration: none;
}

.linktopage {
    border-bottom: dotted 1px #eaeaea;
    margin: 10px 0 0 0;
    padding-bottom: 5px;
    text-align: right;
}

.linktopage a.button {
    background: #0583f2;
    float: right;
    margin: 0 0 0 10px;
}

.news .date a {
    background: #2793f2;
    text-shadow: 0 0 3px #00fff0;
}

.news .showmore a {
    color: #0583f2;
}

.news .title a {
    color: #2055b3;    
}

.news_all {
    float: right;
}

.page_element {
    margin: 0 0 10px 0;
}

.page_element .text {
    float: left;
    padding-left: 30px;
}

.page_element .title {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 5px 0;
}

.page_element .title a {
    color: #3380b5;
}

.album_list_item,
.presentation_list_item,
.video_list_item {
    float: left;
    margin: 0 0 20px 0;
    text-align: center;
    width: 50%;
}

.album_title,
.presentation_title,
.video_title {
    font-weight: bold;
    font-size: 12px;
    margin: 4px 0 0 0;
    line-height: 16px;
}

.album_title a,
.presentation_title a,
.video_title a {
    color: #309ccb;
}

.section {
    background: #fff;
    border: solid 1px #eeeae0;
    padding: 25px;
}

.showall {
    border: none;
}

.showall a.button {
    float: right;
}

.showall.announcements a.button {
    background: #46b26b;
}

.showall.news a.button {
    background: #2793f2;
}

.sidebar {
    color: #707070;
    float: left;
    font-size: 12px;
    width: 240px;
}

.sidebar img.framed {
    box-shadow: none;    
    margin: 0 0 10px 0;
}

.sidebar .section {
    margin-bottom: 10px;
}

.sidebar .menu_title {
    background: url("/images/sidebar-menutitle-bottom.png") bottom center no-repeat;
    color: #077a35;
    font-size: 16px;
    font-weight: bold;
    padding: 0 0 15px 0;
}

.sidebar ul.navigation {
    padding: 0;
    margin: 10px 0 0 0;
}

.sidebar ul.navigation li {
    border-bottom: solid 1px #fff;
    display: block;
    margin: 0;
    list-style-type: none;
}

.sidebar ul.navigation li a {
    color: #fff;
    display: block;
    padding: 5px;
    text-decoration: none;
    text-shadow: 0 0 1px #eee;
    text-transform: uppercase;
}

.sidebar ul.navigation li ul {
    display: none;
    background: #fff;
    padding-left: 14px;
}

.sidebar ul.navigation li ul li {
    background: #fff;
    list-style-type: disc;
    list-style-position: outside;
}

.sidebar ul.navigation li ul li a {
    color: #707070;
    text-shadow: 0 0 1px #ababab;
}

.sidebar ul.navigation li ul li:hover a,
.sidebar ul.navigation li ul li:hover.active a {
    color: #89c325;
    text-shadow: 0 0 1px #ababab;
}

.sidebar ul.navigation li ul li.active a {
    color: #077a35;
}

.sidebar ul.navigation li.active ul {
    background: #fff;
    display: block;
}

.sidebar ul.navigation li.active ul li {
    background: #fff;
}

.sidebar_left {
    margin: 0 26px 0 0;
}

.sidebar_right {
    margin: 0 0 0 26px;
}

.video_description {
    border-top: solid 1px #20cbf0;
    margin: 10px 0 0 0;
    padding: 5px 0 0 0;
}

.widget.nobutton {
    margin-bottom: -22px;
}

.widget .button_container {
    border-top: dotted 1px #c6c6c6;
    padding: 10px 0 0 0;
    margin: 10px 0 -13px 0;
    text-align: center;
}

.widget .title {
    font-size: 14px;
    line-height: 16px;
    padding: 0 0 5px 0;
    text-transform: uppercase;
    text-shadow: 0 0 3px #cdd;
}

.widget .button_container a.button {
    margin: 0 auto;
}

.widget#wn1 .title {
    color: #0583f2;
}

.widget#wn1 a.button {
    background: #0583f2;
}

.widget#wn2 .title {
    color: #309ccb;
}

.widget#wn2 a.button {
    background: #309ccb;
}

.widget#wn3 .title {
    color: #35a1b4;
}

.widget#wn3 a.button {
    background: #35a1b4;
}

.widget#wn4 .title {
    color: #3fab8b;
}

.widget#wn4 a.button {
    background: #3fab8b;
}

.widget#wn5 .title {
    color: #41ac80;
}

.widget#wn5 a.button {
    background: #41ac80;
}

.widget#wn6 .title {
    color: #46b26b;
}

.widget#wn6 a.button {
    background: #46b26b;
}

.widget#wn7 .title {
    color: #4abf60;
}

.widget#wn7 a.button {
    background: #4abf60;
}

.widget#wn8 .title {
    color: #50c752;
}

.widget#wn8 a.button {
    background: #50c752;
}

.widget#wn9 .title {
    color: #57cf48;
}

.widget#wn9 a.button {
    background: #57cf48;
}

.widget#wn10 .title {
    color: #60d93e;
}

.widget#wn10 a.button {
    background: #60d93e;
}

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -55px; /* нижний margin является отрицательной величиной высоты footer */
}

/* Slide */
#topmenu ul{
    position: relative;
    z-index: 20 !important;
}

#topmenu ul li ul {
    font-size: 14px;
    margin: 0 0 0 -1px !important;
    position: absolute;
    width: 250px;
    z-index: 20;
}

#topmenu ul li ul li,
#topmenu ul li ul li.active {
    background-image: none;
    background-color: #fff;
    border: none;
    display: block !important;	
    margin: 0 !important;
    padding: 0;
    position: relative;
}

#topmenu ul li ul li:hover {
    margin: 0 !important;
}

#topmenu ul li:hover ul li:hover a,
#topmenu ul li:hover ul li:hover ul li:hover a,
#topmenu ul li ul li:hover a:hover {
    color: #fff;
}

#topmenu ul li ul li a {
    display: block;
    padding: 5px 10px !important;
}