/* Layout 1 css */
html, body { margin: 0; padding: 0; }

body { cursor: default; text-align: center; background: #fff; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; }

.box { border: 1px solid red; }

img { border: 0 none; vertical-align: middle; }

h2 { margin: 0px; padding: 0px; }

a { text-decoration: none;}

div#strona { width: 830px; position: relative; margin: 0 auto; margin-top: 15px; text-align: left; background: White; }

h1.biuro { position: relative; margin: 0; padding: 0; height: 75px; background: #6ea7f1; z-index: 1; line-height: 200%; text-align: center; font-size: 15px; color: white; margin-bottom: 30px; }

h3.club_logo { width: 340px; height: 53px; text-align: left; font-size: 12px; line-height: 13px; color: #999; position: absolute; top: 0px; right: 0px; z-index: 3; margin: 0px; padding: 0px; }

h3.club_logo a { position: absolute; top: -12px; right: 15px; width: 196px; height: 53px; text-align: left; padding-top: 10px; }

h3.club_logo a span { position: absolute; top: 0px; left: 0px; width: 196px; height: 53px; background: url("/projects/globetrotters/image/klub_logo.png") no-repeat;
z-index: 3; }

h4.logo { width: 540px; height: 43px; text-align: right; font-size: 12px; line-height: 13px; color: #999; position: absolute; top: 0px; left: 0px; z-index: 3; margin: 0px; padding: 0px; }

h4.logo a { position: absolute; top: 10px; left: 10px; width: 223px; height: 43px; text-align: left; }

h4.logo a span { position: absolute; top: 0px; left: 0px; width: 223px; height: 43px; background: url("/projects/globetrotters/image/globetrotters.png") no-repeat; z-index: 3; border: 1px solid white; }

/* Menu */

div#menu { position: absolute; top: 55px; right: 0px; float:left; z-index: 3; }

ul#nav{ background: #6ea7f1; }

ul#nav,ul#nav li{ list-style-type:none; margin:0; padding:0; }

ul#nav li{ float:left; margin-right: 10px; text-align: center; }

ul#nav a{ float:left; width: 80px; padding: 5px 0px 0px 0px; background: #ffc015; text-decoration:none; color: #fff; font-weight: bold; height: 21px; }

ul#nav a:hover{ background: #ceec4e; color: #003; }

ul#nav li.activelink a,ul#nav li.activelink a:hover{ background: #ceec4e; color: #003; }

/* Submenu */

div#submenu { position: absolute; top: 75px; left: 0px; z-index: 4; background: #ceec4e; width: 100%;}

div#submenu #subsection { margin: 4px 12px; background: #e8f6c0; padding: 2px; color: #505050; font-size: 12px; }

div#submenu #subsection a { color: #505050; }
div#submenu #subsection a:hover { text-decoration: underline; }

/* Content Page */

div#cpage { margin-top: 45px; margin-bottom: 10px; background: white url('/projects/globetrotters/image/main_gr.png') repeat-x; width: 830px;}

/* Left Panel */

div#left-panel { width: 196px; position: relative; float: left; overflow: hidden; margin-left: 5px; margin-top: 10px; }

/* Content */

div#content { width: 605px; float: right; overflow: hidden; margin: 10px 5px 0px 0px; color: #464646; }

/* Searcher */

div#searcher2top { height: 5px; width: 196px; background: #ffc015; font-size: 1px; }

div#searcher2data { background: #6fa7f1 url('/projects/globetrotters/image/searcher_bg.png'); color: white; font-weight: bold; width: 196px; }

div#searcher2data a#searcher2order { position: relative; left: 134px; width: 60px; display: block; background: #ffc015; color: white; font-size: 10px; text-decoration:none; text-align: center; line-height: 180%; }

div#searcher2data label { display: block; }

div#searcher2data select { width: 180px; }

div#searcher2data div { margin: 0px 5px 5px 5px; }

div#searcher2data div img { margin-bottom: 6px; }

div#callcenter { text-align: center; margin-bottom: 10px; }

/* Menu Panel Box */

div#left-panel div.panel-box { border: 1px solid #e1e3e5; padding: 5px; color: #605f60; }

div#left-panel div.panel-box a { color: #605f60; text-decoration: none; }

div#left-panel div.panel-box a:hover { color: #605f60; text-decoration: underline; }

/* Searcher Snap */

h2 {
 color: #3882c8;
 font-size: 12px;
 font-weight: bold;
}

div#search_result_infobox {
        width: 100%;
      background: #ffffff;
      color: #6b6b6b;
border: 1px solid #cadbf9;
 margin-bottom: 15px;
}

div#search_result_infobox div {
 padding: 10px;
}

div#search_result_infobox strong {
       color: #3882c8;
}

table#snap_table {
 font-size: 11px;
}

#snap_table .color1 {
    background: #e4ecfc;
}

#snap_table .color2 {
    background: #f3f7fe;
}

#snap_table a {
 color: #007be0;
}

#snap_table a:hover {
 color: red;
}

#snap_table th {
   background: none;
 color: #6b6b6b;
      border-bottom: 2px white solid;
}

#snap_table td {
 border-bottom: 2px white solid;
 vertical-align: top;
 padding: 5px 0px;
}

