*{ margin: 0; padding: 0; font-family: Tahoma; color: black; font-size: 12px; }

a { color: #0059a8; font-weight: normal; text-decoration: underline; }
a:hover { color: #0059a8; text-decoration: none; }
a:visited { color: #0059a8; }

a img {border: none;}

fieldset {border: none; margin-right: 40px; text-align: left; }

html, body { width: 100%; height: 100%; }
#center { background: #fff url('/images/bg_body_left.jpg') right repeat-y; }
#forshad {background: url('/images/bg_body_right.jpg') left repeat-y; }

ul, li { list-style-type: none; }
ol li { list-style: decimal outside; margin-left: 20px;}

.floatleft { float: left; }
.floatright { float: right; }
.clearleft { clear: left; }
h5 { color: #0059a8; font-weight: normal; font-size: 14pt; }
h4 { font-size: 13pt; color: #cccccc; }
h3 { font-size: 10pt; color: #c11418; }
h2 { font-size: 12pt; color: #0059a8; }
h2.item_h { font-size: 18px; color: #0059a8; margin: 0 0 20px 0px;}
h2.comp { font-size: 12px; color: #0059a8; text-transform: uppercase; padding-top: 25px; text-indent: 10px;}
h2.comp_1 { font-size: 12px; color: #0059a8; text-transform: uppercase; padding-top: 25px;}
h1 { font-size: 12pt; color: #0059a8; background: url('/images/ship_mirror.gif') no-repeat left center; padding-left: 130px; padding-top: 40px; padding-bottom: 25px; text-transform: uppercase; margin-left: 54px; }
#cord { background: url('/images/bg_cord.jpg') top no-repeat; padding-bottom: 10px; vertical-align: top;}
html:first-child #cord { height: 96px;}
html:root #cord { height: 96px;}
body:first-of-type #cord { height: 76px;}
#logo { margin-top: 40px; margin-left: 33px; float: left; }

/* main */
#main { background: url('/images/bg_field-glass.jpg') no-repeat;}
#banner img { float: left; margin-left: 34px; margin-top: 12px; }
#banner .floatleft { width: 260px; height: 200px; color: #ffffff; font-weight: bold; padding-left: 20px; padding-top : 20px; }
#banner .floatleft span { font-size: }
#blue_bg { clear: left; /*background:  url('/images/blue_bg.jpg') repeat-x;*/}
#work_menu { width: 968px; height: 35px; background: url('/images/bg_four_dots.gif') no-repeat;}
#work_menu ul { padding-left: 37px; }
#work_menu ul * { font-size: 12px;}
#work_menu ul li { float: left; width: 200px; padding-left: 19px; padding-top: 2px;}
#work_menu ul li a { color: #0059a8; text-transform: uppercase; font-size: 12px; font-weight: bold; text-decoration: none;}
#work_menu ul li a:hover { color: #0059a8; text-transform: uppercase; font-size: 12px; font-weight: bold; text-decoration: underline;}

#work_ul { padding-left: 34px; margin-top: 20px; }
#work_ul ul { width: 200px; margin-right: 20px; float: left; }
#work_ul ul li { clear: left;}
#work_ul ul li * { font-size: 11px; text-decoration: none!important; }
#work_ul ul li a { color: #000; font-size: 11px; text-decoration: none!important; display: table; border: 1px solid #ebf0f6; margin-bottom: 20px; padding: 5px; width: 100%; }
#work_ul ul li a:hover { color: #000; font-size: 11px; text-decoration: none!important; display: table; border: 1px solid #ebf0f6; margin-bottom: 20px; padding: 5px; width: 100%; background: #ebf0f6; }
#work_ul ul li a { _display: block; *display: block; }
#work_ul ul li a:hover { _display: block; *display: block; }
#work_ul ul li a span { color: #000; font-size: 11px; line-height: 20px; }
#work_ul ul li a img { margin-right: 10px; float: left; border: 1px #adc2dd solid; }

.content a.black, .content a.black:hover, .content a.black:visited { color: #000; font-size: 11px; text-decoration: none!important; }
.content a.black { display: table; border: 1px solid #ebf0f6; padding: 5px; width: 200px; margin-bottom: 20px;}
html:first-child .content a.black { width: 210px;}
.content a.black:hover { display: table; border: 1px solid #ebf0f6; padding: 5px; background: #ebf0f6; }
.content a.black {_display: block; *display: block; }
.content a.black:hover {_display: block; *display: block; }
.content a.black div, .content a.black:hover div, .content a.black:visited div { color: #000; font-size: 11px; }
.content a.black img, .content a.black:hover img, .content a.black:visited img { margin: 0 10px 0 0; float: left; }

#ships { clear: left; height: 120px; background: url('/images/water.gif') 0 30px repeat-x; margin-left: 33px; padding-top: 30px;}
.book_top {width: 100%;  height: 120px; background: url('/images/book.gif') right bottom no-repeat;}
#ships img { margin-right: 114px; }

/*  ***  */
#body {/* background: url('/images/bg.jpg') top repeat-x #ffffff;*/ width: 968px; vertical-align: top; height: 305px;}

#menu { width: 695px; padding-left: 0px; float: left; }
#menu span { height: 15px; width: 90px; text-align: right; float: left; padding-right: 30px; color: #000000; background: url('/images/point.gif') no-repeat right center; }
#menu span a { color: #000000; text-decoration: none; }
#menu span.active { color: #0059a8 ; font-weight: bold; background: url('/images/redpoint.gif') no-repeat right center; padding-right: 32px; }
#about {margin-left: -43px; margin-top: 5px; padding-left: 2px;}
#port { margin-top: 20px; margin-left: 122px; }
#usl { clear: left; margin-left: 233px; margin-top: 8px; }
#prodv { margin-left: 78px; margin-top: 8px; }
#host { clear: left; margin-left: 463px; margin-top: 8px; }
#contacts { margin-left: 226px; margin-top: 23px; }

/*  ***  */
#navigator { width: 852px; height: 20px; border: 1px solid #ffffff; margin-left: 34px; margin-top: 8px; padding-top: 3px; padding-left: 30px; font-size: 8pt; color: #000; clear: both; }
#navigator a { font-size: 8pt; color: #000; }
#navigator span { font-size: 8pt; color: #807f7f; padding-left: 5px; padding-right: 5px; }

.footer { color: #807f7f;}
.footer div { color: #807f7f; padding-bottom: 20px; }
.footer div img { float: left; margin: 0 10px 10px 0; }
.footer a { text-decoration: none; font-size: 8pt; color: #807f7f; }
.footer { font-size: 7pt; padding-left: 20px; padding-bottom: 15px; }
#copyright {padding-left: 33px; }
.counter { float: left; margin-right: 20px; }

.for_rul {background: url('/images/rul.gif') no-repeat right top; margin-top: 50px; padding-bottom: 25px; padding-top: 5px; }

/*  work  */
#main_menu {  width: 890px; height: 100px; margin-left: 54px; margin-top: 10px; }
#main_menu a { width: 170px ; height: 20px; display: block;  padding-left: 30px; padding-top: 75px; }
#main_menu div { width: 170px ; height: 20px; padding-left: 30px; padding-top: 75px; }
#main_menu li { float: left; margin-right: 13px; }

#list_types { clear: both; padding-left: 34px; }
#list_types ul li { float: left; height: 112px; width: 225px; }
#list_types ul li div { padding: 75px 10px 2px 30px; }
#body #list_types ul li div a, #body #list_types .active { color: #0059a8; text-transform: uppercase; font-weight: bold; font-size: 12px; text-decoration: none; }
#body #list_types ul li div a:hover { text-decoration: underline; }
#type_1_1 div { background: url('/images/01_li.gif') no-repeat left top; }
#type_1_1 div.active { background: url('/images/01_li_active.gif') no-repeat left top; }
#type_1_2 div { background: url('/images/02_li.gif') no-repeat left top; }
#type_1_2 div.active { background: url('/images/02_li_active.gif') no-repeat left top; }
#type_1_3 div { background: url('/images/03_li.gif') no-repeat left top; }
#type_1_3 div.active { background: url('/images/03_li_active.gif') no-repeat left top; }
#type_1_4 div { background: url('/images/04_li.gif') no-repeat left top; }
#type_1_4 div.active { background: url('/images/04_li_active.gif') no-repeat left top; }

/*  work_001 */
.work_01 { padding-left: 54px; margin-top: 20px; }
.work_01 ul { width: 200px; margin-right: 20px; float: left; }
.work_01 ul li { clear: left; }
.work_01 ul li a img { margin-right: 10px;  margin-bottom: 5px; margin-top: 5px; float: left; }

.type { padding-right: 30px; }

/*  work_003 */
#work_03 { margin-left: 54px; margin-top: 20px; }
#work_03 .floatleft { margin-right: 20px; }
#miniphoto  { width: 160px; margin-top: 20px; }
#miniphoto  tr td { width: 50px; height: 60px; padding-top: 7px; border: 1px solid #cccccc; }
#miniphoto tr td:hover { border-color: #d50207 ; }
#miniphoto tr td.active { border-color: #d50207 ; }
#miniphoto tr td.jshover { border-color: #d50207 ; }
#miniphoto tr td img { border: 0; }
.larrow { float: left; margin-left: 180px; margin-right: 20px; margin-top: 30px; }
.rarrow { float: left; margin-left: 0px;  margin-top: 30px; }
#manual { padding-top: 40px ; }
#manual span { color: #0059a8; }
#manual a { text-decoration: underline ; color: #0059a8; }

/*  usl  */
#services { margin-left: 54px; }
#services ul { width: 430px; float: left; margin-right: 30px; }
#services ul li { clear: left;  padding-top: 30px;  }
#services ul li a { color: #0059a8; text-transform: uppercase;}
#services ul li img { float: left; margin-right: 10px; }

/*  style  */
.allocation { color: #ff0000; }
.indent { margin-left: 30px; }
.main_allocation { font-weight: bold; color: #0059a8; }

.tabl { width: 100%; border: 1px solid #adc2dd; border-collapse: collapse; }
.tabl tr th { background: url('/images/th_bg.jpg') repeat-x #ffffff; color: #0059a8; border: 1px solid #adc2dd; padding: 5px 0; }
.tabl tr td { border: 1px solid #adc2dd; text-align: center; padding: 3px 0; }
.blue { background: #e4ebf3; }
.oblique { font-style: oblique ; }
.buttonA { display: block; background: url('/images/buttonC.jpg') repeat-x; width: 150px; height: 21px; text-align: center; }

.button { width: 94px; height: 1px; background: url('/images/button.jpg') no-repeat; padding: 3px 10px; }
.pager { margin-top: 5px; margin-bottom: 5px;  color: #5998c9;}
.pager a, .pager a:visited,  a.button, a.button:visited {color: #000000; padding: 1px 1px 1px 1px; line-height: 16px; font-weight: bold; text-decoration: none; margin: 1px;}
.pager .current { color:   #5998c9; margin: 1px;  padding: 1px 1px 1px 1px; font-weight: bold; }
.pager a, .pager a:visited, a.button, a.button:visited {border: 0; background-color: transparent;}

/*списки*/
#services .ul ul li a,  #services .ul ul li div { text-transform: none; font-size: 12px; }
#services .ul, .ul li, .sub, .files { margin: 0; padding: 0; }
#services .ul li, .sub li, #sitemap ul li, .files li { padding: 0 0 0 15px; background: url('/images/list.gif') 0px 8px no-repeat; }
.sub li ul {margin-left: 20px;}

#sitemap ul li a { font-weight: bold;}
#sitemap ul li ul li a {  font-weight: bold;}
#sitemap ul li ul li ul li a { font-weight: normal;}
#sitemap ul li ul {margin-left: 20px;}
#sitemap a {line-height: 20px; color: #0059a8;}

.maphref {margin-left: 22px; padding: 30px 0; }
.maphref a {color: #0059a8; background: url('/images/list.gif') 0px 5px no-repeat; padding-left: 15px;}

.nail_on_main {margin-left: 22px; padding: 0px 50px 0px 0px; }

.hor_line { clear: left; width: 946px; margin-left: 54px; height: 1px; background: url('/images/hor_line.gif') repeat-x; margin-top: 100px; margin-bottom: 20px; }
.hor div {margin: 20px 33px 10px 33px; height: 1px; background: url('/images/hor_line.gif') repeat-x;}

.contact { background: url('/images/bell.gif') no-repeat right top; }
.contact a { text-decoration: underline; color: #0059a8; }
.tags { background: url('/images/vertline.gif') 660px 55px no-repeat; width: 695px;}
.tags_main { background: url('/images/vertline_main.gif')  660px 20px no-repeat; width: 695px;}
.tags fieldset { width: 600px;}
.contact_of_main { font-size: 11px; }
.contact_of_main a { text-decoration: underline; color: #0059a8; font-size: 11px;}
.contact_of_main a: hover { text-decoration: none; color: #0059a8; font-size: 11px;}

#cloud_main { background: url('/images/bg_cloud_main.jpg') repeat-x #ffffff ; height: 490px; vertical-align: top;}
#cloud { background: url('/images/bg_cloud.jpg') repeat-x #ffffff; height: 362px; vertical-align: top;}
.cloud {padding-left: 35px; padding-right: 0px;}
.cloud_of_tags { margin-left: 14px; margin-bottom: 10px; }
#cloud_main .cloud_of_tags { height: 490px; }
#cloud .cloud_of_tags { height: 362px; }
#cloud .cloud_of_tags .tags { padding-top: 25px; }
.tag { line-height: 25px; }
.tag a img, tag span img {margin-bottom: -3px;}
.tag_size_1 a { color: #383838; font-size: 100%; padding-right: 5px; }
.tag_size_1 span, .tag_size_1 a:hover { color: #c11418; font-size: 100%; padding-right: 5px; }
.tag_size_2 a { color: #383838; font-size: 120%; padding-right: 5px; }
.tag_size_2 span, .tag_size_2 a:hover { color: #c11418; font-size: 120%; padding-right: 5px; }
.tag_size_3 a { color: #383838; font-size: 140%; padding-right: 5px; }
.tag_size_3 span, .tag_size_3 a:hover { color: #c11418; font-size: 140%; padding-right: 5px; }
.tag_size_4 a { color: #383838; font-size: 160%; padding-right: 5px; }
.tag_size_4 span, .tag_size_4 a:hover { color: #c11418; font-size: 160%; padding-right: 5px; }
.tag_size_5 a { color: #383838; font-size: 180%; padding-right: 5px; }
.tag_size_5 span, .tag_size_5 a:hover { color: #c11418; font-size: 180%; padding-right: 5px; }

.space {clear: both; padding-top: 20px;}
.news_one {width: 202px; padding-bottom: 10px; font-size: 11px;}
.news_one a, .news_one span {font-size: 11px;}

.content img { border: 1px #adc2dd solid; padding: 0; margin: 5px; }
.content .one_thing {margin-bottom: 30px;}
.content .one_thing div { width: 640px; margin: 0 auto; padding-bottom: 10px; }
.content .news_img { text-align: center; }
.content .text_short { border-bottom: 1px dotted #adc2dd; }
.content .date { font-size: 11px; font-weight: bold; text-align: center; }
.content .name_news { text-align: center; font-weight: bold; color: #0059a8; }
.content .name_news a {font-weight: bold; color: #0059a8;}

.content #projects img { border: none; margin: 0px; }

.text_full {padding: 30px 34px;}
.text_full_ {padding: 30px 50px 30px 33px;}
.text_pages {padding: 30px 34px 30px 0;}

.content .nobim img {border: none;}
.content .text_short div {font-size: 11px; margin: 5px 30px 0 145px; width: 250px;}
.content .text_short1 div {font-size: 11px; margin: 5px 30px 0 145px; width: 250px;}

.glossary {border: 1px dotted #adc2dd; padding: 5px;}

.gallery {}
.gallery td { text-align: center; vertical-align: middle; border: 1px solid #adc2dd; padding: 5px; }

.big_img td { vertical-align: top; }
.big_img td img { vertical-align: top; }

/*form*/
.body_table {min-height: 100%; height: 100%; margin: 0 auto;}
.body_table td { padding: 0px; }
.body_table td form table td { padding: 5px 0 0 0; _padding-right: 3px; *padding-right: 3px; }
.body_table td form .captcha img { margin: 0; border: none; }
.body_table {background: url('/images/bg_common.jpg') top repeat-x #fff; }

.port_item a, .port_item b {font-weight: bold; color: #0059a8; }
.site {
    float: right;
    margin: 5px 0 5px 100px;
    /*padding-top: 20px;*/
}
.site a { color: #0059a8;}

.customer {
    font-size: 11px;
    margin: 9px 0 5px;
    /*padding-top: 20px;*/
}
.customer a { font-size: 11px; color: #0059a8;}

#photo_in_round_border { width: 320px ; vertical-align: top; }
#photo_in_round_border img { border: 0; margin: 0; border: none; }

#right_coll_contacts_table { vertical-align: top; padding-left: 50px; padding-top: 20px; }
table.adress_table { width: 100%; margin-bottom: 36px; }
table.adress_table tr th { text-align: left; color: #0059a8; font-weight: bold; font-size: 9pt; margin: 0; padding: 10px 0 6px 0;}
table.adress_table tr td { font-size: 8pt; }
table.adress_table tr td { padding-right: 20px; vertical-align: top; }
h5.thin { font-weight: normal; font-size: 12pt; }

#feedback table.adress_table tr td textarea { width: 100%; height: 70px; }
#feedback table.adress_table tr td input { width: 220px; }
#feedback table.adress_table tr td#sendmess input { width: 151px; height: 19px; }

.captcha { width: 100%; border-spacing: 0px; }
table.adress_table tr td .captcha td { padding: 5px 0 0 0; vertical-align: middle;}
.captcha td.captcha_td_title { width: 200px; text-align: left; color: #0059a8; font-weight: bold; font-size: 9pt; padding-left: 2px;}
table.adress_table tr td .captcha td.captcha_td_input { text-align: right; padding-right: 4px;}
#feedback table.adress_table tr td .captcha td.captcha_td_input input { width: 200px;}

.caption { padding: 40px 0 20px 5px; text-align: left; font-size: 12px; color: #0059a8; font-weight: bold; width: 640px; }
.noborder { border: none; }
.content .noborder img { border: 0px; }

#projects .projects .preview { display: none; border: none; }
#projects .type .projects .icon { float: left; padding: 4px 1px; border: 1px solid #cccccc; margin: 0 0px 15px 0; cursor: hand; }
#projects .type .projects { width: 198px; overflow: hidden; height: 70px; }
#projects .type { clear: both; width: 100%; }
#projects .display_cont { height: 350px; }

/*   uslugi 002     */

.border { border: 1px solid yellow; }
.usl_left_menu { width: 260px; float: left; }
.usl_left_menu ul { margin: 0; padding: 0; margin-top: 20px; }
.usl_left_menu ul li { margin: 0; padding: 0; vertical-align: bottom; }
.usl_left_menu ul li { display: block; background: url('/images/blue_line_square.gif') repeat-x bottom; }
.text_full .usl_left_menu ul li a, .text_full .usl_left_menu ul li span { display: block; background: url('/images/arrow_tick.gif')  0 7px no-repeat ; text-decoration: none; font-weight: bold; color: #0059a8; }
.usl_left_menu ul li a { padding: 6px 0 6px 26px; width: 260px; }
.usl_left_menu ul li.active span { color: #c11418; font-weight: normal; padding: 6px 0 6px 26px; width: 260px;  }
#usl_cont { float: left; width: 580px; padding-left: 40px; }
#usl_cont img.floatleft  { margin-right: 30px; border: 0; }

.usl_list ul { margin: 10px 0 20px 0; padding: 0; }
.usl_list ul li { margin: 0; padding: 0; }
.usl_list ul li { display: block; background: url('/images/blue_square.gif') no-repeat 0 7px ; padding: 0 10px; }
.clearboth { clear: both; height: 1px; overflow: hidden; }

.uslstruct a {text-decoration: none;}
.uslstruct td {padding-bottom: 30px;}

.prevnext {clear: both;}
.prevnext table td a.black {margin-bottom: 0px;}
.prev {float: right; /*margin-right: 30px;*/}
.next {float: left; }
.big_img td table td.arr { text-align: center; vertical-align: middle;}
.arr a { text-decoration: none; font-size: 24px; color: #0059a8;}

.divover {float: left; width: 155px; display: table; margin: 5px 0px 5px 5px; /*margin: 5px 2px 5px 3px;*/ }
* html .divover {margin: 5px 2px 5px 3px;}
*:first-child+html .divover {margin: 5px 2px 5px 5px;}
.box {  height: 155px; width: 155px; border: 1px solid #adc2dd; display: table-cell; vertical-align: middle; margin: 5px auto;  clear: both; background: #fff;}
.cont { text-align: center; margin-top: expression((parentNode.offsetHeight - this.offsetHeight)<0 ? "0" : (parentNode.offsetHeight - this.offsetHeight)/2 + "px");}
.cont img {border: none; padding: 0px;}

#main_photo img {
    display: block;
    margin: 0 auto 20px;
}