/* Innerpages style */


#logo span {display: none;}
#logo {position: absolute; left: 370px; top: 11px; display: block; background: url(/images/logo.jpg) 0 0 no-repeat; width: 310px; height: 54px;}

#inp_headpic_right {position: absolute; left: 303px; top: 0; background: url(/images/inp_headpic_right.gif); width: 35px; height: 196px;}
#inp_headpic_bottom {position: absolute; left: 0; top: 196px; background: url(/images/inp_headpic_bottom.png); width: 219px; height: 50px;}
#inp_headpic {position: absolute; left: 0; top: 0; width: 303px; height: 196px;}

.inp #head {height: 246px; width: 970px; color: white; background: url("/images/inp_head_bg.gif") 0 100% repeat-x;}
.inp #head_right_shaddow {top:196px; }
.inp #mainnav {top: 87px; left: 370px;}
.inp #mainnav li.current {font: bold 11px/22px Tahoma, Arial, sans-serif; color: #002A8B; background: #E5E9F3 url("/images/mainnav_bg_s.gif") repeat; text-transform: uppercase;}
.inp #mainnav li.current strong {display: block; margin: 0 11px;}

.inp #contacts {position: absolute; top: 21px; left: 775px;}
.inp #sitemap {position: absolute; top: 21px; left: 887px;}
.inp #vacancy {position: absolute; top: 115px; left: 820px;}
.inp #personal {position: absolute; top: 139px; left: 820px;}

.inp #l_content {background: url("/images/content_bg_small.gif") repeat; width: 100%;}

.inp #r_content {float: left; background: url("/images/content_bg_big.gif") repeat-y; width: 100%;}
.inp #m_content {float: left; position: relative; left: 12px; background: white url("/images/content_bg.png") right repeat-y; width: 958px;}
.inp #logofon {float: left; margin-left: 20px; width: 918px; padding: 0 389px 30px 0px; background: url(/images/logo_big.jpg) right top no-repeat;}
.inp #rcol {position: absolute; top: 10px; right: 32px; width: 320px;}

#m_content > #logofon {width: 549px;}
.inp > #l_content {float: left;}
.inp > #logofon {position: relative; left: 20px; margin-left: 0; width: 938px;}

#subnav {list-style: none; margin: 0 0 50px 0; padding: 0; font-weight: bold; position: relative; left: -20px;}
#subnav li {padding: 0 0 7px 20px;}
#subnav li.uplevellink {padding-left: 0;}
#subnav li.uplevellink span {color: #0055cc; font-size: 14px;}
#subnav li.uplevellink strong {font-weight: normal;}
#subnav li.current {background: url(/images/larr_ico.gif) 9px 5px no-repeat;}

/* FOOOOOOOTER */
.inp #footer {position: relative; background: url(/images/footer_bg_shaddow.gif) repeat-x; width: 970px; height: 130px; clear: both;}
.inp #footer #redstripe {position: absolute; top: 0; left: 30px; height: 8px; width: 895px; background: url(/images/redstripe.gif) repeat-x;}
.inp #footer #inp_footer_left_shaddow {position: absolute; top: 0; left: 0; height: 50px; width: 12px; background: url(/images/inp_footer_left_shaddow.gif) repeat-x;}

.inp #footer_right_shaddow {position: absolute; top: 0; left: 787px; height: 49px; width: 195px; background: url(/images/footer_right_shaddow.png) no-repeat;}
.inp #footer #copyright {position: absolute; width: 400px; height: 100px; margin: 0; padding: 0;}
.inp #footer #copyright .footmail {position: absolute; top: 17px; left: 100px; font-size: 11px;}
.inp #footer #copyright .phone {font-size: 11px; position: absolute; top: 18px; left: 225px; color: #003399; white-space: nowrap;}

