@import "hc_menu.css";

body {
padding:0; margin:0 auto;
width:980px;
position:relative;
min-height:100%;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#333333;
}



#header {
  position:                 relative;
  padding:                  1em;
}

#content {
float: left;
width: 100%;
margin-top:1.5em;

background:url(../images/fon-columns.png) #FFFFFF right top repeat-y;
}


div.logo {
float: left;
/*width: 40%;*/
margin-left:-1%;
margin-right:0%
}

* html div.logo {
float: left;
/*width: 35%;*/
width: 100%;
margin-left:1px;
margin-right:0%
}


div.slogan {
float: left;
width: 40%;
margin-left:20%;
margin-right:0%
}

* html div.slogan {
float: left;
width: 35%;
margin-left:20%;
margin-right:0%
}

div.left_column {
float:left;
width:30%;
margin-left:1%;
margin-right:1%;
margin-top:5px;
font-size:100%;
text-align: left;
line-height: 18px;
}

* html div.left_column {
float:left;
width:31%;
margin-left:1%;
margin-right:1%;
margin-top:5px;
font-size:100%;
text-align: left;
line-height: 20px;
}

* html span.small {
font-family:"Times New Roman", Times, serif;
}

div.center_column {
float:left;
width:299px;
margin-top:9px;
font-size:100%;
margin-left:3%; 
/*background:#FFFffF;*/
}


*html div.center_column {
float:left;
width:299px;
margin-top:9px;
font-size:100%;
margin-left:2%; 
/*background:#FFFffF;*/
}

div.r_text {
float:left;
width:299px;
margin-left:1%;
margin-right:0%;
font-size:100%;
text-align: justify;
}


*html div.r_text {
float:left;
width:299px;
margin-left:-299px;
margin-right:0%;
margin-top:232px;
font-size:100%;
text-align: justify;
}

div.right_column {
float:left;
width:290px;
margin-top:9px;
margin-left:4%;
margin-right:0%;
font-size:100%;
text-align: left;
}

*html div.right_column {
float:left;
width:290px;
margin-top:9px;
margin-left:30px;
margin-right:0%;
font-size:100%;
text-align: left;
}

div.fd {
float:left;
width:20%;
margin-top:0px; 
/*background:#FFFffF;*/
}

*html div.fd {
float:left;
width:15%;
margin-top:0px; 
/*background:#FFFffF;*/
}

div.fd_text {
float:left;
width:45%;
margin-top:0px; 
margin-left:25%;
/*background:#FFFffF;*/
}

*html div.fd_text {
float:left;
width:45%;
margin-top:0px; 
margin-left:15px;
/*background:#FFFffF;*/
line-height: 15px;
}


div.menu_text {
float:left;
width:100%;
margin-top:32px;
margin-left:0px;
border: 1px solid #af4424; 
/*background:#FFFffF;*/
}

*html div.menu_text {
float:left;
width:250px;
margin-top:35px;
margin-left:0px;
border: 1px solid #af4424; 
/*background:#FFFffF;*/
}



div.address {
float:left;
width:100%;
margin-top:1%;
font-size:100%;
}

* html .address {
  margin-top:-1em;
}

div.adr_ukr {
float: left;
width: 60%;
margin-top:1%;
}
div.adr_mld {
float: left;
margin-left:1%;
width: 38%;
margin-top:1%;
}

* html div.adr_ukr {
  margin-top:-0.1em;
}

* html div.adr_mld {
  margin-top:-0.1em;
}


div.copyright {
float: left;
width:100%;
background:#192F78;
font-size:90%;
color: #FFF9FB;
margin-top:2em;
text-indent: 12px;
}

div.snoska {
float: left;
width:100%;
font-size:90%;
color:#999999;
}

* html div.snoska {
float: left;
width:95%;
font-size:90%;
color:#999999;
text-align: left;
}

div.home {
float: left;
width:100%;
margin-top:0px;
margin-left:1%;
font-size:80%;
color:##FFF9FB;
background:url(../images/fon-columns.png) #FFFFFF right top repeat-y;
}



.hpage {
color: #FFF9FB;
margin-top:1em;
text-indent: 10px;
text-align: right;
}

div.one_column {
float:left;
width:96%;
margin-left:1%;
margin-right:1%;
font-size:100%;
text-align: justify;
line-height: 20px;
}


a {
color:#165CAA;
}

a:hover {
color:#165CAA;
}

a:visited {
color:#165CAA;
}

a.wnicef:link, a.wnicef:visited, a.wnicef:active, a.wnicef:hover 
{
font-family:"Times New Roman", Times, serif;
color:#192F78;
font-weight:bold;
font-style:italic;
font-size: 120%;
text-decoration:none;
}

a.eegf:link, a.eegf:visited, a.eegf:active, a.eegf:hover 
{
color:#192F78;
text-decoration:none;
}

a:link, a:visited, a:hover {
color:#192F78;
text-decoration:none;
}
.eegf {
color:#192F78;
font-weight:bold;
}

.name {
color:#192F78;
font-weight:bold;
font-size:100%;
margin-top: 2%
}

.fname {
color:#192F78;
font-weight:bold;
font-size:95%;
margin-top: 2%
}

.hc {
color:#192F78;
font-weight:bold;
}


