body, html, table, input, textarea {
font: 11px/1.25em Tahoma, "Trebuchet MS", Arial, sans-serif, "ms sans serif" ;
color: #474747;
margin: 0px;
padding: 0px;
}
body {
background: white url(../layout/header_wave_bg.jpg) repeat-x 50% 103px;
}
/*** classes ***/
.underline {text-decoration: underline;}
div.thumbnail236x96 { width: 238px; margin: 3px 15px; text-align: center;}
.thumbnail236x96 img { border: 1px solid #51a6c4; }
b.star { display: block; float: left; clear: none; width: 16px; height: 16px; padding: 0; margin: 0 1px;}
b.star.full { background: url(../layout/gwiazdka.gif); }
b.star.half { background: url(../layout/gwiazdka_pol.gif); }
b.star.empty { background: url(../layout/gwiazdka_pusta.gif); }
.bg1 { background-color: transparent; }
.bg2 { background-color: #f6f6f6; }
/*** global definitions ***/
a { color: #2b9ac5; text-decoration: none;}
a:hover {color: #2A3D79; }
a:active, a:focus { outline: none; }
a.alter { color: #de8e06; }
a.text {color: #6e6e6e;}
img { border: none; }
h1 { font-size: 1.2em; }
#content > h2 { font-size: 1.1em; font-weight: bold; margin: 0; padding: 0; }
h3 { font-size: 1em; font-style: normal; font-weight: bold; margin-bottom: 3px;}
h3.label { font-style: normal; padding-right: 2em; }
div { border: none; outline: none;}
div.clear, hr { clear: both; display: block; height: 0px; line-height: 0px; font-size: 0px; margin:0; padding: 0; border: none;}
div.label { float: left; padding-right: 2em; }
div.floatleft, .floatleft { float: left; margin-left: 0px; }
div.floatright, .floatright { float: right; margin-right: 0px; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
p { text-align: justify; margin: 3px 0px 8px 0px; padding: 0; }
p.description {font-size: .9em; font-weight: normal; line-height: 1.1em; color: #999;}
p.info {border: 1px solid #eadfaa; background: #fffae3; padding: 10px;}
span.label {color: #999;}
ul.raquo, ul.simple { list-style-type: none; }
ul.raquo li { padding: 0px; padding-left: 1.1em; text-indent: -1.1em; }
dt { font-weight: bold; }
/*** forms ***/
#content form#search {margin: 15px;}
#content form#search p {text-align: left; padding-left: 200px; position: relative; line-height: 1.6em;}
#content form#search label {display: block; position: absolute; left: 0; clear: none; width: 190px; text-align: right; margin-right: 20px; padding: 4px 0px;}
#content form#search input, #content form textarea {display: block; clear: right; width: 430px; border: 1px solid #c3c3c3; font-size: 1em; line-height: 1.4em; padding: 4px; }
#content form#search ul.errorlist {margin-left: 200px; color: #c92502; list-style-type: none; padding: 0;}
#content form#search .error {border-color: #c92502; background-color: #fecbc0;}
#content form#search .required {background-color: #fafdfe;}
/*** tables ***/
table { width: 100%; border-spacing: 0; }
tr.th { background: url(../layout/dot_grey.gif) repeat-x center bottom; }
th { color: #939393; font-weight: normal; padding: 5px; margin: 0px; background: transparent; }
tr {padding: 5px 0 5px 0;}
td { color: #797979; padding: 0 5px 0 5px; border-bottom: 1px solid #e5e5e5; height: 35px;}
/*** all page ***/
div#page { width: 950px; margin: 0 auto; }
/*** accounts ***/
div#accounts {padding: 10px 10px 0 10px; text-align: right;}
/*** menu (main) ***/
div#menu { height: 55px; margin-top: 5px; }
#menu img.logo { display: block; float: left; }
#menu ul { float: right; list-style-type: none; height: 30px; max-height: 30px;}
#menu ul > li { display: block; float: left; border-right: 1px solid #e5e5e5; padding: 0;}
#menu ul > li > a { display: block; color: #474747; line-height: 30px; height: 30px; padding: 0 20px; background: url(../layout/top_menu.png) no-repeat top center; }
#menu ul > li > a:hover, #menu ul > li.active > a { display: block; color: #fff; line-height: 30px; height: 30px; padding: 0 20px; background: url(../layout/top_menu.png) no-repeat bottom center; }
#menu ul > li.last { border-right: none; }
#menu ul > li.first > a { background: url(../layout/top_menu.png) no-repeat top left; padding-left: 20px; }
#menu ul > li.first > a > span {background: url(../layout/start_home_black.png) no-repeat 27px 10px; width: 38px; display: block;}
#menu ul > li.last > a { background: url(../layout/top_menu.png) no-repeat top right; padding-right: 20px; border-right: none; }
#menu ul > li.first > a:hover, #menu ul > li.first.active > a { background: url(../layout/top_menu.png) no-repeat bottom left; }
#menu ul > li.first > a:hover > span, #menu ul > li.first.active > a > span { background: url(../layout/start_home_white.png) no-repeat 27px 10px; width: 38px; display: block;}
#menu ul > li.last > a:hover, #menu ul > li.active.last > a{ background: url(../layout/top_menu.png) no-repeat bottom right; }
/*** header ***/
div#header {
background: transparent;
height: 253px;
position: relative;
background: url(../layout/header_rejsy.jpg) no-repeat 0px 10px;
}
#header > div {
position: absolute;
width: 100%;
height: 100%;
background: url(../layout/header_mask.png);
}
#header img.phone {padding: 5px 13px 0 0;}
#header h2.search { color: white; font-weight: bold; font-size: 12px; position: absolute; top:62px; right: 20px; margin: 0; padding: 0; }
/*** search box ***/
#search { position: absolute; top: 84px; right: 20px; width: 230px;}
#search fieldset { border: none; padding: 0; margin: 0; }
#search label { width: 50px; display: block; float: left; font-size: 12px; color: white; height: 16px; margin: 3px 13px 0 0; text-align: right; clear: none; }
#search select { width: 165px; }
#search .dd { background: none; }
#search .dd .ddTitle { background: transparent; border: none; }
#search .dd .ddChild { }
#search_submit { float: right;}
#search div.clear { height: 16px; }
div#breadcrumb { position: absolute; top: 230px; left: 10px; }
div#search_menu { text-align: right; padding: 10px 20px 10px 20px;}
/*** sidebars ***/
div.sidebar { width: 270px; min-height: 300px; }
/*** content ***/
div#place_map {width: 180px; height: 135px; background: #fff; border: 1px solid #d7d7d7; margin: 0; overflow: hidden; padding: 3px;}
div#place_map > div {width: 100%; height: 100%;}
div#content { float: left; width: 665px; margin-right: 15px; }
#content > h2 { font-weight: bold; margin: 0; padding: 5px 0px; background: transparent url(../layout/dot_grey.gif) repeat-x bottom left; position: relative; }
#content > h2 > b.before { width: 5px; height: 5px; padding: 0; margin: 6px 5px 0 0; display: block; float: left; background: url(../layout/arrows_br.png) no-repeat 5px 0px; }
#content > h2 > b.after { width: 15px; height: 15px; padding: 0; margin: 0; display: block; float: right; background: url(../layout/arrows.gif) no-repeat 0px -45px; position: relative; top: -4px;}
#content > h2.current > b.after { background-position: 0px -30px; }
#content > div.cruises > h2 {font-size: 1.1em; font-weight: bold; margin: 0; padding: 5px 0px; background: transparent url(../layout/dot_grey.gif) repeat-x bottom left; position: relative; }
#content > h2.accordion:hover { color: #2b9ac5; background-image: url(../layout/dot_blue.png); }
#content > h2.accordion:hover > b.before { background-position: left top; }
#content > h2.accordion:hover > b.after { background-position: 0px -15px; }
#content > h2.current:hover { color: #474747; background-image: url(../layout/dot_grey.gif); }
#content > h2.current:hover > b.before { background-position: left bottom; }
#content > h2.current:hover > b.after { background-position: 0px -45px; }
#content > h2 > img { vertical-align: baseline; }
#content > h2.blue { font-weight: bold; margin: 0; padding: 5px 0px; background: transparent url(../layout/dot_blue.gif) repeat-x bottom left; position: relative; color: #51a6c4;}
#content > h2.blue > strong.before { width: 5px; height: 5px; padding: 0; margin: 6px 5px 0 0; display: block; float: left; background: url(../layout/arrows_br.png) no-repeat 0px 0px; }
#content > h2.green { font-weight: bold; margin: 0; padding: 5px 0px; background: transparent url(../layout/dot_green.gif) repeat-x bottom left; position: relative; color: #87b816;}
#content > h2.green > strong.before { width: 5px; height: 5px; padding: 0; margin: 6px 5px 0 0; display: block; float: left; background: url(../layout/arrows_br.png) no-repeat 0px 0px; }
#content div.article {width: 435px; min-height: 400px; float: left; margin-top: 15px; padding-right: 15px; background: url(../layout/aktualnosci_line.png) no-repeat top right;}
#content div.article > dl {width: auto;}
#content div.article > dl > dt {float: left; font-weight: normal; padding-right: 10px;}
#content div.article > dl > dd {margin: 0px; float: left; width: 390px;}
#content div.article > dl > dd > ul {display: block; float: left; margin: 0px; padding: 0px;}
#content div.article > dl > dd > ul > li {display: block; width: 130px; float: left; margin: 0px; padding: 0px;}
#content div.article-list {width: 200px; margin-top: 15px; float: right;}
#content div.article-list > img {padding: 3px; border: 1px solid #d7d7d7;}
#content div.article-list h2 {font-size: 1em; text-decoration: underline; background: none;}
#content div.article-list ul {list-style-type: none; margin: 0; padding: 0;}
#content div.article-list li {text-indent: -65px; line-height: 1.1em; padding: 2px 0 2px 75px; background: url(../layout/aarrow_blue.png) no-repeat 0 7px;}
#content div.article-list .date {color: #737373;}
/*** Formularze w kontencie ***/
#content form th {font-weight: normal; text-align: right; vertical-align: top; padding: 12px 5px 10px 5px; color: #474747; width: 200px;}
#content form .required th {font-weight: bold;}
#content form td {font-weight: normal; vertical-align: top; padding: 10px 5px 5px 5px; color: #999; border: none;}
#content form input[type="text"],
#content form input[type="password"],
#content form textarea {border: 1px solid #d3d3d3; width: 400px; padding: 3px;}
#content form .required input,
#content form .required textarea {background: #f7f7ff;}
#content div.article-list form {width: 180px; padding: 3px; border: 1px solid #d7d7d7; margin: 3px 0;}
#content div.article-list form > div {background: none;}
#content div.article-list form > div > ul {margin: 0; padding: 0; list-style: none;}
#content div.article-list form > div > ul > li {margin: 0; padding: 0; list-style: none; text-indent: 0; background: white;}
#content div.article-list label {}
#content div.article-list select,
#content div.article-list input {width: 180px;}
/* images in articles */
p.image {text-align: center; margin: 20px 0;}
.left {float: left; margin: 5px 10px 5px 0;}
.right {float: right; margin: 5px 0 5px 10px;}
/*** footer ***/
div#footer { clear: both; color: #999999; background-color: transparent; position: relative; margin: 25px 0 15px 0; }
#footer > .clear {background-color: #d7d7d7; height: 7px; margin-bottom: 10px; }
#footer a { color: #999999; clear: none; }
#footer a:hover, #footer a:active { color: #474747; }
#footer img.logo { float: left; clear: none; }
#footer p.menu { float: right; text-align: center; line-height: 1.6em; margin: 0; margin-right: 10px; padding: 0; position: relative; top: -2px; }
#footer p.menu img {vertical-align: baseline;}
#footer p.info { width: 390px; text-align: center; margin-left: 170px; border: none; background: none; padding: 0;}
#footer p.rights { width: 560px; text-align: center; border-top: 1px solid #dfdfdf; padding-top: 5px;}
/*** tabs ***/
div.tabs { border: none; clear: both; position: relative; padding: 10px 0 0 0; }
.tabs > ul { border: none; list-style-type: none; padding: 0px; margin: 0px; position: relative; background: url(../layout/tabs_panel_top.png) no-repeat bottom left; height: 38px; }
.tabs > ul > li { height: 29px; background: url(../layout/tabs.png) no-repeat top right; border: none; display: block; float: left; padding: 0; padding-right: 10px; left: -1px; }
.tabs > ul > li > a { display: block; background: url(../layout/tabs.png) no-repeat top left; height: 22px; padding: 7px 0 0 10px; position: relative; color: #848484; }
.tabs > ul > li > a:hover { color: #2b9ac5; }
.tabs > ul > li.current { background: url(../layout/tabs.png) no-repeat bottom right; }
.tabs > ul > li.current > a { background: url(../layout/tabs.png) no-repeat bottom left; }
.tabs > ul > li.current > a:hover { color: #848484; }
.tabs > div { border: none; padding: 15px; margin: 0px; background: url(../layout/tabs_panel_middle.png) repeat-y; }
.tabs > div.clear { display: block; background: url(../layout/tabs_panel_bottom.png) no-repeat bottom left; height: 10px; margin: 0px; padding: 0px; }
/*** boxes ***/
div.box {}
.box p {text-align: left;}
.box a {font-weight: bold;}
.box a:hover {color: #de8e06;}
.box span.price {font-size: 1.2em; font-weight: bold;}
.box > h2 {font-weight: bold; font-size: 1.1em; margin: 0; padding: 15px 15px 5px 25px;}
.box > div.box_content {padding: 5px 15px 0 15px;}
ul.minilist {width: 225px; list-style-type: none; margin: 10px 0 5px 15px; padding: 0;}
ul.minilist > li {clear: both; padding: 0 0 10px 0px;}
ul.minilist > li > div {padding-left: 55px; line-height: 1.4em;}
ul.minilist img {float: left; border: 1px solid #ccc; padding: 2px; margin: 0px 0px 5px 0px;}
ul.minilist span.price {font-size: 1.2em; color: #de8e06; font-weight: bold;}
#blue_box > div > div.scroll_pane {padding: 0; height: 175px; overflow: auto;}
#blue_box > div.box_content {background: #fff url(../layout/box_blue_495_bg.png) top left;}
div#blue_box {width: 495px; height: 230px; float: left; overflow: hidden; background: url(../layout/box_blue_495.png) no-repeat bottom left;}
#blue_box > h2 {color: #2b9ac5; background: url(../layout/box_blue_495.png) no-repeat top left;}
#blue_box a > img {display: block; float: left; margin-right: 10px; width: 56px; height: 38px; padding: 3px; background: url(../layout/category_frame.gif)}
#blue_box a:hover > img {background: url(../layout/category_frame.gif) bottom left;}
#blue_box div.scroll_pane > div {padding: 8px 10px 8px 5px; border-bottom: 1px dotted #c8e2ec; clear: both; }
div#newsletter_box {width: 420px; height: 115px; background: url(../layout/newsletter_bg.jpg); margin: 20px 15px 20px 0; float: left; position: relative;}
#newsletter_box ul {list-style-type: none;}
#newsletter_box li {display: inline;}
#newsletter_box input#id_email {position: absolute; width: 145px; left: 174px; top: 91px; border: none; background: transparent;}
#newsletter_box input#id_newsletter_submit {position: absolute; width: 60px; left: 331px; top: 89px; border: none; background: transparent;}
#newsletter_box p {color: #fff; text-align: center; display: block; position: absolute; left: 40px; top: 45px;}
#green_box > div > div.scroll_pane {padding: 0; height: 175px; overflow: auto;}
#green_box > div.box_content {background: #fff url(../layout/box_green_235_bg.png) top left;}
div#green_box {width: 235px; height: 230px; float: left; background: url(../layout/box_green_235.png) no-repeat bottom left;}
#green_box > h2 {color: #87b816; background: url(../layout/box_green_235.png) no-repeat top left;}
#green_box a {color: #87b816; font-weight: bold;}
#green_box a:hover {color: #de8e06;}
#grey_box > div.box_content {background: #0ff url(../layout/box_grey_515_bg.png) top left;}
div#grey_box {width: 515px; height: 256px; float: right; background: url(../layout/box_grey_515.png) no-repeat bottom left; margin-top: 20px;}
#grey_box > div > div.scroll_pane {padding: 0; height: 194px; overflow: hidden;}
#grey_box > h2 {color: inherit; background: url(../layout/box_grey_515.png) no-repeat top left;}
#grey_box a {color: inherit;}
#grey_box a:hover {color: #de8e06;}
/*** galleries ***/
div.gallery-y { clear: both; margin-bottom: 0px; padding: 10px 0 10px 0; background: url(../layout/dot_grey.gif) repeat-x bottom left;}
.gallery-y > img { display: block; float: left; margin: 10px 10px 5px 0; border: 1px solid #d7d7d7; border: 1px solid #d7d7d7; padding: 3px;}
div.gallery-xy { }
.gallery-xy > a > img { display: block; float: left; padding: 3px; margin: 5px; border: 1px solid #d7d7d7; }
/*** promotions ***/
.promotions {
color: red;
}
/*** facebook ***/
div.facebook {float:right; width:245px; height:338px; background: url(../layout/facebook.png); display:block; right:-207px; padding:0; position:fixed; top:105px; z-index:100;}
div.facebook a, div.facebook a:hover {color: #6db9e4;}
div.facebook {color: #ccd4e4;}
div.fbfoot {padding-top: 5px;}
.facebook > div {padding: 20px 0 10px 50px;}
#facebook, #facebook div {background: none;}
/*** end facebook ***/
/*** tmp ***/
/* the overlayed element */
.simple_overlay {
/* must be initially hidden */
display:none;
/* place overlay on top of other elements */
z-index:10000;
/* styling */
background-color:#fff;
width:675px;
min-height:200px;
border:1px solid white;
/* CSS3 styling for latest browsers */
-moz-box-shadow:0 0 90px 5px #000;
-webkit-box-shadow: 0 0 90px #000;
/*
width: 656px;
height: 526px;
background: url(../layout/white.png);
*/
}
/* close button positioned on upper right corner */
.simple_overlay .close {
background-image:url(../layout/close.png);
position:absolute;
right:-15px;
top:-15px;
cursor:pointer;
height:35px;
width:35px;
}
/* the large image. we use a gray border around it */
#img {
border:1px solid #666;
}
/* "next image" and "prev image" links */
#gallery .next, #gallery .prev {
/* absolute positioning relative to the overlay */
position:absolute;
top:40%;
border:1px solid #666;
cursor:pointer;
display:block;
padding:10px 20px;
color:#fff;
font-size:11px;
/* upcoming CSS3 features */
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
#gallery .prev {
left:0;
border-left:0;
-moz-border-radius-topleft:0;
-moz-border-radius-bottomleft:0;
-webkit-border-bottom-left-radius:0;
-webkit-border-top-left-radius:0;
}
#gallery .next {
right:0;
border-right:0;
-moz-border-radius-topright:0;
-moz-border-radius-bottomright:0;
-webkit-border-bottom-right-radius:0;
-webkit-border-top-right-radius:0;
}
#gallery .next:hover, .prev:hover {
text-decoration:underline;
background-color:#000;
}
/* when there is no next or previous link available this class is added */
#gallery .disabled {
visibility:hidden;
}
/* the "information box" */
#gallery .info {
position:absolute;
bottom:0;
left:0;
padding:10px 15px;
color:#fff;
font-size:11px;
border-top:1px solid #666;
}
#gallery .info strong {
display:block;
}
/* progress indicator (animated gif). should be initially hidden */
#gallery .progress {
position:absolute;
top:45%;
left:50%;
display:none;
}
/* everybody should know about RGBA colors. */
#gallery .next, #gallery .prev, #gallery .info {
background:#000 !important;
/* background:rgba(0, 0, 0, 0.7) url(/img/global/gradient/h80.png) repeat-x; */
}
/* Pola wyszukiwania */
#category_field {display: none}
#promotion_field {display: none}
/* Slider */
.scroll-pane { padding-right: 10px;}
.jScrollPaneContainer {
position: relative;
overflow: hidden;
z-index: 1;
/*margin-top: 5px;*/
}
.jScrollPaneTrack {
position: absolute;
cursor: pointer;
right: 0;
top: 0;
height: 100%;
background: #fff;
}
.jScrollPaneDrag {
position: absolute;
background: #7DC3DF;
cursor: pointer;
overflow: hidden;
-moz-border-radius:6px;
-webkit-border-radius:6px;
}
.scroll-green .jScrollPaneDrag {
background: #b7dd5a;
}
.jScrollPaneDrag:hover {
background: #51AACC;
}
.scroll-green .jScrollPaneDrag:hover {
background: #9ECF26;
}
.jScrollPaneDragTop {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.jScrollPaneDragBottom {
position: absolute;
bottom: 0;
left: 0;
overflow: hidden;
}
a.jScrollArrowUp {
display: block;
position: absolute;
z-index: 1;
top: 0;
right: 0;
text-indent: -2000px;
overflow: hidden;
background: transparent url(../layout/scroll_top_blue.gif) no-repeat top left;
height: 7px;
}
a.jScrollArrowUp:hover {
background: transparent url(../layout/scroll_top_blue.gif) no-repeat 0px -7px;
}
.scroll-green a.jScrollArrowUp { background: transparent url(../layout/scroll_top_green.gif) no-repeat top left;}
.scroll-green a.jScrollArrowUp:hover { background: transparent url(../layout/scroll_top_green.gif) no-repeat 0px -7px;}
a.jScrollArrowDown {
display: block;
position: absolute;
z-index: 1;
bottom: 0;
right: 0;
text-indent: -2000px;
overflow: hidden;
background: transparent url(../layout/scroll_bottom_blue.gif) no-repeat top left;
height: 7px;
}
a.jScrollArrowDown:hover {
background: transparent url(../layout/scroll_bottom_blue.gif) no-repeat 0px -7px;
}
.scroll-green a.jScrollArrowDown {background: transparent url(../layout/scroll_bottom_green.gif) no-repeat top left;}
.scroll-green a.jScrollArrowDown:hover {
background: transparent url(../layout/scroll_bottom_green.gif) no-repeat 0px -7px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
/*background-color: #f00;*/
}