.inp #footer #copyright .secondline {position: absolute; top: 60px; left: 100px; width: 250px; height: 32px; color: white; font-size: 11px; line-height: 1.1em; background: url(/images/logo_small.gif) left top no-repeat; padding: 5px 0 0 60px;}
.inp #footer #copyright .secondline a {color: white;}
.inp #footer #counters {position: absolute; top: 60px; right: 0px; width: 650px; height: 50px;}
.inp #footer #counters .count {float: right; margin-left: 20px; height: 50px; padding-top: 4px;}
.inp #footer #counters .unkom {font-size: 90%; background: url(/images/unkom.gif) 100% 0% no-repeat; width: 190px; padding: 6px 0 0 0; line-height: 1.2em;}
.inp #footer #counters .unkom a {text-decoration: none; display: block; color: white; height: 50px;}
.inp #footer #counters .unkom span {text-decoration: underline;}

.inp #footnav {position: absolute; top: 17px; left: 385px; height: 20px; list-style: none; margin: 0; padding: 0;}
.inp #footnav li {float: left; margin-left: 20px;}
.inp #footnav a {color: #0055cc;}
.inp #footnav a:hover {color: red;}
.inp #footnav a.contacts {background: url(/images/mail_ico_blue.gif) 0 65% no-repeat;}
.inp #footnav a.contacts:hover {background: url(/images/mail_ico_red.gif) 0 65% no-repeat;}

#breadcrumbs {position: absolute; z-index: 99; top: 200px; left: 220px; width: 740px; margin: 0; padding: 0; font-size: 80%; color: #999;}

#breadcrumbs a {color: #999;}
#breadcrumbs a:hover {color: black;}
#breadcrumbs a.homepage {background: url(/images/home_ico.gif) left center no-repeat; padding-left: 12px;}
#breadcrumbs strong {color: black; font-weight: normal;}


/* AC (about company) */
#about_page #work_gallery {position: relative; padding-right: 215px;}
#about_page #work_gallery_item {position: absolute; top: 20px; left: 320px; margin: 0; width: 175px;}
#work_gallery > #work_gallery_item {left: 340px;}
#about_page #work_gallery_item p {font-size: 90%; margin: 0; text-align: right;}

.gallery_block {height: 190px; min-height: 190px; height: auto; margin-top: 10px;clear:both;}
.gallery_block .image{margin: 0; padding: 10px 10px 20px 10px; float: left; background: url(/images/vrezka_bg.gif) repeat;}
.gallery_block .image br {display: none;}
.gallery_block .image a {margin: 5px 10px 0 15px; line-height: 14px; background: url(/images/zoom_ico.gif) left center no-repeat; padding-left: 20px; display: block;}
.gallery_block .image_desc {padding: 0 0 0 210px;}

/* Photoalbum style */
.phalbum {float: left; margin-bottom: 15px; width: 480px;}
.phalbum .image {float: left; margin: 0 0px 15px 0; width: 160px;}
.phalbum .image a {margin: 3px 5px 0 0; line-height: 14px; background: url(/images/zoom_ico.gif) left center no-repeat; padding-left: 20px; display: block;}


/* Actions */
#topact {position: relative;}
#topact .logo {position: absolute; left: 0px; top: 0px; width: 100px; height: 100px;}
#topact > .logo {left: 20px;}
.vrezka#topact .logo {top: 20px;}

#topact .logo img {width: 100px; height: 100px; border: 1px solid white;}
#topact .logo:hover img {border: 1px solid #003399;}
#topact .descr {padding-left: 110px; min-height: 100px; height: 100px;}
#topact > .descr {height: auto;}


#topact .when_where {border-collapse: collapse; margin: 10px 0 10px 0; clear: left; width: 92%;}
#topact .when_where td {width: 50%; vertical-align: top; margin: 0; padding: 0 5px 0 0;}
#topact .when_where th {text-align: left;}

.when_where_was {border-collapse: collapse;}
.when_where_was td,
.when_where_was th {padding: 2px 10px 1px 0; font-size: 11px;}
.when_where_was th {text-align: left;}

/* Logistic-Services style */
.servgroup {margin: 15px 0; padding-left: 60px;}
.servgroup h2,
.servgroup h3 {margin: 0 0 5px 0;}
.servgroup h2+p,
.servgroup h3+p {margin: 0;}
.servitem {margin: 0; padding: 0 0 0 60px; height: 50px; min-height: 50px; height: auto;zoom:1;
_padding-bottom:15px;}

