body, html, table, input, textarea {
    font:               11px/1.25em Tahoma, Arial, "Trebuchet MS", 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;}

.dotted-top {border-top: 1px dotted #ccc;}
.dotted-bottom {border-bottom: 1px dotted #ccc;}
.dotted-left {border-left: 1px dotted #ccc;}
.dotted-right {border-right: 1px dotted #ccc;}

div.thumbnail236x96 { width: 238px; margin: 3px 15px; text-align: center;}
.thumbnail236x96 img, img.thumbnail { 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); }

b.before, b.before.blue {display: block; float: left; width: 5px; height: 5px; padding: 0; margin: 6px 5px 0 0; background: url(../layout/arrows_br.png) no-repeat top left;}
b.before.grey {background-position: center left;}

.bg1 { background-color: transparent; }
.bg2 { background-color: #f6f6f6; }

/*** global definitions ***/
button, button:hover, button:focus, button:active, img, img:active, img:hover, img:focus {outline: none;}
a { color: #2b9ac5; text-decoration: none; outline: 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:0px; padding: 0px; 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; }
img.left { float: left; margin: 3px 10px 3px 0;}
img.right { float: right; margin: 3px 0 3px 10px;}
.left { text-align: left; }
.right, p.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;}
#content div.info,
#content p.info {border: 1px solid #eadfaa; background: #fffae3; padding: 10px;}
p.error {border: 1px solid #a00; color: #a00; background: #fee; padding: 10px;}
p.confirm {border: 1px solid #0a0; color: #0a0; background: #efe; padding: 10px;}
#content div.partner {margin: 0 15px 15px 0; padding: 10px; float: left; width: 180px; height: 70px;}
#content p.partner {}
.partner h3 {margin-top: 0px;}

.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; }

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }
/* Icons
----------------------------------*/
/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* Component containers
----------------------------------*/
/*
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }
*/
/* Interaction states
----------------------------------*/
/*.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #999999; background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; outline: none; text-decoration: none; }
*/
/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); }
/* my changes */
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-state-active .ui-icon, .ui-state-default .ui-icon {background-image: none;}

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }

/* Misc visuals
----------------------------------*/
/* Corner radius *//*
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }
		   */
/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }

/* ui: accordion
  *********************************/
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }

/* Datepicker
  ************************************/

.ui-datepicker { width: 17em; padding: .2em .2em 0; background: #fafafa; border: 1px solid #ccc;}
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; border-collapse: collapse; margin: 0 0 .4em; }
.ui-datepicker th { padding: .3em .2em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; height: auto;}
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .1em; text-align: right; text-decoration: none; border: 1px dotted #ccc; color: #434343;}
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

/* ui: tabs
  *********************************/
.ui-tabs { position: relative; padding: 0; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0px; margin: 0; border-bottom: 0 !important; padding: 0; white-space: nowrap;}
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 0; margin: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/* ui: combo box
  *********************************/
