/* Na morzu         (url(/namorzu/images/layout/swieta_gwiazdy.gif) no-repeat center 30px - tlo na swieta)*/

body {
	background:		white ;
}

body, table {
	font:		 	11px/1.3em "Tahoma", "DejaVu Sans", "Sans Serif", FreeSans, Sans;
	color:			#737373;
}
h1 {
	font-size:		1.6em;
	line-height:		1.1em;
	font-weight:		normal;
	color:			#c41186;
	margin:			5px 0px;
}
h2 {
	font-size:		1.2em;
	line-height:		1.1em;
	font-weight:		bold;
	color:			#c41186;
	padding:		0px;
	margin:			0px;
}
p {
	text-indent:		0px;
	margin:			0px;
	padding:		5px 10px;
}
a {
	color:			#2a99b5;
}
form {
	background:		none;
}
input {
	display:		inline;
}
a:hover {
	color:			#2a99b5;
	text-decoration:	underline;
}
.hotbox {
	color:			#c92502;;
        text-align:             left;
        padding:                1px 0px;
        font-size:              .9em;
	border:			none;
}
#debug {
	color:			red;
	text-align:		center;
}	
#all {
    width:                  	955px !important;
    width:			955px;
    background:			white;
    border:			none;
}

#naglowek {
        position:               relative;
        background:		white;
        width:                  955px;
        height:                 320px;
        float:                  left;
	/*border: 		1px solid red;*/
}

/*.bt_szukaj {
	width:			101px;
	height:			25px;
}*/

/* combo */
.dhx_combo_list {
    border:			1px solid #ddd;
    height:			250px;
    font-size: 			14px;
    background: 		#fff;
    /*font-family:		"Tahoma";*/
}



/* image menu */
div#im {
    position: absolute;
    top:			68px;
    width:			736px;
    height:			201px;
    overflow:			hidden;
}

#im .menus {
    display: block;
    height: 201px;
    margin: 0px;
    padding: 0px;
    /*border: 1px solid red;    */
}

#im li {
    float: left;
}

li:after {
    content: "";
}
#im ul {
    width:			736px;
    height:			201px;
    overflow:			hidden;
    /*border: 1px solid red;*/
}
#im .menu {
    display: 			block;
    cursor: 			pointer;
    overflow: 			hidden;
    height: 			201px;
    width: 			122px;
    /*width:			123px;*/
    padding: 			0px;
    background: 		#fff;
    /*border-right: 		1px solid #fff;*/
    border:			none;
    margin-right:		1px;
}
#im .menu span {
    display: none;
}
#im .o1 {
    background: #9ce782 url(/namorzu/images/layout/menu_rejsy.jpg) ;
}
#im .o2 {
    background: #92bdfa url(/namorzu/images/layout/menu_promocje.jpg);
}
#im .o3 {
    background: #faa892 url(/namorzu/images/layout/menu_trasy.jpg);
}
#im .o4 {
    background: #e78282 url(/namorzu/images/layout/menu_armatorzy.jpg);
}
#im .o5 {
    background: #000 url(/namorzu/images/layout/menu_rejsopedia.jpg);
}
#im .o6 {
    background: #eee url(/namorzu/images/layout/menu_start.jpg);
    margin-right: 		0px;
}