.servlinks {width: 230px; padding-right: 10px; float: left;}
.servlinks2 {width: 460px!important; padding-right: 10px; float: left;}
.servlinks h3 {margin: 0 0 5px;}
.servlinks .small {line-height: 1em;}
.servlinks ol {margin: 5px 0 10px 0; padding: 5px 0 0 0; border-top: 1px dotted silver;}
.servlinks ol li {margin: 2px 0;}
.servlinks ol {border: none;}
.servlinks ol a {padding-top: 2px; padding-bottom: 2px;}
#cost_page .servlinks {float: none; width: auto;}

.addlinks {width: 460px; clear: left; }
.addlinks h3 {margin: 20px 0 5px 0;}
.addlinks ul.bullet2 {margin: 0; padding: 0;}



/* Form style */
#zayavka {margin: 1px 0; padding: 0; border-top: 1px dotted silver; border-bottom: 1px dotted silver;}
#zayavka label,
#zayavka .radio,
#zayavka .checkbox {vertical-align: middle;}
#zayavka .text {width: 400px; border: 1px solid #ccc; padding: 2px; font-weight: bold;}
#zayavka textarea {height: 6em; font: bold 12px Tahoma, Arial, sans-serif; }
#zayavka p.submit {width: 150px; text-align: center; margin: 0 auto;}



.zapros_button a {color: white; background: url(/images/button2.gif) 0 100% no-repeat; height: 43px; line-height: 43px; width: 206px; text-decoration: none; display: block; text-align: center;}
.zapros_button a:hover {color: white; background: url(/images/button2.gif) 0 0 no-repeat; text-decoration: none;}



/* Personal contacts style */
.face {margin: 0 0 20px 0;}
.face h2 {margin: 0;}
.face p {display: inline; width: 220px; padding: 5px 10px 0 0; vertical-align: top;}
.face > p {display: table-cell; }
.face p span {display: block; line-height: 22px; vertical-align: middle;}
.face p span img {vertical-align: middle; margin: 3px 0;}
.face > p span img {margin: 0;}
.face .mail {padding-left: 23px; background: url(/images/mailto_ico.gif) 2px center no-repeat;}
.face .phone {padding-left: 23px; background: url(/images/phoneto_ico.gif) 0 2px no-repeat;}

/* Transport book */
#transport_page #subnav ol a {font-weight: normal;}
#transport_page #subnav ol.nobullets {margin: 0; padding: 0; list-style: none;}
#transport_page #subnav ol.nobullets li {margin: 5px 0; padding: 0;}

/* Contacts page */
#contacts_page .vrezka h3 {margin: 10px 0;}
#contacts_page .servgroup {margin: 30px 0 10px 0; padding: 0; float: none;}
#contacts_page .servlinks {float: none;}
#contacts_page .servlinks ol {font-weight: normal;}
#contacts_page .gallery_block {float: left; height: auto; min-height: auto; height: auto; margin-top: 10px;}
#contacts_page .gallery_block .image_desc {padding: 0; float: left; width: 320px; }
#contacts_page .gallery_block .image_desc h4 {margin: 0; font-size: 120%;}
#contacts_page .gallery_block .image_desc p {margin: 0 0 10px 0;}
#contacts_page .gallery_block .image {margin-bottom: 20px; background: none; padding: 0;}
#contacts_page #rcol {right: 22px; width: 300px;}


/* Downloads page */
#download_page #logofon {float: left; margin-left: 20px; width: 918px; padding: 0 20px 30px 0px; background: url(/images/logo_big.jpg) right top no-repeat;}
#download_page .doc_columns {float: left; width: 280px; margin-left: 10px;}
#download_page #logofon > .doc_columns  {margin-left: 20px;}
#download_page .servlinks {margin-bottom: 20px;}

/* Sitemap */
#sitemap_page #logofon {float: left; margin-left: 20px; width: 918px; padding: 0 20px 30px 0px; background: url(/images/logo_big.jpg) right top no-repeat;}
#sitemap_page .doc_columns {float: left; width: 400px; margin-right: 20px;}
#sitemap_page .doc_columns h4 a {color: #CE3233; text-transform: uppercase;}
#sitemap_page .doc_columns h4 {margin: 0 0 5px 0;}
#sitemap_page .doc_columns ul {list-style: none; margin: 0 0 20px 20px; padding: 0;}