.ui-button {position: absolute; top: 2px; right: 2px;}
.ui-button, .ui-button span {margin: 0px; padding: 0px; background-image: none; height: 0px;}
.ui-button-icon {background: url(/media/layout/arrows.png) no-repeat 100% -15px; width: 15px; height: 15px; margin: 0; padding: 0;}
.ui-button-icon-only .ui-button-text {padding: 0; margin: 0;} 
.ui-autocomplete-input {margin: 0px; padding: 0px; height: 19px; border: none; background: none; width: 145px;}
.ui-autocomplete {background: #fbfbfb; border: 1px solid #aaa; border-top: 5px none; width: 165px; max-height: 180px; margin: 0; padding: 0; overflow-y: auto; overflow-x: hidden;}
.ui-menu-item {margin: 0; padding: 1px 4px;}
.ui-menu-item a {width: 95%; display: block; color: #434343; padding: 2px 5px;}
.ui-menu-item .ui-state-hover {background: #ddd; color: black;}

/* search box
  *********************************/
#search {position: absolute; top: 100px; right: 20px; width: 230px; border: none; }
#search fieldset {border: none; padding: 0; margin: 0;}
#search label {width: 50px; display: inline-block; font-size: 12px; color: white; height: 15px; margin: 0 13px 0 0; text-align: right;}
#search select {width: 155px; padding: 0; margin: 0; height: 19px;}
#search_submit { float: right;}
#search div.combo {float: none; clear: both; margin: 0px; padding: 0px; border: none; height: 38px; position: relative;}

#advanced_search_link {color: white; display: block; float: right; position: relative; top: 14px; margin-right: 5px;}
#advanced_search_link span {display: inline-block; width: 5px; height: 5px; background: url(../layout/arrows_br.png) no-repeat bottom left; margin-right: 5px;}

div#advanced_search {display: block; background: #eee; color: #434343; margin: 20px 0;}

/* maps
 * *********************************/
#itinerary_map { float: none; width: auto; height: 300px; background: #fff; border: 1px solid #d7d7d7; margin: 0; padding: 0; overflow: hidden; }
div.map_wrapper {border: 1px solid #ccc; padding: 5px; margin-bottom: 20px;}

/* comboboxes in content
  **********************************/
#content .select.combo {position: relative; height: 27px; width: 235px; float: left; background: url(../layout/select_bg.png) no-repeat top left; padding: 4px 7px 0 7px;}
#content .select.combo button {top: 5px; right: 5px;}
#content form td.label {text-align: right;}
#content form td.section {font-weight: bold;}
#content form td div.select.combo {display: block; float: none; padding: 4px 7px 0 7px; margin: 0;}
#content form td div.date {position: relative; height: 27px; width: 235px; float: none; background: url(../layout/select_bg.png) no-repeat top left; padding: 4px 7px 0 7px;}
#content form td div.date input {width: 220px; border: none; background: none;}

/*** 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; padding: 0 40px 0 10px; margin: 0 auto; position: relative;}

/*** menu (main) ***/
div#menu {position: relative; 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; 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-position: bottom left;}
#menu ul > li.first > a:hover > span, #menu ul > li.first.active 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 {height: 253px; position: relative; background: url(../layout/header_rejsy.jpg) no-repeat 0px 10px;  z-index: 10;}
#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; }

.main div#header {background-image: none;}

div#breadcrumb {position: absolute; top: 230px; left: 10px;}
div#search_menu {text-align: right; padding: 10px 20px 10px 20px;}

#top_contact {font-weight: bold; padding: 0 14px; line-height: 1.7em; color: #777;}
#top_contact span {font-size: 2.2em; color: #1e3171;}

/*** accounts ***/
div#accounts {padding: 10px 10px 0 10px; text-align: right;}

/*** notices ***/
a#notices_control.on {}
div#notices {position: absolute; background: white; border: 3px solid #ddd; z-index: 100; display: block; display: none; right: 0px; width: 350px;}

#notices > div.notice {position: relative; background: url(../layout/experci_line.png) no-repeat bottom center; padding: 5px 10px;}
#notices > div.notice > a.seen {display: block; float: right; color: white; font-weight: bold;}
#notices > div.notice.over {background: #eee;}
#notices > div.notice.over > a.seen {color: red;}
#notices > div.notice.seen,  #notices > div.notice.seen * {color: #ddd;}

/*** sidebars ***/
div.sidebar { width: 270px; min-height: 300px; }
div.sidebar.advancedsearch {}

.sidebar div.box {width: 268px; background: url(../layout/box_blue_268_top.png) no-repeat top center; padding-top: 5px;}
.sidebar div.box div.content {background: url(../layout/box_blue_268_middle.png) repeat-y top center; margin: 0; padding: 0 15px 5px 15px; min-height: 40px;}
.sidebar div.box div.content h2 {font-size: 1.1em; background: url(../layout/dot_blue.png) repeat-x bottom left; padding: 10px 0 5px 0; margin-top: 0;}
.sidebar div.box div.content div.minilist a {color: #474747;}
.sidebar div.box div.content div.minilist img {margin-right: 5px;}
.sidebar div.box div.clear {height: 6px; background: #fff url(../layout/box_blue_268_bottom.png) no-repeat bottom center;}

/* box advanced-search
  *********************/
.sidebar div.box.advanced_search {text-align: right;}

/*** 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 img.thumbnail {border: none;}
#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 > 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;}

/* tables in content */
#content th.label {font-weight: normal; text-align: right; vertical-align: top; padding: 12px 5px 10px 5px; width: 200px;}

/* images in articles */
p.image {text-align: center; margin: 20px 0;}
p.image.left {float: left; margin: 5px 10px 5px 0;}
p.image.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 > .ui-tabs-nav {border: none; list-style-type: none; padding: 0px; margin: 0;  position: relative; background: url(../layout/tabs_panel_top.png) no-repeat bottom left; height: 38px;}

.tabs .ui-tabs-nav .ui-state-default {height: 28px; background: url(../layout/tabs.png) no-repeat 100% -31px; border: none; display: block; float: left; padding: 0; padding-right: 0px; margin-right: 2px;}
.tabs .ui-tabs-nav .ui-state-default a { display: block; background: url(../layout/tabs.png) no-repeat 0 -31px; height: 22px; padding: 7px 0 0 15px; margin-right: 15px; position: relative; color: #474747; overflow: hidden;}

.tabs .ui-tabs-nav .ui-state-hover {background-position: top right;}
.tabs .ui-tabs-nav .ui-state-hover a {background-position: top left;}

.tabs .ui-tabs-nav .ui-tabs-selected {background: url(../layout/tabs.png) no-repeat bottom right;}
.tabs .ui-tabs-nav .ui-tabs-selected a {background: url(../layout/tabs.png) no-repeat bottom left;}
.tabs .ui-tabs-nav .ui-tabs-selected.ui-state-hover {}
.tabs .ui-tabs-nav .ui-tabs-selected.ui-state-hover a {}

.tabs > .ui-tabs-panel {border: none; padding: 15px 0; margin: 0px; background: none;}
.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;}
.minilist > li > div {padding-left: 55px; line-height: 1.4em;}
.minilist img {float: left; border: 1px solid #ccc; padding: 2px; margin: 0px 0px 5px 0px;}
.minilist span.price {font-size: 1.2em; color: #de8e06; font-weight: bold;}

#blue_box 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.jspPane > div {padding: 8px 10px 8px 5px; border-bottom: 1px dotted #c8e2ec; clear: both; }

div#newsletter_box {width: 420px; height: 226px; background: url(../layout/newsletter_katalog_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;}

ul#katalog {position: absolute; top: 166px; left: 105px; width: 318px; margin: 0; padding: 0;}
#katalog li {margin: 0; padding: 0; display: block; clear: none; float: left; text-align: center; width: 106px;}
#katalog a {color: white; font-weight: bold;}
#katalog a:hover {color: #c8e2ec;}


#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 .box_content a {color: #87b816; font-weight: bold;}
#green_box .box_content a:hover {color: #de8e06;}


/* grey_box - szare okienko
  ******************************************/
#grey_box > div.box_content {background: #fff url(../layout/box_grey_515_bg.png) top left;}
div#grey_box {width: 515px; height: 226px; float: right; background: url(../layout/box_grey_515.png) no-repeat bottom left; margin-top: 20px; margin-bottom: 20px;}
#grey_box > div > div.scroll_pane {padding: 0; height: 180px; overflow: hidden;}
/* #grey_box > div > div.scroll_pane > div:last-child {display: none;} */
#grey_box > h2 {color: inherit; background: url(../layout/box_grey_515.png) no-repeat top left;}
#grey_box  h2 a.left {color: inherit;}
#grey_box  h2 a.right {display: inline; float: right; font-size: 11px; font-weight: normal;}
#grey_box  h2 a.right span {display: inline-block; width: 11px; height: 11px; background: url(../layout/arrow_white_blue_orange.png) top left; vertical-align: bottom; margin-left: 5px;}
#grey_box  h2 a.right:hover span {background-position: bottom left;}
#grey_box .box_content a {color: inherit;}
#grey_box .box_content a:hover {color: #de8e06;}
#grey_box h3 {margin-top: 3px; overflow: hidden;}

/* rejsy - cruises
  ***********************************/
#content > div.cruises > h2  {font-size: 1.1em; line-height: 1.2em; font-weight: bold; margin: 0; padding: 5px 0px; background: transparent url(../layout/dot_grey.gif) repeat-x bottom left; position: relative;}
.cruises span.floatright {font-weight: normal;}
.cruises span.floatright img {display: inline-block; position: relative; top: -5px; vertical-align: top; margin-right: 5px; clear: none;}
.cruises span.price {display: inline-block; font-weight: normal; color: #de8e06; font-size: 1em; font-weight: bold;}
.cruises span.price span.symbol {font-weight: normal; font-size: .8em;}
.cruises div.icons {float: right; width: 200px; text-align: right; clear: right;}
.cruises .icons > img {margin: 0 0 3px 3px;}
.cruises img.icon { display: block; float: left; margin: 5px 8px 5px 5px; clear: left;}

/* promocje
  ***********************************/
div.promotions { color: #d31b1a; margin: 0; padding: 0px 20px 20px 90px; background: url(../layout/promo_big.png) no-repeat 20px  0px; font-weight: normal;}
#grey_box div.promotion {position: relative; padding: 0 70px 5px 0; background: url(../layout/dot_grey.png) repeat-x bottom left; overflow: hidden; min-height: 5.21em;}
#grey_box div.promotion h3 {}
#grey_box div.promotion p {overflow: hidden; margin: 0;}
#grey_box div.promotion div.logo {position: absolute; right: 0px; top: 0px; width: 70px; height: 4.5em; text-align: center; margin-top: 5px; background: url(../layout/dot_grey.png) repeat-y bottom left}
#grey_box div.promotion img.thumbnail {border: none; margin-top: 5px;}
.promotion span.title {color: #d31b1a;}
.promotion dl {width: 450px;}
.promotion div.floatright {width: 140px; text-align: center; margin: 10px 0 30px 0;}
.promotion div.floatright .symbol {font-size: .8em;}
.promotion div.floatright strong {display: block; font-size: 2em; line-height: 1.3em; font-weight: normal; clear: none; color: #999;}
.promotion .label.price {line-height: 1.4.em;}

h2 > span.price > span.promotion { color: #de8e06; }
div.cruises.promotion {padding-left: 66px; padding-bottom: 1px; min-height: 0;}
.cruises.promotion img.thumbnail { left: 15px; top: 10px; }
.cruises.promotion div {margin-top: 5px;}
.cruises.promotion span.price {display: inline; float: none; font-size: 1.2em; line-height: 1.2em;}
#prices td.promotion {text-align: right; font-weight: bold; color: red;}

/* forms
  ****************************************/
#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;}
input, textarea  {border: 1px solid #d3d3d3; padding: 3px;}
.required input, .required textarea  {background: #f7f7ff;}

.fieldWrapper.TextInput {position: relative; background: white url(../layout/input_bg.png) no-repeat bottom left; padding-left: 5px;}
.fieldWrapper.TextInput > div {background: inherit; background-position: bottom right;}
.fieldWrapper.TextInput label {display: block; margin: 5px 0 3px 0;}
.fieldWrapper.TextInput input {background: transparent; margin: 1px 4px; width: 90%; border: none; height: 24px; line-height: 24px; padding: 0;}

.fieldWrapper.Textarea {background: url(../layout/textarea_bg_234_123.png) no-repeat left bottom; width: 250px; margin-left: 250px; padding: 0;}
.fieldWrapper.Textarea label {display: block; padding: 5px 0 6px 0;}
.fieldWrapper.Textarea textarea {width: 215px; height: 111px; margin: 2px 4px 5px 8px; padding: 0; border: none; background: transparent;}

#content form .error th {color: #a00;}
#content form ul.errorlist {color: #a00; list-style-type: none; margin: 0; padding: 0;}

#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;}

.buttonWraper {clear: both; text-align: right; padding: 3px 10px; margin-top: 10px;}

/* contact form inside pages
  ****************************************/
#contact_form label {color: #999; font-size: .9em;}
#contact_form .required label {font-weight: bold;}


/* contact box
  ************************************/
div#contact_box {width: 420px; height: 121px; background: url(../layout/contact_infobox_bg.png); margin: 0 15px 0 0; position: relative; float: left;}
div#contact_box div {position: absolute;}
div#contact_box > #contact_reservation {top: 17px; left: 20px; font-size: 15px; font-weight: bold;}
div#contact_box > #contact_reservation > span {color: #757574;}
div#contact_box > #contact_phone {top: 15px; right: 22px; font-size: 24px; font-weight: normal; line-height: 24px;}
div#contact_box > #contact_open {top: 65px; left: 100px;}
div#contact_box > #contact_phone2 {top: 65px; left: 250px;}

#content.contact {width: 100%;}

#contact_addressbox {clear: both; padding: 10px 0;}
#contact_addressbox > div {display: block; float: left; width: 206px; height: 220px; padding: 0 15px;}
#contact_addressbox span, #contact_emailbox span  {color: #7F7F7F;}
#contact_addressbox .im img {vertical-align: top; width: 12px; height: 12px;}
#contact_addressbox h3 {margin-top: 5px;}

#contact_emailbox {margin-left: 15px;}

#contact_details {width: 420px; margin-bottom: 20px;}
#contact_details p {text-align: center;}

#contact_infobox {width: 420px; height: 121px; background: url(../layout/contact_infobox_bg.png); position: relative; margin: 20px 0;}
#contact_infobox div {position: absolute;}
#contact_infobox > #contact_reservation {top: 17px; left: 20px; font-size: 15px; font-weight: bold;}
#contact_infobox > #contact_reservation > span {color: #757574;}
#contact_infobox > #contact_phone {top: 15px; right: 22px; font-size: 24px; font-weight: normal; line-height: 24px;}
#contact_infobox > #contact_open {top: 65px; left: 100px;}
#contact_infobox > #contact_phone2 {top: 65px; left: 250px;}

#contact_docs {width: 510px; float: right; list-style-type: none; margin: 0; padding: 0;}
#contact_docs li {margin-bottom: 10px;}
#contact_docs li > a {display: block; float: left; overflow: hidden; width: 32px; height: 32px; background: url(../layout/pdf_32_hover.gif) no-repeat top center; text-indent: -500px;}
#contact_docs li > a:hover {background-position: bottom center;}

#content.contact #contact_form {background: url(../layout/contact_form_bg.png) no-repeat top left; width: 485px; height: 239px; float: right; margin: 0; padding: 10px;}
#content.contact #contact_form .fieldWrapper.TextInput {width: 230px; float: left; clear: left;}
#content.contact #contact_form .fieldWrapper.TextInput input {}
#content.contact #contact_form .fieldWrapper .hint {display: none; position: absolute;}

/*** products in marketing shop ***/
div.product {position: relative; clear: both; padding: 0; margin: 15px 0 0 0; background: url(../layout/search_bg.png) no-repeat bottom left; min-height: 50px;}
#content div.product.book {background: url(../layout/row_bg_column.png) no-repeat bottom left; width: 323px; height: 160px; clear: none;}

#content h2.library {clear: both; padding: 5px 10px; background: #f0f0f0; color: #2b9ac5; font-size: 1.3em; margin-top: 20px; width: 100%;}
#content h2.library a {display: block; float: right; vertical-align: middle;}
#content div.product.book h3 {margin: 0 10px 5px 10px;}
#content div.product.book p {height: 108px; margin-right: 10px; text-align: left;}
.product > div.icon {display: block; float: left; width: 100px; line-height: 100px; height: 100px; text-align: center; margin: 0 10px 10px 10px; padding: 3px; background: #eee; border: 1px solid #bbb; overflow: hidden;}
.product > div.icon > img {vertical-align: middle;}
.product > div.form {text-align: right; position: absolute; bottom: 3px; right: 15px; }
#content form .product > div.form > input {width: 50px;}

#content div.product ul.menu {list-style-type: none; font-size: 1.1em; position: absolute; bottom: 0px; right: 150px;}
#content div.product.book ul.menu {bottom: 0px; right: 10px;}
#content div.product .menu li {float: right; padding: 0 5px; height: 14px;}
#content div.product .menu a {background: no-repeat bottom left; padding: 0 0 0 18px;}
#content div.product .menu a:hover {background-position: top left;}
#content div.product .menu li.online a {background-image: url(../layout/icon_przegladaj.png);}
#content div.product .menu li.download a {background-image: url(../layout/icon_pobierz.png);}
#content div.product .menu li.subscribe a {background-image: url(../layout/icon_zamow.png);}

#content div.product.order.finish {color: #aaa;}
#content div.product.order.finish img {opacity: .5;}

#content div.product.sell table {margin: 10px;}
#content div.product.sell td {padding: 5px;}
#content form > div.product.sell input {width: 50px;}

div.sell.filter > a.selected {text-decoration: underline;}

/**********************************/


/* fancybox
  *********************************/
#fancybox-title {font-family: inherit; font-size: inherit;}
.fancybox-title-inside {text-align: left;}
.fancybox-title-over {color: #000;}
#fancybox-title-over {background-image: url('/media/layout/alpha_white.png'); right: 0;}
#fancybox-wrap {z-index: 99999;}
#fancybox-overlay {z-index: 99998}

/* 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; }

/*** 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 ***/


/* Pola wyszukiwania */
#category_field {display: none} 
#promotion_field {display: none}

/* Slider
  default - blue
  **************************************/

.scroll-pane {	padding-right: 10px;}

.jspContainer {position: relative; overflow: hidden; z-index: 1;}
.jspPane {position: absolute;}
.jspTrack {position: relative; cursor: pointer; right: 0; top: 0; height: 100%; background: #fff;}
.jspDrag {position: relative; background: #7dc3df; cursor: pointer; overflow: hidden; -moz-border-radius: 6px; -webkit-border-radius:6px; top: 0; left: 0;}
.jspVerticalBar {position: absolute; top: 0; right: 0; width: 7px; height: 100%; background: white;}
.jspDrag:hover {background: #51aacc;}
.jspHorizontalBar {position: absolute; bottom: 0; left: 0; width: 100%; height: 7px; background: white;}
.jspVerticalBar *, .jspHorizontalBar * {margin: 0; padding: 0;}
.jspCap {display: none;}
.jspHorizontalBar .jspCap{float: left;}
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {float: left; height: 100%;}

.jspArrow {background: #fff; text-indent: -20000px; display: block; cursor: pointer; z-index: 1; overflow: hidden; height: 7px; background: transparent no-repeat left top;}
a.jspArrow:hover, a.jspArrow.jspDisabled {background-position: left bottom;}
.jspArrow.jspDisabled {cursor: default;}
a.jspArrowUp {top: 0; right: 0; background: transparent url(../layout/scroll_top_blue.gif);}
a.jspArrowDown {bottom: 0; right: 0; background: transparent url(../layout/scroll_bottom_blue.gif);}
.jspVerticalBar .jspArrow {height: 7px;}
.jspHorizontalBar .jspArrow {width: 7px; float: left; height: 100%;}
.jspVerticalBar .jspArrow:focus {outline: none;}
.jspCorner {background: #eeeef4; float: left; height: 100%;}

.jspDragTop {position: absolute; top: 0; left: 0; overflow: hidden;}
.jspDragBottom {position: absolute; bottom: 0; left: 0; overflow: hidden;}
/* green */
.scroll-green .jspDrag {background: #b7dd5a;}
.scroll-green .jspDrag:hover {background: #9ECF26;}
.scroll-green a.jspArrowUp {background-image: url(../layout/scroll_top_green.gif)}
.scroll-green a.jspArrowDown {background-image: url(../layout/scroll_bottom_green.gif)}
/* grey */
.scroll-grey .jspDrag {background: #999;}
.scroll-grey .jspDrag:hover {background: #757575;}
.scroll-grey a.jspArrowUp {background-image: url(../layout/scroll_top_grey.png)}
.scroll-grey a.jspArrowDown {background-image: url(../layout/scroll_bottom_grey.png)}