/*
 projekt: sailor
 author: marcin.lisok@fox.com.pl
 data: 2010-01-13
*/
* { font-family: Arial, Helvetica, Tahoma, Verdana, Sans-Serif; }
  
html {
  height: 100%;
  min-height: 100%;
}
body {
  height: 100%;
  min-height: 100%;
  color: #243773;
  font-size: 120%;
  line-height: 150%;
  background: #237eb5 url('/images/site/lay-bdy-background.png') repeat-x;
}

h1, h2, h3, h4, h5, h6 {
  height: 47px;
  margin: 0 0 18px;
  padding: 0 15px;
  color: #243773;
  font-weight: normal;
  font-size: 140%;
  text-shadow: #c7d0d3 1px 1px 1px;
  line-height: 47px;
  background: transparent url('/images/site/lay-hx-gradient66.png') no-repeat;
}
h1 { font-size: 140%; }
h2 { font-size: 140%; }
h3 { font-size: 140%; }
h4, h5, h6 { font-size: 120%; }

#content img { max-width: 100%; }

a { color: #216c9b; text-decoration: none; }
a:hover { text-decoration: underline; }

p { margin: 18px 0; }

/*ul { list-style-position: inside; }*/

.red { color: #d53137; }
.blue { color: #0187a9; }

#container {
  width: 932px;
  height: auto;
  min-height: 100%;
  margin: 0 auto;
  position: relative;
} 
#header {
  width: 100%;
  height: 294px;
  background: transparent url('/images/site/lay-hdr-background02-50.jpg') no-repeat;
  position: relative;
}
#header.hdr02 {
  background: transparent url('/images/site/lay-hdr-background01-50.jpg') no-repeat;
}
#header.hdr03 {
  background: transparent url('/images/site/lay-hdr-background03-50.jpg') no-repeat;
}
#logo {
  top: 69px;
  left: 116px;
  width: 193px;
  height: 101px;
  position: absolute;
}
#wrapper {
  padding: 0 9px;
  background: #fff;
}
#sidebar {
  float: right;
  width: 304px;
  min-height: 300px;
  padding: 0;
}
#content,
#subcontent {
  float: left;
  width: 590px;
  padding: 0 9px;
  min-height: 300px;
}
.page-order,
.full-width { padding: 0 9px; }
#footer {
  clear: both;
  width: 100%;
  margin: 0 0 10px;
  color: #fff;
  font-size: 10px;
  text-align: center;
  position: relative;
}
#footer p { margin: 7px 0; }
#footer a { color: #fff; }
#footer .yachtadmin {
  top: 3px;
  right: 5px;
  position: absolute;
}

#menu {
  top: 246px;
  left: 0;
  width: 100%;
  height: 48px;
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 48px;
  position: absolute;
}
#menu li {
  float: left;
  background: transparent url('/images/site/lay-mnu-separator.png') no-repeat right top;
}
#menu li a {
  float: left;
  padding: 0 20px 0 17px;
  color: #fff;
  font-size: 125%;
  text-shadow: #0a2d51 1px 1px 2px;
  display: block;
}
#menu li.czarter { position: absolute; right: 0; top: 0; }
#menu li.czarter a {
  width: 125px;
  padding: 0 43px 0 5px;
  text-align: center;
  background: #d02b34 url('/images/site/lay-mnu-czarter.png') no-repeat;
  display: block;
}


#lang {
  top: 4px;
  right: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
}
#lang li {
  float: left;
  margin: 0 4px;
  padding: 0;
}
#lang li a {
  width: 28px;
  height: 20px;
  display: block;
}
#lang li a span { display: none; }
#lang li.en a { background: transparent url('/images/site/lay-flg-en.png') no-repeat; }
#lang li.cz a { background: transparent url('/images/site/lay-flg-cz.png') no-repeat; }
#lang li.pl a { background: transparent url('/images/site/lay-flg-pl.png') no-repeat; }

#footmenu {
  margin: 0;
  padding: 9px 0;
  list-style: none;
  text-align: left;
  background: transparent url('/images/site/lay-ftr-background.png') no-repeat left bottom;
  border-top: 1px solid #5397c2;
}
#footmenu li {
  margin: 0;
  padding: 0;
  border-left: 1px solid #216c9b;
  display: inline;
}
#footmenu li a {
  padding: 0 7px 0 8px;
  color: #216c9b;
}
#footmenu li.first { border: none; }


#breadcrumbs {
  width: 902px;
  height: 23px;
  margin: 0 -9px 18px;
  padding: 0 15px;
  list-style: none;
  color: #da0e0e;
  font-size: 90%;
  font-weight: bold;
  line-height: 23px;
  background: transparent url('/images/site/lay-brd-background.png') no-repeat;
}
#breadcrumbs li {
  float: left;
  margin: 0;
  padding: 0 8px 0 15px;
  background: transparent url('/images/site/lay-brd-arrow.png') no-repeat left -37px;
}
#breadcrumbs li.first { padding-left: 0; background: transparent; }
#breadcrumbs li.active { background-position: left 8px; }

#subheader {
  padding: 5px 9px 0;
  margin: -13px 0 18px;
  font-size: 115%;
}
#subheader .katalog { float: right; }
#subheader .katalog img { display: block; }

.separator {
  clear: both;
  height: 26px;
  margin: 10px -9px;
  background: transparent url('/images/site/lay-wrp-separator.png') no-repeat right top;
}
.wide .separator { margin: 10px -18px 10px 0; }

#boxes-narrow {
  clear: left;
  float: left;
  width: 608px;
}
#boxes-full {
  clear: both;
  margin: 0 0 18px;
}