/* Regform */
#registration_page #reg {position: relative; width: 370px; margin-bottom: 30px;}
#registration_page .box > #reg {width: 330px;}
#registration_page #reg p.formitem {border: 0px solid red; clear: both; margin: 0; height: 27px;}
#registration_page #reg form label {vertical-align: middle;}
#registration_page #reg form #login,
#registration_page #reg form #password {float: left; width: 120px; border: 1px solid #B2B9C4;}
#registration_page #reg form .label {width: 50px; line-height: 21px; float: left;}
#registration_page #reg .text {font-weight: bold; border: 1px solid #B4B8C4; width: 150px;}
#registration_page #reg form #remember {vertical-align: middle; line-height: 21px; margin-left: 48px;}
#registration_page #reg form #button {margin-left: 48px; font-weight: bold; padding: 0 5px;}
#registration_page #reg ul {position: absolute; right: 30px; top: 45px; list-style: none; margin: 0; padding: 0; line-height: 2em;}

#registration_page #auth {margin: 1px 0; padding: 0; border-top: 1px dotted silver; border-bottom: 1px dotted silver;}
#registration_page #auth label,
#registration_page #auth .radio,
#registration_page #auth .checkbox {vertical-align: middle;}
#registration_page #auth .text {width: 230px; border: 1px solid #ccc; padding: 2px; font-weight: bold; border: 1px solid #B4B8C4;}
#registration_page #auth textarea {height: 6em; font: bold 12px Tahoma, Arial, sans-serif; }
#registration_page #auth p.submit {width: 150px; text-align: center; margin: 0 auto;}


/* Change pic for site directory */
#inp_headpic,
#contacts_page #inp_headpic {background: url(/images/inp_headpic_contacts.jpg);}
#about_page #inp_headpic {background: url(/images/inp_headpic_about.jpg);}
#service_page #inp_headpic {background: url(/images/inp_headpic_service.jpg);}
#additional_page #inp_headpic {background: url(/images/inp_headpic_additional.jpg);}
#cost_page #inp_headpic {background: url(/images/inp_headpic_cost.jpg);}
#transport_page #inp_headpic {background: url(/images/inp_headpic_transport.jpg);}
#download_page #inp_headpic {background: url(/images/inp_headpic_download.jpg);}

h1#negabarit, #negabarit.servgroup {background: url(/images/negabarit_ico.gif) 10px 0 no-repeat;}
h1#gabarit, #gabarit.servgroup {background: url(/images/gabarit_ico.gif) 10px 0 no-repeat;}
h1#train, #train.servgroup {background: url(/images/train_ico.gif) 10px 0 no-repeat;}
h1#container, #container.servgroup {background: url(/images/container_ico.gif) 10px 0 no-repeat;}
h1#boat, #boat.servgroup {background: url(/images/boat_ico.gif) 10px 0 no-repeat;}
h1#world, #world.servgroup {background: url(/images/world_ico.gif) 10px 0 no-repeat;}
h1#modal, #modal.servgroup {background: url(/images/modal_ico.gif) 10px 0 no-repeat;}

h1#getdocs, #getdocs.servgroup {background: url(/images/getdocs_ico.gif) 10px 0 no-repeat;}
h1#pogruz, #pogruz.servgroup {background: url(/images/pogruz_ico.gif) 10px 0 no-repeat;}
h1#speccar, #speccar.servgroup {background: url(/images/speccar_ico.gif) 10px 0 no-repeat;}

ol.bullet2 li.all_list   {background: none; font-weight: bold;}

/* Internet Messengers Icons */
.im_status {margin: 0; padding: 10px 0;}
.im_status span {padding-right: 20px; line-height: 16px;}
.im_status img {vertical-align: middle;}


/* Content styles */
.table {border-collapse: collapse; margin-bottom: 2em; font-size: inherit;}
.table caption {font-size: 120%; font-weight: bold; text-align: left;}
.table td,
.table th {border: 1px solid silver; padding: 0.5em;}
.center td,
.center th {text-align: center;}