﻿body {
    font:100%/1.5em "Segoe UI", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-image: url("../images/gradient_bg_vertical.png"), url("../images/gradient_bg_vertical-left.png") ;
    background-repeat: repeat-y;
    background-position: right top, left top;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}
table td, th {border:1px solid #ddd;}
table th {
  border: 1px solid #ddd;
  padding: 8px;
}
table tr:nth-child(even){background-color: #f2f2f2;}
table tr:hover {background-color: #ddd;}
table th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #4CAF50;
  color: white;
}
h1 { font-size: 1.8em; margin-top: 0.5em; margin-left:0.3em;

font-weight:bold;
line-height:normal;}
h2 { font-size: 1.30em; margin-top: 1em; margin-left:0.6em;
font-weight:500;
}
h3 { font-size: 1.30em; margin-top: 1.5em; margin-top: 0.5em; margin-left:0;
font-weight:500;
line-height:normal;margin-bottom:auto;}
h4 { font-size: 1.30em; margin-top: 1em; margin-left:0.6em;
font-weight:500;
}
h5 { font-size: 1.1em; margin-top: 0.5em; margin-left:0.3em;
font-weight:bold;
line-height:normal;}
h6 { font-size: 1.0em; margin-top: 0.5em; margin-left:0.3em;
font-weight:bold;
line-height:normal;}
a{
	text-decoration:none;
}
#pagewrap {
   width: 1200px;
   margin: 0 auto;
   padding-top:5px;
   max-width:1200px;
      }
#header{
float:left;
width:100%;
}
#logo-block {
	position:relative;
	float:left;
	width: 800px;
	}
#search-language-blocks{
position:relative;
float:right;
width:330px;
}
#contact-block{
position:relative;
float:right;
width:330px;
}
#logo {
position:relative;
top:0px;
} 
#m1{
float:left;
margin-top:4%;
}
#m2{
float:left;
margin-top:4%;
}
#bgcontent{
float:left;
width:100%;
height:auto;
overflow:hidden;
}
img#bgimg{
height:100px;
width:100%;
}
#content {
   width:98%;
   float: left;
   margin-top:15px;
   border:1px solid #cccccc;
      padding-left:1%;
   padding-right:1%;
   }
#pogoda{
   width:100%;
   float: left;
   margin-top:15px;
   border:1px solid #cccccc;
}
#p1{
float:left;
width:22%;
margin-left:5%;
text-align:center;

}
#p2{
float:left;
text-align:center;
width:22%;
}
#p3{
float:left;
text-align:center;
width:22%;
}
#p4{
float:left;
text-align:center;
width:22%;
}
#wrapper-pogoda{
float:left;
width:100%;
padding-bottom:1%;

}
#partners{
   float: left;
   width:100%;
   margin-top:15px;
   border:1px solid #cccccc;

   }
#partners-wrapper{
/*position: relative; left: calc(50% - 45%);*/
}
#bl{
float:left;
}
#partners_undp_logo{
float:left;
margin-top:1.7%;
margin-left:2%;
width: 6%; /* ширина картинки */  
/*height: auto; /* высота картинки */ */
}
#partners_gerb_logo{
float:left;
margin-top:3%;
margin-left:5%;
width: 7%; /* ширина картинки */
height: auto; /* высота картинки */
}
#partners_coes_logo{
float:left;
margin-top:3%;
margin-left:7%;
width: 7.5%; /* ширина картинки */
height: auto; /* высота картинки */
}
#partners_SDC_logo{
float:left;
margin-top:3%;
margin-left:5%;
width: 19%; /* ширина картинки */
height: auto; /* высота картинки */
}
#footer{
float:left;
margin-top:15px;
width:100%;
height:10.933em;
background-color:#21444C;
}
#footer_menu{
float:left;
margin-left:2%;
margin-top:1%;
color:#FFFFFF;
font-weight:500;
}
#footer_menu_list{
list-style-type:none;
width:100%;
font-weight:500;

}
#footer_menu_list li{
float:left;
font-weight:500;
}
#border_right{
float:left;
margin-left:5%;
margin-top:3.2%;
}
#footer_right{
position:relative;
width:100%;
color:#FFFFFF;
margin-top:6.5%;
left:5%;
font-weight:500;
}
#searc{
float:left;
margin-right:1%;
width:55%;

     padding:2% 1.5% 1.5% 8.5%;
        background: url('../images/search.png') no-repeat 8px 6px; 
}
form input {

}
input[type=text]{
        color:#21444C;
		 border-radius:10px; 
        -moz-border-radius:10px; 
        -webkit-border-radius:10px; 

		border:1x solid #cccccc;
}
 
