@charset "utf-8";
/* CSS Document */
html {
height:100%;
}
body {
padding:0;
margin:0;
min-height:100%;
height:auto !important;
height:100%;
position: relative;
font:12px Tahoma, Arial, Helvetica, sans-serif;
color:#000000;
background:#FFFFFF;
}
a {
color:#336699;
text-decoration:underline;
}
a:hover {
color:#336699;
text-decoration:none;
}
p {
padding:5px 0;
margin:0;
}
form {
padding:0;
margin:0;
}
table {
border:none;
}
img {
border:none;
}
h1, h2, h3, h4, h5, h6 {
padding:0;
margin:0 0 10px 0;
font-weight:normal;
}
h1 {
font-size:22px;
}
h2 {
font-size:20px;
}
h3 {
font-size:18px;
}
h4 {
font-size:16px;
}
.clear {
clear:both;
}
.container {
width:960px;
margin:0 auto;
}
.header {
height:76px;
width:960px;
position:relative;
}
.logo {

height:64px;
width:280px;
position:absolute;
top:0px;
left:0px;
}
.hm {
height:10px;
width:269px;
position:absolute;
top:54px;
left:318px;
}
.search {
position:absolute;
top:50px;
right:0;
width:280px;
height:20px;
}
.search-text {
width:225px;
}
.search-text input {
width:212px;
height:16px;
border:1px solid #999999;
color:#999999;
font:12px Tahoma, Arial, Helvetica, sans-serif;
}
.search-button {
text-align:right;
width:55px;
}
.search-button input {
color:#000000;
height:20px;
cursor:pointer;
font:12px Tahoma, Arial, Helvetica, sans-serif;
}
.menu {
background:url(/images/menu-bg.gif) repeat-x top;
height:28px;
margin-bottom:3px;
font-size:11px;
font-weight:bold;
width: 960px;
}
.menu ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
.menu li {
float: left;
margin: 0px;
padding: 0px;
list-style-type: none;
}
.menu-arrow {
width:1px;
height:28px;
}
.menu-arrow img {
width:1px;
height:28px;
}
.menu td {
height:28px;
vertical-align:top;
}
.menu-left {
width:200px;
/*
background:url(/images/menu-left.gif) no-repeat left;
*/
border-right-width: 1px;
border-right-style: solid;
border-right-color: #336699;
}
.menu-left a {
text-align:center;
padding-top:8px;
display:block;
text-decoration:none;
color:#054c6c;
height:20px;
background:url(/images/menu-left-hover.gif) no-repeat top left;
}
.menu-left ul li a { height:auto}
.menu-left ul li a:hover { height:auto}
.menu-left a:hover {
text-align:center;
padding-top:8px;
display:block;
text-decoration:none;
height:20px;
background-position:center -28px;
}
.menu-right {
width:170px;
/*
background:url(/images/menu-right.gif) no-repeat right;
*/
}
.menu-right a {
text-align:center;
padding-top:8px;
display:block;
text-decoration:none;
color:#054c6c;
height:20px;
background:url(/images/menu-right-hover.gif) no-repeat top right;
}
.menu-right a:hover {
text-align:center;
padding-top:8px;
display:block;
text-decoration:none;
height:20px;
background-position:center -28px;
}
.menu-sub, .menu-sub-drop {
width:194px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #336699;
}
.menu .menu-sub ul li a{height:auto;}
.menu .menu-sub a, .menu .menu-sub-drop a {
text-align:center;
padding-top:8px;
display:block;
text-decoration:none;
color:#054c6c;
height:20px;
background:url(/images/menu-hover.gif) no-repeat top center;
}
.menu .menu-sub a:hover, .menu .menu-sub-drop a:hover {
text-align:center;
padding-top:8px;
display:block;
text-decoration:none;
_height:20px;
background-position:center -28px;
}
.about-site {
background:url(/images/big-img.jpg) no-repeat top left;
height:275px;
padding-bottom:25px;
margin-bottom:3px;
font-size:11px;
color:#333333;
}
.site-title {
font:28px Trebuchet MS, Arial, Helvetica, sans-serif;
color:#666666;
margin-bottom:10px;
}
.site-title strong {
font-weight:normal;
color:#193f88;
}
.site-title span {
font:20px Trebuchet MS, Arial, Helvetica, sans-serif;
line-height:22px;
}
.left {
float:left;
width:638px;
}
.object-foto {
background:url(/images/photo-bg.png) no-repeat;
width:614px;
height:172px;
padding:10px 10px 0 13px;
}
.obj-foto-list {
width:100%;
}
.obj-foto-list td {
width:auto;
vertical-align:top;
text-align:center;
}
.object-title {
font:18px Trebuchet MS, Arial, Helvetica, sans-serif;
padding-bottom:10px;
color:#666666;
}
.arhiv-object {
font-size:10px;
padding-bottom:10px;
}
.arhiv-object a {
float:right;
display:block;
background:url(/images/arhiv-photo.gif) no-repeat;
width:90px;
height:11px;
text-align:center;
line-height:10px;
color:#ffffff;
text-decoration:none;
}
.arhiv-object a:hover {
color:#ffffff;
text-decoration:underline;
}
.right {
float:right;
width:315px;
}
.projects {
color:#FFFFFF;
background:url(/images/project-bg.png) no-repeat;
height:172px;
width:292px;
padding:10px 10px 0 13px;
}
.projects-title {
font:18px Trebuchet MS, Arial, Helvetica, sans-serif;
padding-bottom:15px;
}
.arhiv-project {
font-size:10px;
padding-bottom:15px;
}
.arhiv-project a {
float:right;
display:block;
background:url(/images/all-project.gif) no-repeat;
width:82px;
height:11px;
text-align:center;
line-height:10px;
color:#003366;
text-decoration:none;
}
.arhiv-project a:hover {
color:#003366;
text-decoration:underline;
}
.project-it {
}
.project-line {
border:none;
height:1px;
margin:10px 0;
background:url(/images/pr-line.gif) repeat-x;
}
.project-title {
color:#66ccff;
font-size:11px;
}
.project-title a {
color:#66ccff;
text-decoration:none;
}
.project-title a:hover {
color:#66ccff;
text-decoration:underline;
}
.project-status {
font-size:11px;
color:#cccccc;
}
.partners {
clear:both;
padding:35px 0;
}
.partners td {
text-align:center;
width:auto;
}
.extra {
clear:both;
height:47px;
}
.footer {
position:absolute;
bottom:0;
width:960px;
height:47px;
font-size:11px;
color:#666666;
}
.footer a {
text-decoration:underline;
color:#003399;
}
.footer a:hover {
text-decoration:none;
color:#003399;
}
.info-menu {
font-size:10px;
color:#999999;
padding:2px 0 0 0;
margin:0 0 0 0;
}
.info-menu li {
list-style:none;
display:inline;
padding:0 15px 0 0;
margin:0 0 0 0;
}
.info-menu a {
color:#999999;
text-decoration:none;
}
.info-menu a:hover {
color:#999999;
text-decoration:underline;
}
.footer-contact {
width:260px;
text-align:right;
}
.footer-phone {
background:url(/images/mini-phone.gif) no-repeat top left;
padding-left:18px;
}
.webmaster {
text-align:right;
width:300px;
}
.footer-contact ul, .webmaster ul {
font-size:10px;
color:#999999;
padding:2px 0 0 0;
margin:0 0 0 0;
float:right;
}
.footer-contact li, .webmaster li {
list-style:none;
display:inline;
padding:0 0 0 15px;
margin:0 0 0 0;
}
.footer-contact ul a, .webmaster ul a {
color:#999999;
text-decoration:none;
}
.footer-contact ul a:hover, .webmaster ul a:hover {
color:#999999;
text-decoration:underline;
}
.footer-contact ul li.email a {
color:#003399;
text-decoration:underline;
}
.footer-contact ul li.email a:hover {
color:#003399;
text-decoration:none;
}