.title {
color:#C14C11;
line-height: 20px;
font-weight:bold;
text-indent: 25px;
}

* html .title {
color:#C14C11;
line-height: 20px;
font-weight:bold;
text-indent: 25px;
margin-top: 1%
}

.title_txt {
color:#C14C11;
line-height: 28px;
font-weight:bold;
/*text-indent: 2%;*/
}

.subtitle
{
font-size: 12px;
color:#192F78;
font-weight:bold;
line-height: 18px;
}

.subtitlefund {
font-size: 12px;
color:#C14C11;
font-weight:bold;
line-height: 18px;
}

div.picture {
float:left;
margin-left:0px;
margin-right:5px;
padding: 0px;
}

div.pteam {
float:left;
width:100%;
margin-left:0px;
margin-right:5px;
margin-top: 10px;
padding: 0px;
clear:both;
}

div.team {
float:left;
margin-left:15px;
margin-right:5px;
margin-top: 0px;
padding: 0px;
font-size: 100%;
clear:right;
}


/**/
div.pcteam {
float:left;
width:30%;
margin-left:5px;
margin-right:5px;
margin-top: 10px;
padding: 1%;
}

div.ppcteam {
float:left;
margin-left:10px;
margin-right:0px;
margin-top: 0px;
padding: 0px;
font-size: 100%;
clear:right;
}

div.empteam {
float:left;
width:15%;
margin-left:0px;
margin-right:5px;
margin-top: 10px;
padding: 1%;
}


/**/

div.r_text p {
margin-top: 5px;
}

span.team span.bold {
margin-top: 10px;
font-weight:bold;
}

span.team p {
margin-top: 10px;
}

p.team {
margin-top: 10px;
}

.team {
font-size: 100%;
}

.sub {
font-size: 75%;
font-style:italic;
text-align: left;
}


div.portfolio {
float:left;
width:100%;
margin-left:0px;
margin-right:5px;
margin-top: 10px;
padding: 0px;
clear:both;
}


div.pfleft {
float:left;
width:22%;
margin-left:0px;
margin-right:1%;
font-size:100%;
text-align: left;
}

div.pfright{
float:right;
width:74%;
margin-left:0%;
margin-right:1%;
font-size:100%;
text-align: justify;
}




ul.princ,ul.princ li {
list-style: disc; /* Маркеры в виде круга */
list-style-position: outside; /* Маркеры размещаются за пределами текстового блока */
margin-left:6%;
margin-top: 5%;
}

* html ul.princ,* html ul.princ li {
list-style: disc; /* Маркеры в виде круга */
list-style-position: outside; /* Маркеры размещаются за пределами текстового блока */
margin-left:6%;
margin-top: 1%;
}


ul.list,ul.list li {
list-style: disc; /* Маркеры в виде круга */
list-style-position: outside; /* Маркеры размещаются за пределами текстового блока */
margin-left:6%;
margin-top: 1%;

}

* html ul.list,* html ul.list li {
list-style: disc; /* Маркеры в виде круга */
list-style-position: outside; /* Маркеры размещаются за пределами текстового блока */
margin-left:6%;
margin-top: 1%;
}


ul.list_n,ul.list_n li {
text-decoration:underline;
list-style: disc; /* Маркеры в виде круга */
list-style-position: outside; /* Маркеры размещаются за пределами текстового блока */
margin-left:3%;
margin-top: 3%;

}

* html ul.list_n,* html ul.list_n li {
text-decoration:underline;
list-style: disc; /* Маркеры в виде круга */
list-style-position: outside; /* Маркеры размещаются за пределами текстового блока */
margin-left:3%;
margin-top: 3%;
}


ul.list_nn,ul.list_nn li {
font-weight:bold;
list-style: disc; /* Маркеры в виде круга */
list-style-position: outside; /* Маркеры размещаются за пределами текстового блока */
margin-left:3%;
margin-top: 3%;

}

* html ul.list_nn,* html ul.list_nn li {
font-weight:bold;
list-style: disc; /* Маркеры в виде круга */
list-style-position: outside; /* Маркеры размещаются за пределами текстового блока */
margin-left:3%;
margin-top: 3%;
}

ul.list_l,ul.list_l li {
list-style: circle; /* Маркеры в виде круга */
list-style-position: outside; /* Маркеры размещаются за пределами текстового блока */
margin-left:6%;
margin-top: 1%;
}

* html ul.list_l,* html ul.list_l li {
list-style: circle; /* Маркеры в виде круга */
list-style-position: outside; /* Маркеры размещаются за пределами текстового блока */
margin-left:6%;
margin-top: 1%;
}



* html div.pfright{
float:right;
width:74%;
margin-left:0%;
margin-right:0%;
font-size:100%;
text-align: justify;
}


a.imb {
 background: url(../logos/Logo_IMB_n.gif); /* Путь к файлу с исходным рисунком */
 display: block; /* Рисунок как блочный элемент */
 width: 200px; /* Ширина рисунка */
 height: 78px; /* Высота рисунка */
}

a.imb:hover {
 background: url(../logos/Logo_IMB_s.gif); /* Путь к файлу с заменяемым рисунком */
 display: block; /* Рисунок как блочный элемент */
 width: 400px; /* Ширина рисунка */
 height: 155px; /* Высота рисунка */
}