.side {
  float: left;
  width: 224px;
}
.main {
  float: left;
  width: 400px;
  margin: 0 24px;
}
.full-width .main h1,
.full-width .main h2,
.main h3 {
  height: 42px;
  padding: 0 15px;
  line-height: 42px;
  background: transparent url('/images/site/lay-hx-gradient400.png') no-repeat;
  border-bottom: 1px solid #5397c2;
}
.wide {
  float: right;
  width: 654px;
}
.full-width .wide h1,
.full-width .wide h2 {
  height: 47px;
  padding: 0 15px;
  line-height: 47px;
  background: transparent url('/images/site/lay-hx-gradient-wide.png') no-repeat;
}
.wide .prev,
.wide .next {
  float: left;
  margin: 0 10px 10px;
  padding: 0 3px 0 16px;
  width: 81px;
  height: 23px;
  line-height: 23px;
  text-align: center;
  background: transparent url('/images/site/lay-prev-small.png') no-repeat;
  display: block;
}
.wide .next { float: right; padding: 0 16px 0 3px; background: transparent url('/images/site/lay-next-small.png') no-repeat; }


.gallery-full {
  max-width: 100%;
  margin: 0 auto 15px;
  border: 1px solid #5498c2;
  display: block;
}
.gallery-photo .title {
  margin: 0;
  font-size: 150%;
  text-align: center;
  line-height: 200%;
  display: block;
}