#snap_table table td {
 padding: 0px;
}

#snap_table img.foto {
 margin: 0px 5px;
}

#snap_table h3 {
   margin: 0px;
      padding: 0px;
     color: #3882c8;
   font-size: 12px;
  font-weigt: bold;
 float: left;
}

#snap_table .standard {
}

#snap_table .opis {
      clear: left;
}

#snap_table .ceny td,
#snap_table .ceny th {
  border: none;
     font-size: 11px;
}

#snap_table .ceny th {
 color: #ff6600;
}

#snap_table .informacje {
       font-size: 9px;
}

#snap_table .lastminute {
       color: #ff3300;
display: block;
}

#snap_table .promocja {
 color: #009900;
display: block;
}

#snap_table .nowosc {
   color: #000099;
display: block;
}

#snap_table del {
font-size: 10px;
}

#strony {
 float: right;
 margin: 0px
}

#strony a {
 text-decoration: none;
 display: block;
 float: left;
 padding: 4px;
 color: #464646;
 border-right: 1px solid #e4e4e4;
 font-size: 10px;
}

#strony a:hover {
 background: #4486c9;
 color: white;
}

a#wybrana {
 color: red;
}

#sortuj {
 margin-top: 2px;
 margin-bottom: 2px;
 color: #6b6b6b;
}

#sortuj a {
 color: #6b6b6b;
}

div.super_promocja {
 background: #e8f6c0;
 padding: 5px;
 margin-bottom: 10px;
}

h3.super_promocja {
 margin: 0px;
 padding: 5px;
 font-size: 12px;
 background: #e8f6c0;
 color: #339900;
 width: 120px;
 text-align: center;
}

h3.super_promocja a {
 color: #339900;
}

.super_promocja img {
  float: left;
  margin-right: 5px;
}

.super_promocja h4 {
 margin: 0px;
 padding: 0px;
 color: #339900;
}

/* Random Offers */

.random_offer {
 border-bottom: 1px solid #ff6600;
 padding: 5px 0px;
 color: #464646;
}

.random_offer h3 {
 margin: 0px;
 margin-bottom: 5px;
 padding: 0px;
 font-size: 11px;
 font-weight: bold;
 float: left;
}

.random_offer h3 a {
 color: #464646;
}

.random_offer_right {
 float: right;
 width: 65px;
}

.random_offer_right div {
 text-align: center;
}

.random_offer_right a {
 background: #ff6600;
 color: white;
 display: block;
 padding: 0px 2px;
 font-size: 9px;
 margin: 2px;
}

.random_offer_left {
 margin-right: 70px;
 clear: left;
}

.random_offer_left span {
 display: block;
 float: right;
}

.random_offer_left strong {
 display: block;
 color: #ff6600;
}

/* Footer */

div#footer {
 clear: both;
 text-align: center;
}

div#footer_links,
div#footer_links a {
 background: #007ce1;
 color: white;
 margin: 5px 0px;
 padding: 2px;
}

div#footer_links a:hover {
 text-decoration: underline;
}

div#footer_copyright,
div#footer_copyright a {
 color: #464646;
 margin-bottom: 6px;
}

div#footer_biura {
 color: #464646;
 border-top: 1px solid #e8e8e8;
 border-left: 1px solid #e8e8e8;
 border-right: 1px solid #e8e8e8;
}

div#footer_biura a {
 color: #464646;
}

div#footer_biura a:hover {
 text-decoration: underline;
}

/* The main calendar widget.  DIV containing a table. */

.calendar {
  position: relative;
  display: none;
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #c8d0d4;
  font-family: tahoma,verdana,sans-serif;
}

.calendar table {
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #c8d0d4;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;
  padding: 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
}

.calendar .nav {
  background: transparent url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;
  padding: 1px;
  border: 1px solid #000;
  background: #788084;
  color: #fff;
  text-align: center;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .daynames { /* Row <TR> containing the day names */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #000;
  padding: 2px;
  text-align: center;
  background: #e8f0f4;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #f00;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  padding: 0px;
  background-color: #d8e0e4;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  background-color: #b8c0c4;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #aaa;
}
.calendar tbody .day.othermonth.oweekend {
  color: #faa;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #e8f4f0;
}

.calendar tbody .rowhilite td {
  background: #d8e4e0;
}

.calendar tbody .rowhilite td.wn {
  background: #c8d4d0;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  padding: 1px 3px 1px 1px;
  border: 1px solid;
  border-color: #fff #000 #000 #fff;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
  border: 1px solid;
  border-color: #000 #fff #fff #000;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  padding: 2px 2px 0px 2px;
  border: 1px solid;
  border-color: #000 #fff #fff #000;
  background: #d8e0e4;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #f00;
}

.calendar tbody td.today { /* Cell showing today date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #e8f0f4;
  padding: 1px;
  border: 1px solid #000;
  background: #788084;
  color: #fff;
  text-align: center;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  padding: 1px;
  background: #d8e0e4;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: 0px;
  cursor: default;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  background: #d8e0e4;
  font-size: 90%;
  padding: 1px;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .active {
  background: #c8d0d4;
  padding: 0px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

.calendar .combo .hilite {
  background: #048;
  color: #aef;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #e8f0f4;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #667;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}