/*** submenu ***/
div#submenu {
	margin:			0px;
	padding:		0px;
        top:                    269px;
        height:                 30px;
        width:                  736px;
        background:             #324962;
        position:               absolute;
	text-align:		center;
}
#submenu ul{
        background:             #324962;
        font-size:		11px;
        color:                  #fff;
        margin:                 0px;
        padding:                0px 10px;
}
#submenu li {
        background-color:       transparent;
        display:                block;
        float:                  left;
        font-weight:            normal;
        text-transform:         lowercase;
        line-height:            19px;
        padding:                5px 0px 0px 1px;
	width:			auto;
}
#submenu a {
	display:		block;
        color:                  #fff;
        text-decoration:        none;
	font-weight:		normal;
	margin:			0px 5px 0px 5px;
}
#submenu a:hover {
	text-decoration:	none;
}
div.submenu {
	width:			130px;
	text-align:		center;
	padding:		2px 0px 10px 0px;
}
#submenu div.tabover {
	background:		#c41186;
	height:			22px;
}
#submenu div.selected {
	background:		white;
	color:			#324962;
}
#submenu div.selected a {
	color:			#324962;
}
/*** szukalka ***/
div#szukalka-nag {
	position:		absolute;
	/*float:		right;*/
	top:			0px;
	left: 			720px;
	width:			235px;
	height:			68px;
	background:		#eef url(/namorzu/images/layout/szukaj_gora.png);
}
div#szukalka {
	position:		absolute;
	/*float:		right;*/
	top:			68px;
	left: 			737px;
	width:			218px;
	height:			231px;
	background:		#eef url(/namorzu/images/layout/szukaj_tlo.png);
	text-align:		left;
}
#szukalka h2 {
	padding: 		8px 20px;
	margin:			0px;
	color:			#fff;
	font-size:		16px;
	font-weight:		normal;
}
#szukalka select {
	width:			178px;
	height:			40px;
	margin:			3px 20px;
	padding:		0px;
}
#szukalka .dhx_combo_box {
	border:			1px solid #324962;
	background:		#e4f2fa;
	height:			22px !important;
	height:			24px;
	margin:			10px 20px;
	padding:		0px;
}		   
#szukalka .dhx_combo_input {
	background:		transparent;
	height:			18px;
	font-size:		1.2em;
	top:			2px;
	padding:		0px 3px;
}
div.dhx_combo_list {
	border:                 1px solid #324962;
	background:		#e4f2fa;
	font-size:		1.2em;
}
div.dhx_combo_list div {
	padding:		1px 5px;
}
div.dhx_selected_option {
	background:		#9abdd1;
}
#szukalka .dhx_combo_img {
	top:			5px;
	right:			5px;
	width:			16px;
	height:			14px;
}
.bt_szukaj {
	display:		block;
	border:			none;
	height:			25px;
	width:			101px;
	background:		transparent url(/namorzu/images/layout/szukaj_przycisk.gif) 0 0 no-repeat;
}
#szukalka .bt_szukaj {
	margin:			3px 60px;
}
#szukalka input[type=hidden] {
	display:		none;
}
/*** aktualnosci_tabs ***/
div#aktualnosci_tabs {
    background: 		white url(/namorzu/images/layout/aktualnosci_tabbox_tlo.png) repeat-x 0px -12px;
    margin-bottom:		20px;
}
#aktualnosci_tabs div.mootabs_panel {
    background: 		white url(/namorzu/images/layout/aktualnosci_tabbox_tlo.png) repeat-x 0px 0px;
    top:			0px;
    border:			1px solid #e4f2fa;
    overflow:			hidden;
    height:			140px !important;
    height:			136px;
    margin:			0px;
    padding:			0px;
}
#aktualnosci_tabs .mootabs_panel div.ico {
    float:			left;
    width:			120px;
    height:			120px;
    line-height:		120px;
    border:			0px;
    margin:			0px;
    padding:			10px;
    top:			0px;
    background:			transparent;
    text-align:			center;
}
#aktualnosci_tabs .mootabs_panel div.ico img {
    margin:			0px;
    padding:			0px;
}
#aktualnosci_tabs .mootabs_panel h1 {
    color:			#2a99b5;
    border:			none;
    font-size:			1.1em;
    font-weight:		bold;
    padding:			15px 15px 3px 0px;
}
#aktualnosci_tabs .mootabs_panel p {
    padding-right:		15px;
    text-align:			left;
}
#aktualnosci_tabs .mootabs_title {
    height:			19px;
    margin:			0px 25px 0px 250px;
    padding-left:		17px;
    background:			white url(/namorzu/images/layout/aktualnosci_wybierz.gif) no-repeat top left;
    /* #e4f2fa */
    top:			-2px;
}
#aktualnosci_tabs .mootabs_title li {
    background:			#e4f2fa;
    height:			16px;
    padding:			0px 2px;
    margin:			1px 2px;
    font-weight:		normal;
    color:			#2a99b5;
    text-align:			center;
}
#aktualnosci_tabs .mootabs_title li.active {
    background-color:		white;
}