input[type=button], input[type=button]:hover {
        position:relative; 
        left:-6px;
        border:1px solid #adc5cf;
        background: #e4f1f9; /* Old browsers */
        background: -moz-linear-gradient(top, #e4f1f9 0%, #d5e7f3 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4f1f9), color-stop(100%,#d5e7f3)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #e4f1f9 0%,#d5e7f3 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #e4f1f9 0%,#d5e7f3 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #e4f1f9 0%,#d5e7f3 100%); /* IE10+ */
        background: linear-gradient(top, #e4f1f9 0%,#d5e7f3 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4f1f9', endColorstr='#d5e7f3',GradientType=0 ); /* IE6-9 */
        color:#7da2aa;
        cursor: pointer;
}
.light input[type=text]{
        border:1px solid #acb1b7;
        background-color:#fcfcfc;
		
}
#lg{
float:left;
position:relative;
width:28%;
}
#img1 {
position:relative;
left:2px;
padding:1px;
}
#img2 {
position:relative;
left:10px;
}
#img3 {
position:relative;
left:18px;
border-bottom:2px solid red;
}
#h_contacts {
clear:both;
float:right;
margin-right:1.6%;
margin-top:3%;
font-size:1.160em;
font-weight:2300;
color:#21444C;

}
#h_stelcontacts {

margin-top:3%;
margin-right:1.7%;
float:right;
font-size:1.020em;
font-weight:1300;
color:#21444C;
}
#h_smailcontacts {

clear:both;
float:right;
margin-top:3%;
font-size:1.020em;
font-weight:1300;
color:#21444C;
}
#nav span {
    display: none;
	
}
#nav, #nav ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#nav {
    background-color: #21444C;
    float: left;
    margin-top:1%;
    position: relative;
    width: 100%;
}
#nav ul.subs {
    background-color: #FFFFFF;
    box-shadow: 1px 1px 5px 3px rgba(0, 0, 0, 0.2);
    color: #333333;
	display: none;
    left: auto;
	right:auto;
	padding: 2%;
	position: absolute;
	/*top: 54px;*/
    /*width: 100%;*/
	width:auto;
	
	
}
#nav > li {
    font-weight:500;
	border-bottom: 5px solid transparent;
    float: left;
    margin-bottom: -5px;
    text-align: left;
    -moz-transition: all 300ms ease-in-out 0s;
    -ms-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
	
	
	
}
#nav li a {
    display: block;
    text-decoration: none;
    -moz-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    -ms-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    -o-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    -webkit-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    white-space: normal;
	color:#21444C;
	line-height:30px;
	
}
#nav > li > a {
    color:#FFFFFF;
    display: block;
    font-size: 1em;
    line-height: 49px;
    padding: 0 15px;
    text-transform: uppercase;
}
#nav > li:hover > a, #nav > a:hover {
    background-color: #73AF14;
    color: #СССССС;
}
#nav li.active > a {
    background-color: #EF4323;
    color: #FFFFFF;
}

/* submenu */
#nav li:hover ul.subs {
    display: block;
	z-index:999;
}
#nav ul.subs > li {
    display: inline-block;
    float: none;
    padding: 10px 1%;
    /*vertical-align: top;*/
    width: 13%;
	z-index:999;
		
}
#nav ul.subs > li a {
    color: #777777;
    line-height: 20px;
	z-index:999;
	
}
#nav ul li a:hover {
    color: #F55856;
	z-index:999;
	}
#nav ul.subs > li > a {
    font-size: 1.3em;
    margin-bottom: 10px;
    text-transform: uppercase;
	z-index:999;
		
}
#nav ul.subs > ul li{
z-index:999;
font-weight:bold;
}

#nav ul.subs > ul li:hover {
float: none;
z-index:999;
    padding-left: 8px;
    -moz-transition: padding 150ms ease-out 0s;
    -ms-transition: padding 150ms ease-out 0s;
    -o-transition: padding 150ms ease-out 0s;
    -webkit-transition: padding 150ms ease-out 0s;
    transition: padding 150ms ease-out 0s;
}
#nav ul.subs > li {
z-index:999;
    float: none;
    padding-left: 8px;
    -moz-transition: padding 150ms ease-out 0s;
    -ms-transition: padding 150ms ease-out 0s;
    -o-transition: padding 150ms ease-out 0s;
    -webkit-transition: padding 150ms ease-out 0s;
    transition: padding 150ms ease-out 0s;
	
	
}
#nav ul.subs > li li:hover {
z-index:999;
    padding-left: 15px;
	
}
#adv {
   width:100%;
   float: left;
   margin-top:15px;
   border:1px solid #cccccc;
   height:600px;
   overflow:hidden;
}
#st1{
position:relative;
top:1px;
left:2px;
}
#st2{
position:relative;
top:1px;
left:2px;
}
#textcontent{
position:relative;
margin-top:-0.5%;
left:0.15%;
width:97%;
word-wrap: break-word;
text-align:justify;
margin-left:10px;
}
#finance_block{
float:left;
width:100%;
margin: 0 auto;
margin-bottom:5px;
padding-bottom:10px;
}
.finance{
width: 100%;
margin-top:1%;
}
/* footer*/
#undp_logo{
float:left;
top:5px;
position: relative; left: calc(50% - 30%);
height: auto; /* высота картинки */
}
.finance_text{
float:left;
width:60%;
margin-top:0.5%;
font-weight:500;
font-size:13px;
position: relative; left: calc(50% - 29%);
}
@media \0screen {
  img { 
  	width: auto; /* for ie 8 */
  }