.yacht-info { margin: 0 0 18px; }
.yacht-info h1 span { /*float: right;*/ color: #d53137; font-size: 90%; }
.yacht-info hr { clear: both; visibility: hidden; }
.yacht-info .photo {
  margin: -18px auto 10px;
  border: 1px solid #5397c2;
  border-top: 0;
  display: none;
}
.yacht-info .prev,
.yacht-info .next {
  float: left;
  margin: 0 10px 18px;
  padding: 0 3px 0 16px;
  width: 81px;
  height: 23px;
  line-height: 23px;
  text-align: center;
  background: transparent url('/images/site/lay-prev-small.png') no-repeat;
}
.yacht-info .next { float: right; padding: 0 16px 0 3px; background: transparent url('/images/site/lay-next-small.png') no-repeat; }
.yacht-info .schema {
  clear: both;
  float: left;
  margin: 0 10px 0 0;
}
.yacht-info table.lines { clear: right; float: right; width: 220px; margin: 10px 0 0; }
.yacht-info ul { clear: right; float: right; width: 200px; }
.yacht-info p { clear: right; float: right; width: 220px; }
.yacht-info p.full { clear: both; width: 100%; }


.yacht-sale {
  padding: 5px 18px 40px 0;
  margin: 0 -18px 5px 0;
  background: transparent url('/images/site/lay-wrp-separator.png') no-repeat right bottom;
}
.yacht-sale h3 {
  height: auto;
  padding: 0;
  margin: 0 0 15px;
  font-size: 130%;
  line-height: 120%;
  background: transparent;
}
.yacht-sale h3 span { color: #d53137; display: block; }
.yacht-sale img {
  float: left;
  border: 1px solid #5397c2;
}
.yacht-sale table.lines { float: left; width: auto; margin: 0 20px; }


.appendices {
  margin: 18px 0;
  padding: 8px 0 0;
  background: transparent url('/images/site/lay-dots-h.png') repeat-x left top;
}
.appendices span { color: #f00; }

.prices { clear: both; }
.prices table.lines tbody td { width: 150px; }
.prices .savings {
  margin: 18px 0;
  font-size: 140%;
  line-height: 30px;
  border-top: 1px solid #cfe1eb;
  border-bottom: 1px solid #cfe1eb;
}
.prices .savings span {
  float: left;
  width: 244px;
  margin: 0 5px 0 0;
  border-right: 1px solid #cfe1eb;
}
.prices h2 {
  height: auto;
  padding: 0 0 10px;
  margin: 30px 0 10px;
  font-size: 150%;
  line-height: 120%;
  background: transparent url('/images/site/lay-dots-h.png') repeat-x left bottom;
  border: none;
}
.prices h3 {
  height: auto;
  padding: 0 0 10px;
  margin: 10px 0;
  font-size: 150%;
  line-height: 120%;
  background: transparent url('/images/site/lay-dots-h.png') repeat-x left bottom;
  border: none;
}
.prices h4 {
  height: auto;
  padding: 0;
  margin: 20px 0 10px;
  font-size: 140%;
  line-height: 120%;
  background: transparent;
  border: none;
}

.full-width .box {
  width: 204px;
  padding: 0 10px;
  margin: 0 0 18px;
  background: #fff url('/images/site/lay-box-background-narrow.png') repeat-y;
}
.full-width .box .top {
  height: 6px;
  margin: 0 -10px;
  background: transparent url('/images/site/lay-box-top-narrow.png') no-repeat;
}
.full-width .box .bottom {
  clear: both;
  min-height: 6px;
  margin: 0 -10px;
  text-align: right;
  background: transparent url('/images/site/lay-box-bottom-narrow.png') no-repeat left bottom;
}
.page-order h1,
.full-width h1 { background: #dbeef7 url('/images/site/lay-hx-gradient100.png'); }
.page-order h2,
.full-width h2,
h2.no-border,
h3.no-border,
h4.no-border {
  height: auto;
  padding: 0;
  line-height: 130%;
  background: transparent;
}
h2.top-margin { margin-top: 30px; }
.full-width p { margin: 15px 0; }
.full-width .box h3 {
  height: 42px;
  margin: 0 -10px;
  line-height: 42px;
  background: transparent url('/images/site/lay-box-top-narrow.png') no-repeat left top;
  border-bottom: 1px solid #5397c2;
}
.full-width .box h4 {
  height: auto;
  padding: 0 0 10px;
  margin: 10px 0 0; /* fox */
  font-size: 130%;
  line-height: 120%;
  background: transparent url('/images/site/lay-dots-h.png') repeat-x left bottom;
}
.box table.lines { margin-bottom: 5px; }
.box table.lines th,
.box table.lines td { padding-left: 5px; padding-right: 5px; }

.box .photo {
  width: 190px;
  height: 110px;
  margin: 10px auto 5px;
  border: 1px solid #5397c2;
  display: block;
}
.box .photo img { display: block; }

.box33 {
  float: left;
  width: 266px;
  padding: 0 10px;
  margin: 0 9px 18px;
  background: #fff url('/images/site/lay-box-background33.png') repeat-y;
}
.box33 .top    {
  height: 3px;
  margin: 0 -10px;
  background: transparent url('/images/site/lay-box-top33.png') no-repeat;
}
.box33 .bottom {
  clear: both;
  min-height: 3px;
  margin: 0 -10px;
  text-align: right;
  background: transparent url('/images/site/lay-box-bottom33.png') no-repeat left bottom;
}
#sidebar .box33 { float: none; }

.box66 {
  width: 570px;
  padding: 0 10px;
  margin: 0 0 18px;
  background: #fff url('/images/site/lay-box-background66.png') repeat-y;
}
.box66 .top    {
  height: 3px;
  margin: 0 -10px;
  background: transparent url('/images/site/lay-box-top66.png') no-repeat;
}
.box66 .bottom {
  clear: both;
  min-height: 3px;
  margin: 0 -10px;
  text-align: right;
  background: transparent url('/images/site/lay-box-bottom66.png') no-repeat left bottom;
}

.box-gradient66 {
	clear: both;
  width: 550px;
  padding: 0 20px;
  margin: 0 0 18px;
  background: #fff url('/images/site/lay-box-gradient66.png') repeat-y;
}
.box-gradient66 .top {
  height: 3px;
  margin: 0 -20px 10px;
  background: transparent url('/images/site/lay-box-top66.png') no-repeat;
}
.box-gradient66 .bottom {
  clear: both;
  min-height: 3px;
  margin: 0 -20px;
  text-align: right;
  background: transparent url('/images/site/lay-box-bottom66.png') no-repeat left bottom;
}
.box-gradient66 a.more { margin-bottom: 10px; text-align: right; }

.box33 h3 { margin: 0 -10px; background: #dbeef7 url('/images/site/lay-hx-gradient33.png'); }
.box66 h2 { margin: 0 -10px; }
.box-gradient66 h2 { margin: 0 -20px -1px; }
.box-gradient66 h2.blue {
  margin: 0 -20px;
  color: #fff;
  text-shadow: #000 1px 1px 2px;
  background: #3089bd url('/images/site/lay-hx-blue66.png');
}
.box-gradient66 h3 {
  height: auto;
  padding: 0 0 10px;
  margin: 15px 0 10px;
  font-size: 130%;
  line-height: 120%;
  background: transparent url('/images/site/lay-dots-h.png') repeat-x left bottom;
}
.box-gradient66 h3 span { color: #fb3e18; }


.box33 p { margin: 10px 5px; }

h3.mazury {
  padding: 0 53px;
  color: #fff;
  text-shadow: #000 1px 1px 2px;
  background: #c3192c url('/images/site/lay-hx-czarterymazury.png') no-repeat;
  position: relative;
}
h3.mazury .online {
  top: 0;
  right: 0;
  width: 54px;
  height: 47px;
  color: #ffd800;
  font-size: 10px;
  text-align: center;
  text-shadow: #ffd800 0 0 4px;
  background: transparent url('/images/site/lay-hx-mazuryonline.png') no-repeat;
  position: absolute;
}
h3.zagraniczne {
  padding: 0 0 0 53px;
  color: #fff;
  text-shadow: #000 1px 1px 2px;
  background: #2f68a6 url('/images/site/lay-hx-czarteryzagraniczne.png') no-repeat;
}
h3.port { padding: 0 0 0 52px; color: #fff; text-shadow: #000 1px 1px 2px; background: #48a6cf url('/images/site/lay-hx-port01.png') no-repeat; position: relative; }
h3.news { padding: 0 0 0 45px; color: #fff; text-shadow: #000 1px 1px 2px; background: #48a6cf url('/images/site/lay-hx-news.png') no-repeat; position: relative; }
h3.pogoda { padding: 0 0 0 55px; color: #fff; text-shadow: #000 1px 1px 2px; background: #48a6cf url('/images/site/lay-hx-pogoda.png') no-repeat; position: relative; }
h3.zabrac { padding: 0 0 0 60px; color: #fff; text-shadow: #000 1px 1px 2px; background: #48a6cf url('/images/site/lay-hx-zabrac.png') no-repeat; position: relative; }
h3.trasy { padding: 0 0 0 55px; color: #fff; text-shadow: #000 1px 1px 2px; background: #48a6cf url('/images/site/lay-hx-trasy.png') no-repeat; position: relative; }
h3.kontakt { padding: 0 0 0 59px; color: #fff; text-shadow: #000 1px 1px 2px; background: #48a6cf url('/images/site/lay-hx-kontakt.png') no-repeat; position: relative; }


h2.port { padding: 0 0 0 55px; color: #fff; text-shadow: #000 1px 1px 2px; background: #48a6cf url('/images/site/lay-hx-port.png') no-repeat; position: relative; }
h2.promocje { padding: 0 0 0 55px; color: #fff; text-shadow: #000 1px 1px 2px; background: #48a6cf url('/images/site/lay-hx-promocje.png') no-repeat; position: relative; }

.img-center {
  margin: 15px auto;
  display: block;
  border: 1px solid #5397c2;
}
.route { margin: 25px auto; display: block; }

#content img[align="left"],
.wide img[align="left"],
img.img-left {
  margin: 0px 20px 15px 0;
  border: 1px solid #5598c3;
}
#content img[align="right"],
.wide img[align="right"],
img.img-right {
  margin: 0px 0 15px 20px;
  border: 1px solid #5598c3;
}

.single-photo {
  float: left;
  width: 282px;
  margin: 5px 20px 0 0;
}
.single-photo img {
  margin: 0 0 10px;
  border: 1px solid #5598c3;
  display: block;
}
.photo-left {
  float: left;
  margin: 5px 15px 15px 0;
  border: 1px solid #5598c3;
}


ul.news {
  margin: 0 -10px;
  padding: 0;
  list-style: none;
}
ul.news li {
  padding: 20px 15px 0;
  margin: 10px 0;
  background: transparent url('/images/site/lay-nws-separator.png') no-repeat center top;
  display: block;
}
ul.news li a.title {
  padding: 5px 35px 5px 0;
  color: #243773;
  font-size: 120%;
  background: transparent url('/images/site/lay-ico-expand.png') no-repeat right 2px;
  display: block;
}
ul.news li a.more {
  margin: 0 10px;
  padding: 0;
  text-align: right;
  background: transparent;
  display: block;
}
ul.news img {
  margin: 10px auto;
  border: 1px solid #5397c2;
  display: none;
}
ul.news p {
  padding-top: 10px;
  margin: 10px 0;
  text-align: justify;
  background: transparent url('/images/site/lay-dots-h.png') no-repeat center top;
  display: none;
}

ul.news li.expanded {
  padding-top: 20px;
  background: transparent url('/images/site/lay-nws-separator.png') no-repeat;
}
ul.news li.expanded img,
ul.news li.expanded p { display: block; }
ul.news li.expanded a.title { background-position: right -176px; }
ul.news li.first { padding-top: 0; background: transparent; }



.box33 .map {
  width: 255px;
  height: 184px;
  margin: 10px auto;
  border: 1px solid #75acce;
}
.map img { display: block; }

.pogodynka {
  width: 210px;
  margin: 20px auto 17px;
  background: #fff;
  border: 1px solid #5397c2;
  -moz-box-shadow: #5da2ce 0 0 15px;
  -webkit-box-shadow: #5da2ce 0 0 15px;
  box-shadow: #5da2ce 0 0 15px;
}
.pogodynka img { display: block; }

.trasy p.reach {
  padding-top: 10px;
  text-align: justify;
  background: transparent url('/images/site/lay-dots-h.png') no-repeat center top;
}
.trasy h4.no-border { margin: 15px 5px; }

.kontakt h4 {
  height: auto;
  padding: 0 0 10px;
  margin: 15px 15px 10px;
  font-size: 130%;
  line-height: 120%;
  background: transparent url('/images/site/lay-dots-h.png') repeat-x left bottom;
}
.kontakt span { color: #fb3e18; }
.kontakt address {
  margin: 10px 15px 30px;
  font-size: 120%;
  font-style: normal;
}
.kontakt address a { color: #051a5c; }

.cennik {
  float: right;
  margin: -10px 0 0 20px;
}
.side .cennik {
  float: none;
  margin: 18px 0;
  display: block;
}
.cennik img { display: block; }
.dojazd img { margin: 10px auto; display: block; }

.port-info { padding: 10px 0 10px 275px; }
.port-info img {
  float: left;
  margin: 0 0 0 -275px;
  border: 1px solid #8cbad5;
}
.kamera {
  font-size: 130%;
  line-height: 30px;
  background: transparent url('/images/site/lay-dots-h.png') no-repeat left bottom;
  display: block;
}
.kamera .online {
  padding: 0 8px 0 0;
  color: #fe4520;
  background: transparent url('/images/site/lay-ico-online.png') no-repeat right top;
}
.datetime-wrapper {
  font-size: 120%;
  background: transparent url('/images/site/lay-dots-h.png') no-repeat left top;
}
.datetime {
  padding: 4px 0;
  font-size: 100%;
  background: transparent url('/images/site/lay-dots-h.png') no-repeat left bottom;
  display: block;
}
.datetime span {
  margin: 0 7px 0 0;
  padding: 0 10px 0 0;
  border-right: 1px solid #ccc;
}

#frm-camera-search thead td { padding-bottom: 0; }

.kamera-photo {
  margin: 15px auto 35px;
  border: 1px solid #75acce;
  display: block;
}

.kamera-thumbs h2 {
  height: auto;
  margin: 30px 0 10px;
  padding: 0;
  line-height: 120%;
  background: transparent;
}
.kamera-thumbs ul {
  margin: 10px 0;
  padding: 0;
  list-style: none;
}
.kamera-thumbs ul li {
  width: 180px;
  margin: 0 7px 10px;
  padding: 0;
  vertical-align: top;
  display: -moz-inline-box;
  display: inline-block;
}
.kamera-thumbs ul li span { width: 180px; font-size: 100%; display: block; }
.kamera-thumbs ul li a { display: block; }
.kamera-thumbs ul li a img {
  border: 1px solid #75acce;
  display: block;
}

.box33 .port-info {
  padding: 15px 15px 10px;
  margin: 15px -10px 10px;
  border-top: 1px solid #5397c2;
}
.box33 .port-info.no-border { margin-top: 0; border: none; }
.box33 .port-info img { float: none; margin: 0 auto 5px; display: block; }
.box33 .port-info p { margin: 10px 0; }

.article h2,
.article h3 {
  height: auto;
  margin: 30px 0 10px;
  padding: 0;
  line-height: 120%;
  background: transparent;
}

.offer { margin: 0 0 40px; }



table.promo {
  width: 590px;
  margin: -3px -10px;
  border-spacing: 0;
  border-collapse: collapse;
  position: relative;
}
table.promo td {
  width: 50%;
  padding: 18px 18px 5px;
  vertical-align: top;
}
table.promo td.left { border-right: 1px solid #5397c2; }
table.promo td.right { text-align: left; }
table.promo tr.more td {
  padding: 0;
  border-bottom: 1px solid #5397c2;
}
table.promo tr.last td { border-bottom: 0; }
table.promo a.more {
  margin: 0 -1px -1px 0;
  text-align: right;
}
table.promo td.right a.more { margin-right: 0; }
table.promo tr.last td a.more { margin-bottom: 0; }
table.promo img { margin: 10px auto; display: block; border: 1px solid #5c9cc5; }
table.promo h3 { 
  height: auto;
  padding: 0 0 10px;
  margin: 0 0 10px;
  font-size: 130%;
  line-height: 120%;
  background: transparent url('/images/site/lay-dots-h.png') repeat-x left bottom;
}
table.promo h3 span { color: #e43225; }
table.promo p { text-align: justify; }


table.czartery {
  margin: -20px -9px 18px;
  border-spacing: 0;
  border-collapse: collapse;
  position: relative;
}
table.czartery td {
  width: 286px;
  padding: 25px 9px 0;
  vertical-align: top;
  background: transparent url('/images/site/lay-ofr-line.png') no-repeat 9px 90px;
}
table.czartery h3 { 
  height: auto;
  padding: 0 0 10px;
  margin: 0 0 10px;
  font-size: 130%;
  line-height: 120%;
  background: transparent url('/images/site/lay-dots-h.png') repeat-x left bottom;
}
table.czartery h3 span { color: #e43225; display: block; }
table.czartery img { margin: 10px 0 0; display: block; border: 1px solid #5c9cc5; }
table.czartery p {
  margin: 0;
  padding: 10px;
  border-left: 1px solid #5c9cc5;
}
table.czartery tr.more td {
  padding: 5px 9px 0;
  text-align: right;
  background: transparent url('/images/site/lay-corner-small.png') no-repeat 9px bottom;
}

table.czartery td.full { width: auto; }
table.czartery td.full h3 { float: left; width: 294px; }
table.czartery td.full img { float: left; margin: 0 10px 10px 0; }
table.czartery tr.more td.full { background-image: url('/images/site/lay-corner-full.png'); }


.yachts-list {
  margin: 5px -10px 0;
  padding: 0 1px 10px;
  list-style: none;
  background: transparent url('/images/site/lay-box-bottom-narrow.png') no-repeat left bottom;
}
.yachts-list li {
  margin: 0;
  padding: 0;
}
.yachts-list li a {
  margin: 0 5px;
  padding: 2px 0 2px 10px;
  display: block;
  border-bottom: 1px solid #d5e6f0;
}
.yachts-list li span { margin-left: 5px; color: #d83739; font-size: 90%; }
.yachts-list li.active { background: url('/images/site/lay-yht-active.png') no-repeat left bottom; }
.yachts-list li.active a { color: #d83739; font-weight: bold; }

#steps {
  height: 78px;
  margin: 0 9px 18px;
  padding: 0;
  list-style: none;
  background: #c9202f url('/images/site/lay-steps-mazury.png') no-repeat;
}
#steps li {
  float: left;
  height: 58px;
  margin: 0;
  padding: 20px 10px 0 70px;
  position: relative;
}
#steps * {
  color: #e3848f; /* FOX */
}
#steps a,
#steps a * {
  color: #fff;
}
#steps li.active a,
#steps li.active a * {
  color: yellow;
}
#steps li span {
  left: 0;
  top: 0;
  padding: 0 0 0 38px;
  line-height: 78px;
  font-size: 250%;
  background: transparent url('/images/site/lay-steps-arrow.png') no-repeat 5px center;
  position: absolute;
}
#steps li.title {
  padding: 0 7px 0 53px;
  color: #fff;
  font-size: 140%;
  line-height: 78px;
  text-shadow: #000 1px 1px 2px;
}
#steps li.active {
  padding-left: 43px;
  color: #ffd800;
  background: transparent url('/images/site/lay-steps-separator.png') no-repeat right top;
}
#steps li.active span {
  padding-left: 12px;
  background: transparent url('/images/site/lay-steps-separator.png') no-repeat;
}


#legend {
  clear: both;
  height: 61px;
  margin: 0 9px 18px;
  padding: 0;
  list-style: none;
  background: #dbeef6 url('/images/site/lay-legend-background.png') no-repeat;
}
#legend li {
  float: left;
  padding: 12px 15px 0 60px;
  margin: 0;
  font-size: 95%;
  height: 49px;
  line-height: 37px;
}
#legend li .color {
  float: left;
  width: 28px;
  height: 28px;
  margin: 4px 0 0 -40px;
  background: transparent url('/images/site/lay-legend-frame.png') no-repeat;
}
#legend li.title {
  height: 61px;
  margin: 0 0 18px;
  padding: 0 15px;
  color: #243773;
  font-weight: normal;
  font-size: 140%;
  text-shadow: #c7d0d3 1px 1px 1px;
  line-height: 61px;
}
#legend li.available   .color { background-color: #fff; }
#legend li.booked      .color { background-color: #efa6a4; /*#ffffcd;*/ }
#legend li.occupied    .color { background-color: #efa6a4; }
#legend li.unavailable .color { background-color: #efa6a4; /*#9f9f9f;*/ }
#legend li.selected    .color { background-color: #99cafa; }
#legend li.chosen      .color { background-color: #64ae79; }

.wide #legend,
.main #legend {
  width: 400px;
  height: 56px;
  margin: 18px 0;
  background: transparent url('/images/site/lay-legend-small.png') no-repeat;
}
.wide #legend li,
.main #legend li {
  padding: 6px 25px 0;
  text-align: center;
  line-height: 12px;
}
.wide #legend li .color,
.main #legend li .color {
  float: none;
  width: 17px;
  height: 17px;
  margin: 0 auto 3px;
  background-image: url('/images/site/lay-legend-frame-small.png');
  display: block;
}


.box-yacht img {
  margin: 10px auto;
  display: block; 
  border: 1px solid #5397c2;
}
.box-yacht a.gallery-link { margin: 20px auto; }

table.lines {
  width: 100%;
  margin: 10px 0 20px;
  line-height: 120%;
}
table.lines thead th {
  height: 45px;
  padding: 5px 0 0;
  font-size: 120%;
  font-weight: normal;
  text-align: left;
  vertical-align: top;
  background: transparent url('/images/site/lay-dots-h.png') repeat-x left 30px;
}
table.lines thead tr.no-border th {
  height: auto;
  padding: 5px 0 10px;
  background: transparent;
}
table.lines tbody th {
  padding: 2px 5px 2px 0;
  font-weight: normal;
  text-align: left;
  border-right: 1px solid #aacbe0;
  border-bottom: 1px solid #d7e9f3;
}
table.lines tbody td {
  padding: 2px 0 2px 5px;
  border-bottom: 1px solid #d7e9f3;
}
table.lines tbody tr.last th,
table.lines tbody tr.last td { border-bottom: none; }

table.pricing {
  width: 100%;
  margin: 0 0 30px;
  border-top: 1px solid #aacbe0;
}
table.pricing thead th {
  padding: 7px 0;
  font-size: 120%;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  border-right: 1px solid #aacbe0;
  border-bottom: 1px solid #aacbe0;
}
table.pricing thead th.big { font-size: 140%; }
table.pricing tbody th {
  padding: 2px 5px;
  font-weight: normal;
  text-align: left;
  border-right: 1px solid #aacbe0;
  border-bottom: 1px solid #aacbe0;
}
table.pricing tbody td {
  padding: 2px 5px;
  text-align: center;
  border-right: 1px solid #aacbe0;
  border-bottom: 1px solid #aacbe0;
}
table.pricing tbody tr.even td,
table.pricing tbody tr.even th { background: #cadee9; }
table.pricing tbody tr:hover td,
table.pricing tbody tr:hover th { background: #e99d9e; }
table.pricing tbody td.last,
table.pricing thead th.last { border-right: none; }
table.pricing tbody tr.last th,
table.pricing tbody tr.last td { border-bottom: none; }
table.pricing tbody th span { margin: 0 0 0 5px; color: #d83739; font-size: 90%; }


table.grid {
  clear: both;
  width: 100%;
  margin: 10px 0 20px;
  line-height: 120%;
}
table.grid thead th {
  height: 45px;
  padding: 5px 0 0;
  font-size: 120%;
  font-weight: normal;
  text-align: center;
  vertical-align: top;
  background: transparent url('/images/site/lay-dots-h.png') repeat-x left 30px;
}
table.grid tbody th {
  padding: 3px 5px 3px 0;
  font-weight: normal;
  text-align: center;
  border-right: 1px solid #aacbe0;
  border-bottom: 1px solid #d7e9f3;
}
table.grid tbody td {
  padding: 4px 0 4px 5px;
  text-align: center;
  border-right: 1px solid #aacbe0;
  border-bottom: 1px solid #d7e9f3;
}
table.grid tbody td.last { border-right: none; }
table.grid tbody tr.last th,
table.grid tbody tr.last td { border-bottom: none; }

table.grid .departure { width: 50px; color: #0187a9; }
table.grid .arrival { width: 50px; color: #d53137; border-right: none; }
table.grid td.city { padding: 5px; }
table.grid span { color: #d53137; }
table.grid strong { display: block; }


#contact-map {
  clear: left;
  float: left;
  width: 590px;
  height: 300px;
  margin: 20px 9px;
  border: 1px solid #0187a9;
  
}


ul.pages {
  margin: 0 0 30px;
  padding: 0;
  list-style: none;
  text-align: center;
}
ul.pages li { display: inline; }
ul.pages li a {
  padding: 4px 8px;
  background: #f5f5f5;
  border: 1px solid #ddd;
}
ul.pages li.active a {
  font-weight: bold;
  color: #fff;
  font-size: 110%;
  background: #49a6cf;
  border-color: #2f78a1;
}
ul.pages li.desc {
  left: 10px;
  padding-left: 10px;
  position: absolute;
  font-size: 120%;
}


a.gallery-link {
  width: 84px;
  height: 23px;
  margin: 15px auto 10px;
  padding: 0 25px 0 5px;
  text-align: center;
  line-height: 23px;
  background: transparent url('/images/site/lay-gallery.png') no-repeat;
  display: block;
}

a.more {
  height: 21px;
  padding: 0 19px 0 0;
  line-height: 21px;
  background: transparent url('/images/site/lay-more.png') no-repeat right bottom;
  display: block;
}

a.see {
  height: 41px;
  padding: 0 55px 0 0;
  line-height: 41px;
  background: transparent url('/images/site/lay-see.png') no-repeat right bottom;
  display: block;
}


/* kalendarze */
.two-months {
  float: left;
  width: 400px;
}
.two-months .prev,
.two-months .next {
  float: left;
  margin: 0 auto 5px;
  padding: 0 3px 0 16px;
  width: 116px;
  height: 23px;
  line-height: 23px;
  text-align: center;
  background: transparent url('/images/site/lay-prev.png') no-repeat;
  display: block;
}
.two-months .next { float: right; padding: 0 16px 0 3px; background: transparent url('/images/site/lay-next.png') no-repeat; }

.month {
  clear: right;
  float: left;
  width: auto;
  margin: 10px 0;
  display: table;
  font-size: 11px;
  text-align: center;
  border-collapse: collapse;
  border: 0px;
  background-color: #ffffff;
}
.month.first { float: left; }
.month.last { float: right; }
.month thead td, 
.month thead th { color: white; padding: 3px 0; border: solid 1px #72aacd; } 
.month thead th { background-color: #72aacd; font-size: 13px; }
.month thead td { background-color: #96c0da; border: solid 1px #72aacd; }
.month thead th.prevmonth { background: #72aacd none no-repeat 2px; cursor: pointer; }
.month thead th.nextmonth { background: #72aacd none no-repeat 2px; cursor: pointer; }
.month thead th.prevyear { background: #72aacd none no-repeat 2px; cursor: pointer; }
.month thead th.nextyear { background: #72aacd none no-repeat 2px; cursor: pointer; }
.month tbody td { padding: 0; width: 27px; height: 26px; cursor: pointer; }
.month tbody td:hover { background-color: #99cafa; }
.month td { border: 1px solid #72aacd; }
.month td.empty { background-color: #c0c0c0 !important; cursor: default !important; }
.month td.today { border: solid 2px; }
.month div.charter { background-color: #fff; }
.month td.hover,
.month div.hover { background-color: #99cafa; }
.month td.disable,
.month div.disable { background-color: #efa6a4 !important; cursor: default !important; }
.month td.reserved,
.month div.reserved { background-color: #efa6a4 !important; cursor: default !important; }
.month td.sold,
.month div.sold { background-color: #efa6a4 !important; cursor: default !important; }
.month td.selected,
.month div.selected { background-color: #74cb7f; }
.month td.selected.hover,
.month div.selected.hover { background-color: #54ae5f; }
.month td div.pre { width: 12px; height: 26px; z-index: 25; position: absolute; }
.month td div.nr { width: 26px; height: 26px; vertical-align: middle; z-index: 50; position: relative; }
/*
.month col.sat { background-color: #ffd1d1; }
.month col.sun { background-color: #ffa9a9; }
*/

.short-order-info,
.order-part {
  clear: right;
  float: right;
  width: 224px;
}

#legend li.available   .color { background-color: #fff; }
#legend li.booked      .color { background-color: #efa6a4; /*#ffe795;*/ }
#legend li.occupied    .color { background-color: #efa6a4; }
#legend li.unavailable .color { background-color: #efa6a4; /*#9f9f9f;*/ }
#legend li.selected    .color { background-color: #99cafa; }
#legend li.chosen      .color { background-color: #64ae79; }


.charter-info {
  float: right;
  width: 47%;
  min-height: 100px;
  padding: 4px 0 10px;
  background: #fffeb0;
  border: solid 2px #ecdf13;
  margin: 10px 0 10px 0;
  position: relative;
}
.charter-info h3 { margin: 4px 10px; }
.charter-info dl { padding: 0; }
.charter-info dt { float: left; clear: both; width: 90px; text-align: right; text-indent: 0; margin: 0; padding: 0 10px 0 0; line-height: 1.5em; }
.charter-info dd { float: left; clear: right; width: 200px; padding: 0; margin: 0; display: block; line-height: 1.5em; }

.order-info {
  clear: both;
  min-height: 20px;
  padding: 4px 0 10px;
  background: #95e09e;
  border: solid 2px #54ae5f;
  position: relative;
  margin: 10px auto;
}
.order-info h3 { margin: 4px 10px; }
.order-info dl { padding: 0; }
.order-info dt { float: left; clear: both; width: 90px; text-align: right; text-indent: 0; margin: 0; padding: 0 10px 0 0; line-height: 1.5em; }
.order-info dd { float: left; clear: right; width: 200px; padding: 0; margin: 0; display: block; line-height: 1.5em; }
/* kalendarze koniec */


#frm-mazury {
  margin: 0 -10px;
  padding: 0;
  background: transparent url('/images/site/lay-box-mazury.png') no-repeat left bottom;
}
#frm-mazury .watermark {
  margin: 0;
  padding: 5px 0 0;
  color: #d8e8f0;
  font-size: 200%;
  text-align: center;
  display: block;
}
#frm-mazury p {
  clear: both;
  margin: 10px 10px 20px;
  position: relative;
}
#frm-mazury label {
  height: 24px;
  margin: 0 5px;
  color: #243773;
  font-size: 120%;
  line-height: 24px;
  display: block;
}
#frm-mazury input.text {
  width: 256px;
  padding: 3px;
  margin: 0;
  color: #dd0a0a;
  font-size: 100%;
  background: #d8ebf2;
  border: 1px solid #a7d5e8;
  border-top-width: 3px;
  border-left-width: 3px;
}
#frm-mazury select {
  width: 266px;
  padding: 1px 0;
  color: #dd0a0a;
  font-size: 100%;
  background: #d8ebf2;
  border: 1px solid #a7d5e8;
  border-top-width: 3px;
  border-left-width: 3px;
}
#frm-mazury .ui-datepicker-trigger {
  top: 28px;
  right: 2px;
  height: 19px;
  position: absolute;
}
#frm-mazury p.buttons { text-align: center; }
#frm-mazury input.button {
  width: 180px;
  height: 24px;
  color: #fff;
  text-shadow: #fff 0 0 5px;
  background: #d02a33 url('/images/site/lay-btn-red.png') no-repeat;
  border: none;
}


#frm-zagraniczne {
  margin: 0 -10px;
  padding: 0;
  background: transparent url('/images/site/lay-box-zagraniczne.png') no-repeat left bottom;
}
#frm-zagraniczne .watermark {
  margin: 0;
  padding: 5px 0 0;
  color: #d8e8f0;
  font-size: 200%;
  text-align: center;
  display: block;
}
#frm-zagraniczne p {
  clear: both;
  margin: 10px 10px 20px;
  position: relative;
}
#frm-zagraniczne label {
  height: 24px;
  margin: 0 5px;
  color: #243773;
  font-size: 120%;
  line-height: 24px;
  display: block;
}
#frm-zagraniczne input.text {
  width: 256px;
  padding: 3px;
  margin: 0;
  color: #087ca2;
  font-size: 100%;
  background: #d8ebf2;
  border: 1px solid #a7d5e8;
  border-top-width: 3px;
  border-left-width: 3px;
}
#frm-zagraniczne select {
  width: 266px;
  padding: 1px 0;
  color: #087ca2;
  font-size: 100%;
  background: #d8ebf2;
  border: 1px solid #a7d5e8;
  border-top-width: 3px;
  border-left-width: 3px;
}
#frm-zagraniczne .ui-datepicker-trigger {
  top: 28px;
  right: 2px;
  height: 19px;
  position: absolute;
}
#frm-zagraniczne p.buttons { text-align: center; }
#frm-zagraniczne input.button {
  width: 180px;
  height: 24px;
  color: #fff;
  text-shadow: #fff 0 0 5px;
  background: #d02a33 url('/images/site/lay-btn-blue.png') no-repeat;
  border: none;
}

form.frm-charter {
  margin: 0;
  padding: 0;
}
.wide form.frm-charter { clear: both; }
form.frm-charter p { margin: 10px 0; }
form.frm-charter p.price { margin: 5px 0 15px; color: #d12d35; font-size: 125%; }
form.frm-charter p.red { text-align: center; }
form.frm-charter p.buttons { margin: 15px 0; text-align: center; }
form.frm-charter input.text {
  width: 194px;
  padding: 3px;
  margin: 0;
  color: #087ca2;
  font-size: 100%;
  background: #d8ebf2;
  border: 1px solid #a7d5e8;
  border-top-width: 3px;
  border-left-width: 3px;
}
form.frm-charter select {
  width: 204px;
  padding: 1px 0;
  color: #087ca2;
  font-size: 100%;
  background: #d8ebf2;
  border: 1px solid #a7d5e8;
  border-top-width: 3px;
  border-left-width: 3px;
}
form.frm-charter input.button {
  width: 180px;
  height: 24px;
  color: #fff;
  text-shadow: #fff 0 0 5px;
  background: #d02a33 url('/images/site/lay-btn-red.png') no-repeat;
  border: none;
}
form.frm-charter input.cart {
  width: 204px;
  height: 24px;
  padding: 0 0 0 46px;
  color: #fff;
  text-shadow: #fff 0 0 5px;
  background: transparent url('/images/site/lay-btn-cart.png') no-repeat;
  border: none;
}
form.frm-charter table.lines { margin: 10px 0; }
form.frm-charter hr {
  height: 1px;
  width: 224px;
  margin: 10px -10px;
  color: #5397c2;
  background: #5397c2;
  border: none;
}
form.frm-charter p.port_label {
	margin: 0;
	padding: 0;
}
form.frm-charter p.port_label label {
	float: none;
	display: block;
}
div.begin_port_name {
  width: 194px;
  padding: 1px 3px;
  margin: 0;
  color: #087ca2;
  font-size: 100%;
  background: #d8ebf2;
  border: 1px solid #a7d5e8;
  border-top-width: 3px;
  border-left-width: 3px;
}


body.full #content {
  float: none;
  width: auto;
  padding: 0 9px;
  min-height: 300px;
}
body.full #content h1,
body.full #content h2,
body.full #content h3,
body.full #content h4,
body.full #content h5,
body.full #content h6 { background: transparent url('/images/site/lay-hx-gradient100.png') no-repeat; }


a.show-details {
  width: 114px;
  text-align: center;
  line-height: 23px;
  margin: 10px auto 5px;
  display: block;
  background: url('/images/site/lay-btn-light.png') no-repeat center top;
}
div.boat-details {
	display: none;
}
p.top-links,
p.bottom-links {
  clear: both;
  text-align: right;
  line-height: 2em;
  height: 2em;
}
p.bottom-links {
  padding-bottom: 20px;
}
form .form-actions {
	clear: both;
	text-align: right;
}
.page-order form .form-actions input,
.page-order form input.button,
.page-order a.button {
	color: #fff;
	padding: 0px 0px 0px;
	margin: 0 0 0 5px;
	border: 0;
	min-width: 180px;
	font-size: 13px;
	font-weight: bold;
	line-height: 24px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	background: #637dc1 url("/images/site/lay-btn-blue.png") no-repeat left top;
	cursor: pointer;
}
.page-order form .form-actions input {
	padding: 4px 0px 4px;
	min-width: 180px;
	height: 24px;
	line-height: 24px;
}
.page-order form .form-actions input.create,
.page-order form .form-actions input.submit,
.button.newforum,
.button.newtopic,
.button.newpost,
.button.blue {
	background: #4b609c url("/images/site/lay-btn-blue.png") no-repeat left top;
}
.button.delete,
.button.destroy,
.button.red {
	background: #e33100 url("/images/site/lay-btn-red-small.png") no-repeat left top;
}
.button.darknavy {
	background-color: #010d30;
}
.button.navy {
	background-color: #20305d;
}
.page-order form input.small,
.page-order a.button.small {
	width: 60px;
	min-width: 0;
	margin: 0;
	background: #e33100 url("/images/site/lay-btn-red-small.png") no-repeat left top;
}
.button.checkout,
.button.checkout2,
.button.continue,
.button.backtolist,
.button.magenta {
  background-color: #a9014b;
}
.button.showcart,
.button.reply,
.button.orange {
  background-color: #ff5c00;
}
.button.yellow {
  background-color: #ffb515;
}
a.button.viewall,
a.button.checkout,
a.button.button.continue,
a.button.backtolist {
  float: left;
  margin: 0 5px 0 0;
}

div.flash {
  top: 0;
  left: 50%;
  width: 500px;
  margin-left: -260px;
  padding: 10px;
  color: #333;
  text-align: center;
  -moz-box-shadow: 0 2px 10px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.5);
  box-shadow: 0 2px 10px rgba(0,0,0,0.5);
  -webkit-border-bottom-left-radius: 7px;
  -webkit-border-bottom-right-radius: 7px;
  -moz-border-radius-bottomleft: 7px;
  -moz-border-radius-bottomright: 7px;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  border: solid 0px red;
  border-top: 0;
  background: #fff;
  position: fixed;
  z-index: 200;
  display: none;
}
#error.flash {
  border-color: red;
  background: #f99;
}
#notice.flash {
  border-color: green;
  background: lightgreen;
}
#warning.flash {
  border-color: orange;
  background: #eed790;
}
#message.flash {
  border-color: blue;
  background: #90beee;
}

#container:after,
#wrapper:after,
#subheader:after,
.page-order:after,
.full-width:after,
.frm-charter:after,
#boxes-narrow:after,
#boxes-full:after,
.port-info:after,
.yacht-info:after,
.yacht-sale:after,
.gallery-photo:after,
.clearfix:after {
  clear: both; 
  height: 0; 
  content: "."; 
  display: block; 
  font-size: 0;
  line-height: 0;
  visibility: hidden;
}