/*** rejsy dnia ***/
div#rejsy_dnia {
    float: 			right;
    width:			206px;
    margin:			0px 0px;
}
#rejsy_dnia .rozowy {
	background:#f7e3ee;
	padding:0 7px 7px 7px;
	margin-bottom:2px;
	clear:both;
}
#rejsy_dnia .bialy {
	background:#fff;
	padding:0 7px 7px 7px;
	margin-bottom:6px;
	clear:both;
}
* html #rejsy_dnia .rozowy, * html #rejsy_dnia .bialy {
	zoom:1;
}
#rejsy_dnia h1 {
    color:			#2a99b5;
    margin:			0px;
    padding-bottom:		5px;
    border-bottom:		1px solid #ddd;
}
#rejsy_dnia .alter {
    color:			#737373;
}
#rejsy_dnia div.bold {
    background:			#ddd;
    height:			3px;
    width:			50px;
    padding:			0px;
	margin-bottom:	10px;
}
#rejsy_dnia h2 {
    margin-top:			10px;
    font-size:			14px;
    font-weight:		bold;
}
#rejsy_dnia p {
    padding:			0px;
    text-align:			left;
    font-size:			1em;
    line-height:		1.1em;
    margin:			.5em 0em;
}
#rejsy_dnia .cena, #rejsy-pl-pilot .cena {
    font-size:			1.3em;
    font-weight:		bold;
    color:			#2a99b5;
}
#rejsy-pl-pilot .niebieski {
	padding:7px;
	margin-bottom:6px;
	background:#c1deee;
	clear:both;
}
* html #rejsy-pl-pilot .niebieski, * html #rejsy-pl-pilot .bialy {
	zoom:1;
}
#rejsy-pl-pilot .niebieski h2 a, #rejsy-pl-pilot .niebieski .cena {
	color:#208ba6;
}
#rejsy-pl-pilot .bialy {
	padding:7px;
	margin-bottom:6px;
	background:#fff;
	clear:both;
}
#rejsy_dnia .clear {
    height:			1px;
    clear:			both;
	font:1px Arial, Helvetica, sans-serif;
	line-height:1px;
}
#rejsy_dnia a.wiecej, #rejsy_dnia a.wiecej2 {
    display:			block;
    float:			right;
    clear:			both;
    width:			77px;
    height:			31px;
    background:			transparent url(/namorzu/images/layout/wiecej_roz.gif);
    border:			none;
    padding:			0px;
    text-decoration:		none;
}
#rejsy_dnia a.wiecej2 {
	background:			transparent url(/namorzu/images/layout/wiecej_roz2.gif);
}
div.boks {
    padding:			0px 0px 20px 0px;
}
/*** lewa ***/
div#lewa {
    width:			351px;
    margin-right:		22px;
    margin-bottom:		10px;
}
#lewa .boks h1 {
    /*color:			#2a99b5;*/
    margin:			0px;
    padding-bottom:		5px;
    border-bottom:		1px solid #ddd;
}
#lewa .alter {
    color:			#737373;
}
#lewa div.bold {
    background:			#ddd;
    height:			3px;
    width:			50px;
    padding:			0px;
    margin-bottom:		10px;
}
#lewa h2 {
    color:			#2a99b5;
    margin-top:			0px;
    margin-bottom:		3px;
    clear:			both;
    font-size:			14px;
    font-weight:		bold;
}
#lewa p {
    padding:			0px;
}
#lewa a.wiecej, #lewa a.wiecej2 {
    display:			block;
    float:			right;
    clear:			both;
    width:			77px;
    height:			31px;
    background:			transparent url(/namorzu/images/layout/wiecej_niebieski.gif);
    border:			none;
    padding:			0px;
    text-decoration:		none;
	margin-top:4px;
}
#lewa a.wiecej2 {
	background:transparent url(/namorzu/images/layout/wiecej_niebieski2.gif);
	margin-top:4px;
}
#lewa div.tytul {
	margin:			0px 0px 10px 0px;
	padding:		0px 0px;
	background:		none;
	border:			none;
}
#lewa div.tytul h1 {
	text-transform:		none;
	color:			#2a99b5;
	font-size:		1.6em;
	font-weight:		normal;
	border:			none;
	margin:			0px;
	margin:			0px;
	padding-bottom:		5px;
}
#lewa .tytul h2 {
	color:			#ddd;
}
#lewa .tytul div.clear {
	height:			3px;
	border-top:		1px solid #ddd;
	background:		url(/namorzu/images/layout/podkreslenie.png) no-repeat top left;
}

