@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; border: 0; -moz-outline-style: none; outline: none; }

body { background: #fff; font-family: Arial, Helvetica, sans-serif; color: #1b016f; }

ul { list-style: none; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
h3 { font-size: 18px; font-weight: normal; }
h4 { font-size: 16px; }

.error-msg { color: #fff; font-weight: bold; background-color: #d10101; padding: 10px; }

.clear { clear:both; width: 100%; line-height:1px; font-size:1px; }
.f-left { float: left; }
.f-right { float: right; }
.a-center { text-align: center; }
.a-right { text-align: right; }
.a-left { text-align: left; }
.no-display { display: none; }
.button,
.c-pointer { cursor: pointer; }
.tb-white { border-top: 1px solid #fff; }
.pt-15 { padding-top: 15px; }
.mt-15 { margin-top: 15px; }
.mt-10 { margin-top: 10px; }
.mt-5 { margin-top: 5px; }

.wrapper { width: 960px; margin: 10px auto 0 auto; }

.top { height: 150px; }
.top a { color: #1b016f; }
.top a:hover { text-decoration: underline; }
.top .logo { float: left;  width: 265px; }
.top .lang-top-menu { float: left; width: 695px; font-size: 14px; }
.top .lang-top-menu .lang { font-size: 12px; float: right; }
.top .lang-top-menu .lang ul li { float: left;  }
.top .lang-top-menu .lang ul li a {  display: block; width: 90px; text-align: center; height: 18px; padding: 3px 0 0 0; font-weight: bold; }
.top .lang-top-menu .lang ul li.pl a { background: url(../images/bg-lang-pl.gif); text-shadow: #fff 1px 1px 1px; }
.top .lang-top-menu .lang ul li.en a { background: url(../images/bg-lang-en.gif); text-shadow: #c6dbee 1px 1px 1px; }
.top .lang-top-menu .top-menu { margin-top: 47px; margin-left: 20px; }
.top .lang-top-menu .top-menu ul { height: 36px; }
.top .lang-top-menu .top-menu ul li { float: left; background: #ecf2fb; }
.top .lang-top-menu .top-menu ul li a { display: block; padding: 10px 22px 0 22px; border-left: 1px solid #fff; height: 26px; }
.top .lang-top-menu .top-menu ul li.last a { background: #c6dbee url(../images/bg-top-menu-last.gif) no-repeat top right; font-weight: bold; padding-right: 50px; text-shadow: #c6dbee 1px 1px 1px; }
.top .adv-text { margin-top: 15px; text-align: right; margin-right: 5px; color: #d10101; font-weight: bold; }

.page-content { background: #c6dbee; font-size: 12px; }
.page-content p { margin-top: 15px; line-height: 1.5; }
.page-content .logo { float: left; margin-right: 5px; background: #fff; height: 90px; padding-top: 35px; padding-left: 13px; width: 112px; margin-bottom: 5px; }

.content {}
.content .col-left { float:left; width: 180px; margin-right: 15px; }
.content .col-main { float: left; width: 765px; }
.content .small { width: 570px; }
.content .col-right { float: left; width: 180px; margin-left: 15px; }

.content .col-main a { color: #1b016f; }

.map-content { background: #c6dbee; padding: 20px 21px 20px 22px; border-top: 1px solid #fff; }
.map-content .map_client { background: #160159; padding: 1px; }
.map-content .map-menu { font-size: 12px; margin-bottom: 20px; margin-left: 125px; }
.map-content .map-menu li { float: left; margin-left: 20px; }
.map-content .map-menu li a { background: #160159; padding: 2px 10px 2px 10px; color: #fff; font-weight: bold; }
.map-content .map-menu li a.active,
.map-content .map-menu li a:hover { text-decoration: none; background: #d10101; }

.col-left .left-menu { background: url(../images/bg-left-menu-bottom.gif) bottom no-repeat; width: 180px; padding: 0 0 20px 0; font-size: 14px; }
.col-left .left-menu a { color: #1b016f; display: block; border-bottom: 1px solid #fff; padding: 5px 0 5px 0; }
.col-left .left-menu a:hover { text-decoration: underline; }
.col-left .left-menu .head { height: 15px; background:url(../images/bg-left-menu-top.gif) no-repeat; }
.col-left .left-menu ul { margin-left: 30px; }


.col-left .left-news { background: url(../images/bg-left-news.gif) bottom no-repeat; width: 180px; margin-top: 15px; color: #fff; }
.col-left .left-news .head { padding: 10px 0 0 15px; height: 33px; background:url(../images/bg-left-news-top.gif); }
.col-left .left-news dl { font-size: 12px; padding-bottom: 2px; text-shadow: #160159 1px 1px 1px; }
.col-left .left-news dl dt { padding-left: 15px; color: #9bc0e1; font-weight: bold; margin-top: 10px; margin-bottom: 3px; }
.col-left .left-news dl dd { padding-left: 15px; border-bottom: 1px solid #34357a; padding-bottom: 10px; padding-right: 10px; }
.col-left .left-news dl a { color: #fff; }
.col-left .left-news dl a:hover { text-decoration: underline; }
.col-left .left-news dl dt.more { padding: 5px 0 5px 15px; margin: 0; }

.col-left .left-exchange { background: url(../images/bg-left-exchanges.gif) bottom no-repeat; width: 180px; margin-top: 15px; color: #1b016f; }
.col-left .left-exchange .head { padding: 10px 0 0 15px; height: 33px; background: url(../images/bg-left-exchanges-top.gif); }
.col-left .left-exchange ul { font-size: 12px; padding-bottom: 20px; margin-left: 15px; margin-top: 5px; }
.col-left .left-exchange ul li { border-bottom: 1px solid #fff; padding: 5px 0 5px 0; height: 15px; }
.col-left .left-exchange ul li span { display: block; float: right; margin-right:15px; }
.col-left .left-exchange ul li span.e { display: block; float: left; margin-right:0; }

.col-left .left-buttons { margin-top: 15px; }
.col-left .left-buttons ul li { margin-bottom: 2px; }

.col-left .fb-fanbox { width: 180px; height: 75px; padding-top: 5px; background: url(../images/bg-fb.gif); }

.col-main .reservation-search .reservation { float: left; width: 375px; height: 122px; background: url(../images/bg-main-reservation.gif) right; margin-right: 15px; }
.col-main .reservation-search .search { float: left; width: 375px; height: 122px; background: url(../images/bg-main-search.gif); }
.col-main .reservation-search h3 { color: #fff; margin: 10px 0 11px 15px; }
.col-main .reservation-search .reservation a { text-shadow: #a70101 1px 1px 1px; display: block; text-align: center; color: #fff; font-size: 13px; font-weight: bold; }
.col-main .reservation-search .reservation a:hover { color: #b8b8b8; }
.col-main .reservation-search .reservation ul { padding-top: 5px; }
.col-main .reservation-search .reservation ul li { float: left; padding: 0 15px 0 15px; }
.col-main .reservation-search .reservation #res-indyvidual { background: url(../images/ico-res-indyvidual.gif); }
.col-main .reservation-search .reservation #res-group { background: url(../images/ico-res-group.gif); }
.col-main .reservation-search .reservation #res-cargo { background: url(../images/ico-res-cargo.gif); }
.col-main .reservation-search .reservation #res-indyvidual:hover,
.col-main .reservation-search .reservation #res-group:hover,
.col-main .reservation-search .reservation #res-cargo:hover { background-position: 0 -45px; }
.col-main .reservation-search .search ul { padding: 12px 0 0 15px; }
.col-main .reservation-search .search ul li { float: left;  }
.col-main .reservation-search .search ul li.first { margin-right: 15px;  }

.col-main .payments { padding: 4px 0 0 10px; height: 39px; background:url(../images/bg-payments.gif); margin-top: 15px; }
.col-main .payments h3 { float: left; padding: 6px 0 0 0; margin-right: 10px; }
.col-main .payments .logos { float: left; margin-right: 10px; }
.col-main .payments .more { float: left; font-size: 12px; font-weight: bold; padding: 10px 0 0 0; }
.col-main .payments .more a { color: #1b016f; }

.col-main .reservation-form { }
.col-main .reservation-form .head { padding: 10px 15px 0 15px; height: 40px; background:url(../images/bg-reservation-top.gif) right; border-bottom: 1px solid #fff; }
.col-main .reservation-form .bottom { padding: 14px 15px 0 15px; height: 36px; background:url(../images/bg-reservation-bottom.gif) right bottom no-repeat #ecf2fb; border-top: 1px solid #fff; text-align: right; }
.col-main .reservation-form .button { background: url(../images/bg-form-button-2.gif); height: 21px; width: 97px; color: #fff; font-weight: bold; font-size: 13px;  }
.col-main .reservation-form .back { float: left; }
.col-main .reservation-form .button-3 { background: url(../images/bg-form-button-2.gif); height: 21px; width: 97px; color: #fff; font-weight: bold; font-size: 13px;  }
.col-main .reservation-form .button-3 p { font-weight: normal; font-size: 10px; }
.col-main .reservation-form .fields-2,
.col-main .reservation-form .fields { background: #c6dbee; padding: 0 15px 15px 15px; }
.col-main .reservation-form .fields-2 { background: #ecf2fb; padding: 15px; }
.col-main .reservation-form .fields fieldset label { font-size: 16px; font-weight: bold; padding: 15px 0 10px 0; display: block; }
.col-main .reservation-form .fields fieldset .label,
.col-main .reservation-form .fields fieldset .field { background-color: #ecf2fb; padding: 10px; float: left; height:19px; }
.col-main .reservation-form .fields fieldset .full-2,
.col-main .reservation-form .fields fieldset .full { background-color: #ecf2fb; padding: 10px; height:19px; margin-bottom: 1px; }
.col-main .reservation-form .fields fieldset .full-2 { height: auto; }
.col-main .reservation-form .fields fieldset .label { margin-right: 1px; margin-bottom: 1px; width: 154px; }
.col-main .reservation-form .fields fieldset .field { width: 345px; margin-bottom: 1px; float: right; }
.col-main .reservation-form .fields fieldset .field label { display: none; }
.col-main .reservation-form .fields fieldset .input { padding: 7px 10px 8px 10px; height: 24px; }
.col-main .reservation-form textarea,
.col-main .reservation-form input,
.col-main .reservation-form select { padding: 2px; color: #1b016f; font-size: 13px; border: 1px solid #fff; font-family: Arial, Helvetica, sans-serif; }
.col-main .reservation-form input.s100,
.col-main .reservation-form select { width: 98%; }
.col-main .reservation-form .checkbox { border: 1px solid #c6dbee; margin: 5px 0 6px 3px; }
.col-main .reservation-form .error { border: 1px solid #d10101; }
.col-main .reservation-form label.error { border: none; }
.col-main .reservation-form p { margin-bottom:  10px; line-height: 1.3; }
.col-main .reservation-form .sublabel { display: block; float: left; width: 100px; font-size: 12px; margin-top: 3px; }
.col-main .reservation-form .subfield { margin-top: 3px; }

.col-main .news,
.col-main .special-offers { margin-top: 15px;}
.col-main .page { background: #c6dbee; font-size:  12px; }
.page-content ol,
.page-content ul,
.col-main .page ol,
.col-main .page ul { margin-left: 45px; }
.page-content ol li,
.col-main .page ol li { margin-bottom:  4px; line-height: 1.5; padding-right: 15px; }
.col-main .page .head { border-bottom: 1px solid #fff; }
.col-main .page .head,
.col-main .news .head,
.col-main .special-offers .head { padding: 10px 0 0 15px; height: 40px; background:url(../images/bg-special-offer-top.gif) right; }
.col-main .page .head h3,
.col-main .news .head h3,
.col-main .special-offers .head h3 { font-size: 24px; font-weight: bold; float: left; }
.col-main .reservation-form h4, 
.col-main .page h4 { font-size: 16px; background: #9bc0e1; color: #fff; padding: 15px 15px 10px 15px; }
.col-main .reservation-form p,
.col-main .page p { padding: 12px; font-size: 12px; line-height: 1.5; }
.col-main .news .head .all,
.col-main .special-offers .head .all { margin: 5px 0 0 0; font-size: 12px; padding: 3px 0 0 15px; height: 18px; width: 150px; background: url(../images/bg-but-all-so.gif) no-repeat; float: right; display: block; margin-right: 15px; color: #1b016f; font-weight: bold; }
.col-main .news .paginator,
.col-main .special-offers .paginator { margin: 5px 0 0 0; font-size: 12px; padding: 3px 0 0 15px; height: 18px; width: 150px; background: url(../images/bg-but-all-so.gif) no-repeat; float: right; display: block; margin-right: 15px; color: #1b016f; font-weight: bold; }
.col-main .news .paginator a,
.col-main .special-offers .paginator a { color: #1b016f; }
.col-main .news .paginator a.actual,
.col-main .special-offers .paginator a.actual { color: #fff; }
.col-main .special-offers .positions { padding: 15px 0 5px 0;background: #9bc0e1;  }
.col-main .special-offers .first { padding-left: 15px; margin-right: 0; }
.col-main .special-offers .last { padding-right: 15px; }
.col-main .special-offers .position { float: left; width: 245px; margin-right: 1px; }
.col-main .special-offers .positions .position h4 { font-size: 16px; color: #fff; margin-bottom: 10px; }
.col-main .special-offers .positions .position h4 a { color: #fff; text-shadow: #9bc0e1 1px 1px 1px; }
.col-main .special-offers .positions .position .text { font-size: 12px; margin-top: 5px; padding-right: 15px; line-height: 1.5; }
.col-main .special-offers .positions .more-links { border-top: 1px solid #fff; margin-top: 10px; }
.col-main .special-offers .positions .more-links a { text-shadow: #9bc0e1 1px 1px 1px; color: #fff; font-weight: bold; font-size: 12px; }
.col-main .reservation-form .other,
.col-main .news .other,
.col-main .special-offers .other { background: url(../images/bg-special-offer-bottom.gif) bottom right #c6dbee; padding: 8px 0 10px 15px; }
.col-main .special-offers .no-corner { background: #c6dbee; border-bottom: 1px solid #fff; }
.col-main .special-offers .other .position a { color: #1b016f; padding-right: 15px; font-weight: bold; font-size: 12px; line-height: 1.5; display: block; }
.col-main .news h4 a { color: #fff; }
.col-main .news .more a { color: #1b016f; }

.col-main .news { font-size: 12px; }
.col-main .news .position { border-bottom: 1px solid #fff; }
.col-main .news .position .title-date { background: #9bc0e1; }
.col-main .news .position .title-date .title { padding: 10px 15px 5px 15px; border-bottom: 1px solid #c6dbee; }
.col-main .news .position .title-date .title h4 { color: #fff; font-size: 16px; }
.col-main .news .position .title-date .date { font-weight: bold; padding: 5px 15px 5px 15px; }
.col-main .news .position .content { background: #c6dbee; padding: 10px 15px 15px 10px; line-height: 1.5; }


.col-main .buttons { margin-top: 15px; }
.col-main .buttons ul li { float: left; margin-left: 15px; }
.col-main .buttons ul li.first { margin-left: 0; }

.col-main .partner-prizes-newsletter { margin-top: 15px; }
.col-left .partner,
.col-main .partner-prizes-newsletter .partner { float: left; width: 180px; height: 183px; background: url(../images/bg-partner.gif); text-shadow: #a70101 1px 1px 1px; }
.col-left .partner { margin-top: 15px; }
.col-left .newsletter h3,
.col-left .partner h3,
.col-main .partner-prizes-newsletter .newsletter h3,
.col-main .partner-prizes-newsletter .prizes h3,
.col-main .partner-prizes-newsletter .partner h3 { color: #fff; padding: 10px 0 10px 15px; height: 22px; text-shadow: #d10101 1px 1px 1px; }
.col-main .partner-prizes-newsletter .prizes h3 { text-shadow: #fa8001 1px 1px 1px; }
.col-left .newsletter h3,
.col-main .partner-prizes-newsletter .newsletter h3 { text-shadow: #34357a 1px 1px 1px; }
.col-left .partner p,
.col-main .partner-prizes-newsletter .partner p { font-size: 12px; color: #fff; padding: 10px 15px; line-height: 1.4; height: 102px; }
.col-left .partner .more,
.col-main .partner-prizes-newsletter .partner .more { font-size: 12px; padding: 0 0 0 15px; font-weight: bold; }
.col-left .partner .more a,
.col-main .partner-prizes-newsletter .partner .more a { color: #fff; }
.col-main .partner-prizes-newsletter .prizes { height: 166px; width: 375px; float: left; background: url(../images/bg-prizes.gif); margin-left: 15px; }
.col-left .newsletter,
.col-main .partner-prizes-newsletter .newsletter { float: left; width: 180px; height: 183px; background: url(../images/bg-newsletter.gif); text-shadow: #160159 1px 1px 1px; margin-left: 15px; font-size: 12px; color: #fff; }
.col-left .newsletter { margin-top: 15px; margin-left: 0; }
.col-left .newsletter p { margin-top: 10px; }
.col-left .newsletter form,
.col-main .partner-prizes-newsletter .newsletter form { padding: 5px 15px; line-height: 1.5; }
.col-left .newsletter fieldset,
.col-main .partner-prizes-newsletter .newsletter fieldset { margin-top: 5px; }
.col-left .newsletter input,
.col-main .partner-prizes-newsletter .newsletter input { color: #160159; padding: 3px; }
.col-left .newsletter button,
.col-main .partner-prizes-newsletter .newsletter button { color: #160159; width: 60px; height: 21px; background: url(../images/but-newsletter-add.gif); font-size: 12px; color: #fff; margin-top: 5px; font-weight: bold; padding: 0; text-shadow: #34357a 1px 1px 1px; }

.col-main .our-pages { margin-top: 15px; }
.col-main .our-pages .head { background: url(../images/bg-ourpages.gif) no-repeat; height: 43px; }
.col-main .our-pages .head h3 { padding: 10px 0 0 15px; }
.col-main .our-pages .bottom { background: url(../images/bg-ourpages-bottom.gif) no-repeat bottom; height: 15px; }
.col-main .our-pages .column { width: 180px; float: left; background: url(../images/bg-left-exchanges.gif) bottom; margin-left: 15px; }
.col-main .our-pages .first { margin-left: 0; }
.col-main .our-pages .last { background: #c6dbee; }
.col-main .our-pages .column .head { background: url(../images/bg-left-exchanges-top.gif); }
.col-main .our-pages .last .head { background: #e8f1f8; }
.col-main .our-pages .column .head h4 { padding: 10px 0 0 15px; }
.col-main .our-pages .column ul { margin: 0 0 15px 15px; }
.col-main .our-pages .column a { font-size: 11px; color: #1b016f; display: block; border-bottom: 1px solid #fff; padding: 5px 0 5px 0; }

.col-right .buttons { margin-top: 0; }
.col-right .buttons ul li { margin-bottom: 5px; margin-left: 0; }

.footer { background: #e8f1f8 url(../images/bg-footer-corner.gif) top right no-repeat; margin-top: 25px; font-size: 11px; }
.footer .info { border-top: 1px solid #fff; padding: 15px; margin-top: 10px; }
.footer .info .copy { float: left; }
.footer .info .touched { float: right; }
.footer .shipowners-logos { padding: 15px 10px 0 10px; }
.footer .shipowners-logos ul li { float: left; margin-left: 5px; }
.footer .shipowners-logos ul li.first { margin-left: 0; }

.col-main .no-mt { margin-top: 0; }

.paginator ul li { float: left; margin-right: 5px; }

.lines-list { margin-top: 10px; margin-left: 10px; }
.lines-list li { margin-bottom: 3px; }
.lines-list li span { color: #34357a; }
.lines-list li a { color: #1b016f; }

.info-reservation { padding: 5px; font-size: 12px; }


#slider { width: 940px; margin: 0 auto; position: relative; }
.scrollContainer div.panel  .image { float: left; margin: 0 15px 15px 0; }
.scroll { height: 65px; overflow: auto; position: relative; /* fix for IE to respect overflow */ clear: left;}
.scrollContainer div.panel { padding: 0; height: 65px; width: 940px; /* change to 560px if not using JS to remove rh.scroll */ }
.scrollContainer div.panel p { padding-right: 20px; }
.scrollContainer div.panel .image { padding-left: 20px; }
ul.navigation { list-style: none; margin: 5px 5px 0 0; padding: 0; float: right; }
ul.navigation li { display: inline; margin-right: 0; }
ul.navigation a { width: 10px; height: 10px; display: block; float: left; background-color: #70bf25; border: 1px solid #70bf25; overflow: hidden; text-indent: -3000px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-left: 5px; }
ul.navigation a:hover { background-color: #f6f6f6; }
ul.navigation a.selected { background-color: #fff; }
ul.navigation a:focus { outline: none; }
.scrollButtons { position: absolute; background: #70bf25; top: 100px; width: 21px; height: 40px; cursor: pointer; z-index: 100; font-size: 15px; color: #fff; padding: 10px 0 0 4px; border: 1px solid #fff; }
.scrollButtons.left { display: none; }
.scrollButtons.right { display: none; }
#slider .more-link { color: #de2f06; }

#slider-soffers { width: 765px; margin: 0 auto; position: relative; }
.scroll-soffers { height: 440px; overflow: auto; position: relative; /* fix for IE to respect overflow */ clear: left;}
.scrollContainer-soffers div.panel { padding: 0; height: 440px; width: 765px; /* change to 560px if not using JS to remove rh.scroll */ }
.scrollContainer-soffers div.panel {}
.scrollContainer-soffers div.panel .image { padding-left: 20px; }
.scrollButtons { position: absolute; background: #70bf25; top: 100px; width: 21px; height: 40px; cursor: pointer; z-index: 100; font-size: 15px; color: #fff; padding: 10px 0 0 4px; border: 1px solid #fff; }
.scrollButtons.left { display: none; }
.scrollButtons.right { display: none; }
#slider .more-link { color: #de2f06; }