.in-about-site {
margin-bottom:3px;
padding-top: 2px;
padding-right: 0px;
padding-bottom: 1px;
padding-left: 0;
width: 200px;
}
.in-about-site ul {
padding:0 0 0 0;
margin:0 0 0 0;
font-weight:bold;
}
.in-about-site li {
list-style:none;
padding:0;
margin:0;
border:1px solid #dbdbdb;
border-width:0px 1px 1px 0px;
/*
height:32px;
*/
}
.in-about-site a {
font-weight:normal;
color:#054c6c;
display:block;
padding:8px 10px 8px 32px;
/*
height:24px;
*/
text-decoration:none;
background:#fdfdfd url(/images/hjkhf_top.gif) no-repeat top left;
}
.in-about-site a:hover {
color:#ffffff;
background:#c1cbdc url(/images/hjkhf_bottom.gif) no-repeat left bottom;
text-decoration:none;
}
.in-about-site li.last-link a {
color:#054c6c;
display:block;
padding:8px 0 0 32px;
height:24px;
text-decoration:none;
background:url(/images/hjkhf2.gif) no-repeat top left;
}
.in-about-site li.last-link a:hover {
color:#ffffff;
background-position:0 -32px;
text-decoration:none;
}
.wrapper {
float:left;
width:100%;
}
.content {
margin:0 250px 0 198px;
padding:10px 15px 60px 15px;
font-size:11px;
color:#666666;
}
.in-left {
float:left;
width:198px;
margin-left:-960px;
padding:0 0 60px 0;
}
.foto {
position:relative;
background:url(/images/foto-bg.gif) repeat-y;
}
.all-obj {
position:absolute;
width:80px;
height:12px;
top:1px;
right:1px;
text-align:center;
color:#FFFFFF;
font-size:10px;
line-height:10px;
}
.all-obj a {
text-decoration:none;
color:#FFFFFF;
}
.all-obj a:hover {
text-decoration:underline;
color:#FFFFFF;
}
.foto-title {
font:18px Trebuchet MS, Arial, Helvetica, sans-serif;
padding:15px 0 0 15px;
color:#666666;
background:url(/images/foto-top.gif) no-repeat top;
margin-bottom:5px;
}
.foto-bottom {
background:url(/images/foto-bottom.png) no-repeat bottom;
text-align:center;
padding:0 0 0 0;
}
.in-right {
font-size:11px;
color:#666666;
float:left;
width:250px;
margin-left:-250px;
padding-top: 192px;
padding-right: 0;
padding-bottom: 60px;
padding-left: 0;
}
.font12 {
font-size:12px;
}
.dp {
font-size:10px;
padding-top:1px;
vertical-align:top;
}
.dg {
padding-top:5px;
vertical-align:top;
}
.list {
margin:0;
padding:10px 0 10px 15px;
}
.list li {
margin:0;
padding:2px 0;
list-style:none;
}
ul.jd_menu, 
ul.jd_menu_vertical {
margin: 0px;
padding: 0px;
list-style-type: none;
}
ul.jd_menu ul,
ul.jd_menu_vertical ul {display: none;}
ul.jd_menu li {}
ul.jd_menu_vertical {}
ul.jd_menu_vertical li {float: none;}
/* -- Sub-Menus -- */
ul.jd_menu ul,
ul.jd_menu_vertical ul {
position: absolute;
display: none;
list-style-type: none;
margin: 0px;
padding: 0px;
z-index: 10000;
}
ul.jd_menu ul li,
ul.jd_menu_vertical ul li {
float: none;
margin: 0px;
}
ul.jd_menu,
ul.jd_menu ul,
ul.jd_menu_vertical,
ul.jd_menu_vertical ul {}
ul.jd_menu_vertical {height: auto;}
ul.jd_menu ul {height: auto;}
* html ul.jd_menu ul {}
ul.jd_menu li {
font-size: 12px;
line-height: 14px;
margin: 0px;
padding: 0px;
cursor: pointer;
/*
white-space: nowrap;
*/
}
ul.jd_menu li a {
text-decoration: none;
}
ul.jd_menu li.jdm_hover,ul.jd_menu li.jdm_active {}
.jd_menu li ul {
background-color: #eff0f2;
}
.jd_menu li ul li {
border-bottom-width: 1px;
border-left-width: 1px;
border-bottom-style: solid;
border-left-style: solid;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
}
.menu .menu-sub ul li a, .menu .menu-left ul li a, .menu .menu-right ul li a {
text-align:left!important;
padding-top:8px;
padding-bottom:8px;
padding-left:25px;
padding-right:25px;
display:block;
text-decoration:none;
color:#054c6c;
_height:18px;
background-image: none;
}
.menu .menu-sub ul li a:hover, .menu .menu-left ul li a:hover, .menu .menu-right ul li a:hover {
text-align:left!important;
padding-top:8px;
padding-bottom:8px;
padding-left:25px;
padding-right:25px;
display:block;
text-decoration:none;
color:#FFFFFF;
_height:18px;
background:#939dab url(/images/submenu_bg.gif) left top repeat-x;
}
.menu .menu-sub ul li ul li a:hover, .menu .menu-left ul li ul li  a:hover, .menu .menu-right ul li ul li a:hover {
background:#e1e1e2 url(/images/submenu_bg_2.gif) left bottom repeat-x;
color:#054c6c;
}
.jd_menu  .menu-sub  li a {
width: 191px;
}
.jd_menu  .menu-sub  li li a {
width: 310px;
}
.jd_menu .menu-left li, .jd_menu .menu-right li  {width: 255px;}
.in-about-site li ul {margin:0px 0px 5px 0px; background:none;}
.in-about-site li ul li{font-size:11px;margin:0px 0px 5px 0px; color:#054c6c; padding-top:5px;  padding-left:40px;  border:1px solid #DBDBDB; border-width:1px 0px 0px 0px;}
.in-about-site li ul li a {
background:none;
font-size:11px;
padding:0px; margin:0px;
display:inline;
}
.in-about-site ul li ul li a:hover {
/*
background:#e1e1e2 url(/images/submenu_bg_2.gif) left bottom repeat-x;
*/
background:none;
text-decoration:underline;
color:#054c6c;
}
.mod_bg1 {
height: 194px;
width: 760px;
float: right;
background-image: url(/images/in-big-img.jpg);
background-repeat: no-repeat;
background-position: right;
}
.sub-menu-bullet {
background-image: url(/images/syb_menu_bullet.gif);
background-repeat: no-repeat;
background-position: left bottom;
}

table.clients td {
padding-top: 15px;
padding-bottom: 15px;
}