/*** srodek ***/
div#srodek {
    width:			351px;
    margin-left:		0px;
    margin-bottom:		10px;
}
#srodek .reklama {
    text-align:			center;
}
.reklama img {
    margin:			0px;
}
#srodek h1 {
    color:			#2a99b5;
    margin:			0px;
    padding-bottom:		5px;
    border-bottom:		1px solid #ddd;
}
#srodek .alter {
    color:			#737373;
}
#srodek div.bold {
    background:			#ddd;
    height:			3px;
    width:			50px;
    padding:			0px;
    margin-bottom:		10px;
}
#srodek h2 {
    margin-bottom:		3px;
    margin-top:			10px;
}
#srodek p {
    padding:			0px;
    margin-bottom:		10px;
}
#srodek img.ico {
    float:			left;
    margin:			3px 10px 1px 0px;
}
#srodek div.tytul {
	margin:			0px;
	padding:		0px 0px;
	background:		none;
	border:			none;
	width:			100%;
}
#srodek div.tytul h1 {
	text-transform:		none;
	color:			#2a99b5;
	font-size:		1.6em;
	font-weight:		normal;
	border:			none;
	margin:			0px;
	margin:			0px;
	padding-bottom:		5px;
}
#srodek .tytul h2 {
	color:			#ddd;
}
#srodek .tytul div.clear {
	height:			3px;
	border-top:		1px solid #ddd;
	background:		url(/namorzu/images/layout/podkreslenie.png) no-repeat top left;
}
#srodek a.wiecej {
    display:			block;
    float:			right;
    clear:			both;
    padding:			0px;
    text-decoration:		none;
    background:			transparent;
}
#srodek a.wiecej:hover {
    text-decoration:		underline;
}

/*** dodatki_tabs ***/
div#dodatki_tabs {
    clear:			both;
    background:			white;
    margin:			0px;
}
#dodatki_tabs div.mootabs_panel {
    border:			1px solid #ddd;
    /* background: 		#fff;*/
    overflow:			hidden;
    margin:			0px;
    padding:			5px;
    max-height:			89px;
    height:			89px !important;
    height:			87px;
    top:			-1px;
}
#dodatki_tabs ul.mootabs_title {
    position:			relative;
    height:			20px;
    margin:			0px 0px 0px 5px;
    top:			0px;
    border-right:		1px solid #ddd;
    float:			left;
    z-index:			3;
}
#dodatki_tabs .mootabs_title li {
    position:			relative;
    background:			#efefef;
    height:			16px !important;
    height:			18px;
    padding:			1px 10px;
    margin:			0px;
    border:			1px solid #ddd;
    border-right:		none;
    border-bottom:		1px solid #fff;
    top:			0px;
}
#dodatki_tabs .mootabs_title li.active {
    background-color:		white;
    color:			#2a99b5;
}

/*** stopka ***/
div#stopka {
    margin-top:			10px;
    clear:			both;
    font-size:			1em;
    border-top:			1px solid #ddd;
    width:			100%;
    height:			auto;
    color:			#999;
}
#stopka p {
    margin:			10px 0px 0px 190px;
    font-size:			.9em;
    padding:			0px;
    text-align:			right;
}
#stopka p.menu {
    color:			#999;
    font-size:			1em;
}
#stopka a {
    color:			#999;
}
#stopka div.bold {
    background:			#ddd;
    clear:			both;
    height:			5px;
    padding:			0px;
    width:			795px;
    float:			right;
}
#stopka div#kursy {
    text-align:			left;
    float:			left;
}
#stopka .kurs {
    display:			inline;
    width:			50px;
    height:			50px;
    text-align:			center;
    border:			none;
    color:			#737373;
}

/*** tabela rejsów ***/
div.pager {
    background-color:           white;
    text-align:                 right;
    color:			#2a99b5;
    padding:			7px 5px;
    margin:			0px;
}
.pager b {
    color:                      white;
    background:			white url(/namorzu/images/layout/stronicowanie_tlo1.png) no-repeat center center;
    padding:                    1px 6px 2px 9px;
}
.pager img {
    vertical-align:             middle;
    margin:                     auto 3px;
}
.pager a {
    width:			20px;
    color:			#2a99b5;
    padding:                    1px 3px 2px 5px;
}
.pager a:hover {
    color:			#2a99b5;
    background:			white url(/namorzu/images/layout/stronicowanie_tlo2.gif) no-repeat center center;
    text-decoration:		none;
}
			
table#irejs {
    width:			100%;
    margin:			0px;
}
#irejs th {
    background:     		#2a99b5 url(/namorzu/images/layout/tabelka_naglowek_tlo.png) repeat-x left bottom;
    font-weight:    		bold;
    color:          		#fff;
    padding:        		10px 5px;
    vertical-align: 		middle;
    font-size:			1.1em;
    border-bottom:		1px solid white;
}

#irejs td {
    border-bottom:  		1px solid #e4f2fa;
    border-bottom:  		1px solid white;
    padding:        		7px 3px;
    vertical-align: 		middle;
    background:			transparent url(/namorzu/images/layout/tabelka_tlo.png) repeat-x bottom left;
}
#irejs h1 {
        display:        inline;
        font-weight:    normal;
        color:          #474747;
        font-size:      1.2em;
	font-weight:	normal;
}
#irejs a {
        color:          #2a99b5;
}
#irejs .trasa {
        font-size:      .8em;
        text-align:     left;
        text-indent:    0px;
        font-style:     normal;
        padding:        0px 15px 0px 0px;
        margin:         0px;
}
#irejs .cena, #irejs .statek {
        text-align:     right;
	padding:	0px 10px;
}
#irejs .termin {
        text-align:     left;
	border-right:		1px solid #e3f2fa;	
}
#irejs .logo, #irejs .statek {
        vertical-align: middle;
	text-align:		right;
	padding:		5px;
}
#irejs .statek {
	border-left:		1px solid #e3f2fa;
}
#irejs .logo {
	text-align:		center;
}
#irejs .miesiac {
        border-bottom:          1px solid white;
        padding-top:            .7em;
        padding-bottom:         .7em;
        background:             #e4f2fa;
        color:                  #324962;
        text-align:             left;
}
#irejs .nazwa {
        width:          320px;
}
#irejs .cena {
	font-size:		1.1em;
}

/*** formularz subskrybcji ****************************************************/
div#newsletter {
	/*background:		white url(/namorzu/images/layout/newsletter_obraz.gif) no-repeat top left;*/
}
div#subskrybcja {
        width:                  auto;
        padding:                0px;
        margin:                 3px;
        background:             transparent;
        position:               relative;
	text-align:		justify;
}
#subskrybcja form, #subskrybcja form div {
	width:			100%;
        padding:                0px;
	margin:			0px 0px;
        text-align:             right;
}
#subskrybcja #email {
        width:                  184px !important;
        width:                  192px;
	height:			15px !important;
	height:			15px;
	float:			none;
	display:		inline;
	padding:		3px;
	margin:			0px 3px 7px 3px;
	background:		transparent;
	font-size:		1em;
	border:			1px solid #acabab;
	color:			#acabab;
}
#subskrybcja #nl_zapisz {
	border:			none;
        float:			none;
	display:		inline;
        margin:			0px 0px;
        padding:		0px;
	clear:			both;
	background:		transparent url(/namorzu/images/layout/newsletter_zapisz.gif) no-repeat right top;
	width:			70px;
	height:			31px;
}
#subskrybcja .infobox, #subskrybcja .hotbox {
	border:			none;
	text-align: 		center;
}
/*#subskrybcja img, #subskrybcja a {
        display:                inline;
}*/
/*#subskrybcja div.clear {
        display:                block;
        font-size:              1px;
        padding:                0px;
        margin:                 0px;
        height:                 7px;
        background:             #fff url(../images/layout/podkreslenie.gif) repeat-x bottom;
        clear:                  both;
}*/
/*** formularz subskrypcji - koniec *******************************************/
/*** zamówienie katalogu ******************************************************/
div#zamow {
	background:	white url(/namorzu/images/layout/zamow_katalog_obraz.jpg) no-repeat bottom right;
}
div#wypelnij {
        width:                  auto;
        padding:                5px;
        margin:                 0px;
        background:             transparent;
        position:               relative;
}

/*** zamówienie katalogu - koniec *********************************************/

