/*** definicje globalne ***/
html, body {
	background: 		#fff;
	height:			auto !important;
	height:			100%;
	min-height:		100%;
	margin:			0px;
	padding:		0px;
	font:			11px/1.2em "Trebuchet MS", "DejaVu Sans", FreeSans, Sans;
	color:			#666;
	text-align:		center;
}
table {
	font:			11px/1.2em "Trebuchet MS", FreeSans, Sans;
}
div {
	padding:		0px;
	margin:			0px;
	border:			0px none;
	text-align:		left;
	overflow:		hidden;
}
h1 {
	color:			#373737;
	font-size:		10pt;
	line-height:		1.2em;
	font-weight: 		bold;
}
h2 {
	color:			#373737;
	font-size:		9pt;
	line-height:		1.2em;
	font-weight: 		bold;
	padding:		6px 10px 2px 30px;
}
h3 {
	color:			#373737;
	font-size:		9pt;
	line-height:		1.2em;
	font-weight: 		bold;
	padding:		6px 10px 0px 30px;
	margin:			0px;
}
.clear {
	width: 			auto !important;
	width:			100%;
	height:			0px;
	font-size:		0px;
	line-height:		0px;
	clear:			both;
}
a {
	color:			#747474;
	text-decoration:	none;
}
a:hover {
	color:			#747474;
	text-decoration:	underline;
}
a.wiecej {
	text-align:		right;
	display:		block;
	clear:			right;
	padding:		.1em 15px .1em 1em;
	background:		url(../images/layout/strzalka_wiecej.gif) no-repeat center right;		
}
a.wypunktowanie {
	text-align:		left;
	color:			#3760ab;
	display:		block;
	clear:			right;
	padding:		.1em 5px 0em 1.4em;
	background:		url(../images/layout/strzalka_wiecej.gif) no-repeat center left;		
}
a.wypunktowanie:hover {
	color:			#3760ab;
}
img {
	border:			none;
	padding:		0px;
	margin:			0px;
}
p {
	margin:			5px 10px 5px 15px;
	text-indent:		15px;
	text-align:		justify;
}
p.menu {
	text-indent:		0px;
	color:			#c92502;
	font-weight:		bold;
}
#statek p.menu a {
	font-weight:		bold;
}
strong {
	color:			#373737;
	font-weight: 		bold;
}
sup, sub {
	font-size:		.85em;
}
.prawa {
	text-indent: 		0px;
	text-align:		right;
}
.lewa {
	text-indent: 		0px;
	text-align:		left;
}
.srodek {
	text-indent: 		0px;
	text-align:		center;
}
.justowany {
	text-indent: 		0px;
	text-align:		justify;
}
.doprawej, img.prawa {
	float: 			right;
	margin:			5px 0px 5px 10px;
}
.dolewej, img.lewa {
	float:			left;
	margin:			5px 10px 5px 0px;
}
.dosrodka, img.srodek {
	float:			none;
	margin:			auto;
}
.minitekst {
	font-size:		7.5pt;
	color:			#999999;
}
.desc, .dopisek {
	color:			#999999;
}
.podkresl, .underline, .podkreslony {
	text-decoration:	underline;
}
.cream {
	background:		#fef5e3;
	padding:		3px 1px;
}

form {
	padding:		0px;
	margin:			0px;
}
input {
	border:			1px solid #e0e0e0;
	background:		#fff;
	/*max-height:		17px;
	height:			17px;*/
	margin:			0px;
	font-size:		11px;
	font-family:		Arial, FreeSans, Sans;
	color:			#474747;
	padding:		0px 3px 0px 3px;
}
textarea {
	border:			1px solid #e0e0e0;
	background:		#fff;
	margin:			0px;
	font-size:		11px;
	font-family:		Arial, Verdana, Helvetica;
	color:			#474747;
	padding:		0px 3px 0px 3px;
}
.button {
	border:			none;
}
span.popup {
	font: 			12pt/1.1em "Trebuchet MS", FreeSans, Sans;
}
span.waluta {
	font-size:		0.9em;
	color:			#999;
}
.hot, .error {
	color:			#c92502;
}
.hotbox {
	border:			1px solid #c92502;
	color:			#c92502;
	text-align:		center;
	padding:		1px 5px;
	font-size:		.9em;
}

.infobox {
	border:			1px solid #41516d;
	color:			#41516d;
	text-align:		center;
	padding:		1px 5px;
	font-size:		.9em;
}
/************aktualnosci na glownej**************/
#aktualnosci h1 {
	font-size:		8pt;
	text-transform:		uppercase;
	color:			#3760ab;
	margin:		0px;
	padding:		0px;
}
#aktualnosci h1 a {
	color:			#3760ab;
}
#aktualnosci h1 img {
	margin:			5px 10px 0px 15px;
}
#aktualnosci p {
	margin-top:		0.1em;
	text-indent: 		0px;
}

/****************koniec****************/

/*** główne elementy organizacyjne ***/
#all {
	background:		#fff url(../images/layout/tlo_glowna.gif) top center repeat-y;
	width: 			778px !important;
	width: 			780px;
	border-left:		1px solid #dedede;
	border-right:		1px solid #dedede;
	margin:			0px auto;
	position:		relative;
}
#nadnaglowek {
	background:		#fff;
	width:			780px;
	height:			66px;
	margin:			0px auto;
}
#nadnaglowek h1 {
	font-family:		Trebuchet MS, Arial, Sans;
	font-size:		15px;
	line-height:		14px;
	padding:		45px 0px 0px 0px;
	margin:			0px 0px 0px 0px;
	text-align:		right;
	color:			#939393;
	font-weight:		normal;
	float:			left;
}
img#logo {
	float:			left;
}
/*** errory i infa ***/
div.notify {
	margin: 		20px auto;
	padding: 		20px;
	color:			white;
	background:		#00aa00;
	font-size: 		1.5em;
	text-align:		center;
	width:			740px !important;
	width:			780px;
}
div.error {
	margin: 		20px auto;
	padding: 		20px;
	color:			white;
	background:		#aa0000;
	font-size: 		1.5em;
	text-align:		center;
	width:			740px !important;
	width:			780px;
}
/*** formularz subskrypcji ****************************************************/
div#subskrybcja {
	width:			220px;
	padding:		0px;
	margin:			5px 10px 8px 15px;
	background:		#fef0d3;
	position:		relative;
}
#subskrybcja form {
	padding:		12px 15px 5px 15px;	
	text-align:		left;

}
#subskrybcja label {
	/*display:		block;
	float:			left;*/
	color:			#41516d;
	font-size:		12px;
	font-weight:		bold;
	padding:		1px 10px;
	margin:			0px;
}
#subskrybcja input.text {
	width:			160px !important;
	width:			168px;
	float:			left;
	display:		block;
}
#subskrybcja input.button {
	width: 		auto;
	border:		none;
	float:			left;
	margin:		0px 3px;
	padding:		0px;
}
/*#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 *******************************************/

#naglowek {
	position:		relative;
	background:		#fff url("http://www.wakacjenamorzu.pl/images/layout/baners/glowna/00.jpg") top left no-repeat;
	width:			778px;
	height:			224px;
	float:			left;
}
ul#menu_glowne {
	font:			11px/1.2em "Arial", "DejaVu Sans", FreeSans, Sans;
	color:			#fff;	
	position: 		absolute;
	top: 			177px;
	height: 		39px;
	width: 			778px;
	margin:			0px;
	padding:		0px;
	background: 		#5c8ccc url(../images/layout/tlo_menu.gif) repeat-x left center;
}
ul#menu_glowne li {
	background-color: 	transparent;
	background-repeat:	no-repeat;
	background-position:	bottom left;
	display:		block;
	float:			left;
	font-weight:		normal;
	text-transform:		uppercase;
	height: 		39px;
	line-height:		33px;
	padding:		0px 5px 0px 26px;
}
#menu_glowne a {
	color:			#fff;
	text-decoration:	none;
}
#menu_glowne a:hover {
	color:			#fff;
}
li#mg1 {	background: 		url(../images/layout/menu_01.gif);}
li#mg2 {	background: 		url(../images/layout/menu_02.gif);}
li#mg3 {	background: 		url(../images/layout/menu_03.gif);}
li#mg4 {	background: 		url(../images/layout/menu_04.gif);}
li#mg5 {	background: 		url(../images/layout/menu_05.gif);}
li#mg6 {	background: 		url(../images/layout/menu_06.gif);}
li#mg7 {	background: 		url(../images/layout/menu_07.gif);}
#lewa {
	width:			250px;
	float:			left;
}
#lewa img.baner {
	margin-left:		15px;
	margin-top:		10px;
}
#srodek {
	width:			360px;
	float:			left;


}
#srodek div.tytul {

	width:			260px;
}
#prawa {
	width:			168px;
	min-height:		500px;
	height:			auto !important;
	/* height:			500px; */
	float:			right;
	/* overflow:		hidden; */
}
#prawa p {
}
/*** wyszukiwanie rejsów ******************************************************/
form#szukaj {
	width:			143px;
	padding:		0px;
	margin:			0px 10px 15px 15px;
	position:		relative;
}
#szukaj div {
	padding:		10px 5px 5px 5px;	
	background:		#fef0d3;
	text-align:		right;
}
#szukaj div img {
	margin-bottom:			5px;
	padding:		0px;
	border:			0px;
	vertical-align:		bottom;
}
#szukaj label {
	padding:		0px;
	margin:			0px;
}
#szukaj input {
	width: 			105px !important;
	width: 			113px;
	margin-bottom:		5px !important;
	margin-bottom:		4px;
/*	text-transform:		lowercase;  */
	color:			#747474;

}
input#wyszukaj {
	width:			auto !important;
	width:			51px;
	height:			17px;
	margin:			0px;
	padding:		0px;
}
#szukaj 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;
}
/*** słowniczek ***/
div.slowniczek {
	font-family:		Arial, FreeSans, Sans;
	display: 		none;
	position:		absolute;
	right:			0px;
	top:			0px;
	border:			1px solid #e0e0e0;
	padding:		1px;
	height:			126px !important;
	height:			140px;
	width:			121px !important;
	width:			132px;
	z-index:		2;
	overflow:		hidden;
}
.slowniczek a {
	display:		block;
	width:			115px;
	color:			#747474;
	text-align:		left;
	margin:		0px 3px 0px 0px;
}
.slowniczek a:hover {
	text-decoration:	none;
	color:			#fff;
	background:		#c8403e;
}
div#slowniczek-linia {
	display: 		none;
	right:			4px;
	top:			27px !important;
	top:			28px;	
	height:			156px !important;
	height:			170px;
}
div#slowniczek-region {
	display: 		none;
	right:			4px;
	top:			49px !important;	
	top:			51px;	
	height:			156px !important;
	height:			170px;
}
div#slowniczek-miesiac {
	display: 		none;
	right:			4px;
	top:			71px !important;	
	top:			74px;	
	height:			246px !important;
	height:			260px;
}
/*** słowniczek - koniec ******************************************************/
/*** wyszukiwanie rejsów - koniec *********************************************/

#content {
	width:			440px !important;
	width:			480px;
	height:			auto !important;
	height:			400px;
	min-height:		360px;
	padding:		20px;
	text-align:		left;
	float:			right;
	clear:			right;
}
#stopka {
	width:			778px;
	height:			70px;
	/* background:		#fff url(../images/layout/stopka.jpg) no-repeat 0px 20px; */
	text-align:		center;
	/* float:			left; */
	clear:			both;
}
#stopka div {
	height:			70px;
	width:			195px;
	float:			left;
	padding-top:		10px;
}
div#skonsultanci {
	background:		#fff url(../images/layout/stopka_konsultanci.gif) no-repeat 0px 10px;
	width:			196px;
}
div#sdokumenty {
	background:		#fff url(../images/layout/stopka_dokumenty.gif) no-repeat 0px 10px;
}
#sdokumenty p{
	text-indent:		0px;
	margin:		0px;
	padding:		10px 0px 0px 110px;
}
div#sgaleria {
	background:		#fff url(../images/layout/stopka_galeria.gif) no-repeat 0px 10px;
}
div#slinie {
	background:		#fff url(../images/layout/stopka_linie.gif) no-repeat 0px 10px;
}
div#skursy {
	background:		#fff url(../images/layout/stopka_kursy.gif) no-repeat 0px 10px;
	width:			192px;
}
#skursy p {
	text-indent:		0px;
	padding-left:		120px;
	line-height:		17px;
	padding-top:		0px !important;
	padding-top:		5px;
}
#podstopka {
	background:		#fff;
	width:			680px;
	margin:			10px auto;
	font-size:		10px;
	color:			#999;
	text-align:		center;
}
div.tytul {
	margin:			10px 10px 5px 10px;
	padding:		0px 0px 0px 10px;
	background:		url(../images/layout/kreska.gif) repeat-y;
	/*width:			360px;*/
}
.tytul h1 {
	color:			#41516d;
	/*font-family:		"Trebuchet MS", FreeSans, Sans;*/
	font-size:		14px;
	font-weight:		bold;
	text-transform:		uppercase;
	padding:		0px;
	margin:			0px;
}
.tytul h2 {
	color:			#747474;
	font-family:		"Trebuchet MS", FreeSans, Sans;
	font-size:		11px;
	font-weight:		bold;
	text-transform:		uppercase;
	padding:		0px;
	margin:			0px;
}
.tytul .clear {
	font-size: 		1px;

	padding:		0px;
	margin:			0px;
	height:			1px;
	background:		transparent url(../images/layout/podkreslenie.gif) repeat-x;
	clear: 			both;
}
/*** szczególnie polecamy *****************************************************/
#polecamy img {
	float:			left;
	margin:			6px 6px 1px 0px;
	padding:		0px;
	/*border-left:		1px solid #666;
	border-top:		1px solid #666;*/
}
#polecamy h1 {
	font-size:		8pt;
	text-transform:		uppercase;
	color:			#3760ab;
	margin:			10px 10px 0px 15px;
	padding-top:		1em;
}
#polecamy h1 a {
	color:			#3760ab;
}
#polecamy h1 img {
	margin:			-1em 6px 1px 0px;
}
#polecamy p {
	margin-top:		0.1em;
	padding-left:		1em;
	text-indent: 		0px;
}
#polecamy .clear {
	clear:			both;
}
/*** szczególnie polecamy - koniec ********************************************/
/*** opis statku **************************************************************/
div#statek {
	padding:		10px 10px 10px 15px;
}
#statek img {
	display:		block;
	float:			left;
	margin:			0px 10px 10px 0px;
	/* padding:		5px; 
	background:		#fff;
	border:			1px solid #ccc;
	border-bottom:		1px solid #e8e8e8;	
	border-right:		1px solid #e8e8e8;*/	
}
#statek dl {
	margin:		1.5em 3em 1em 3em;	
}
#statek dt {
	float:			left;
	clear:			left;
	text-align:		left;
	width:			15em;
	font-weight:		bold;
	padding:		0.2em;
	margin-bottom:		1px;
	margin-right:		1px;
	background:		#fff;
	border-bottom:		1px solid #eee;
}
#statek dd {
	clear:			right;
	text-align:		justify;
	padding:		0.2em;
	margin-left:		0em;
	margin-bottom:		1px;
	background:		#fff;
	border-bottom:		1px solid #eee;
}
#statek dl.tekst {
	margin:			0.5em 0em 0.5em 0em;	
}
#statek dl.tekst dt {
	width:			auto;
	border: 		none;
	text-decoration:	none;
	padding:		1em 0.5em 0em 0em;
	margin-bottom:		0px;
}
#statek dl.tekst dd {
	text-align: 		justify;
	border:			none;
	padding:		1em 0em 0em 0em;
}
/*** opis statku - koniec *****************************************************/



/*** content-box ***/
div.art {
	padding:		10px;
}
div.art-header {
	padding: 		5px 0px 0px 5px;
	margin:			0px;
	border:			0px;
}
div.art-header h1 {
	padding: 		0.1em 3em 0.1em 0.4em;
	margin:			0px;
}
div.art-header div.desc {
	font-size:		7.5pt;
	line-height:		1.1em;
	color:			#696969;
	padding: 		0.1em 3em 0.1em 1.3em;
	margin:			0px;
}
div.art-header div.autor{
	font-size:		7.5pt;
	line-height:		1.1em;
	color:			#696969;
	padding: 		0.1em 1em 0.1em 1em;
	margin:			0px;
}
div.art-header div.clear {
	height: 		1px;
}
div.art-content {
	text-align:		justify;
	margin:			0.7em 0em 0.7em 0em;
}
.art .ilustracja, .art img {
	border:			1px solid #474747;
}
.art .skrot {
	text-align: 		justify;
	padding:		.3em 0em .2em 0em;
}
/*** galeria obrazów ***/
#galeria div.thumb {
	float: 		left;
	margin: 	10px;
	padding: 	0px;
	width: 		100px !important;
	height:		100px !important;
	width:		102px;
	height:		102px;

	line-height:	98px;
	text-align:	center;
	border:		1px solid #979797;
}
#galeria div.thumb:hover {
	border:		1px solid #C61E13;
	background-color:	#FDB0AB;
}
#galeria div.thumb img {
	vertical-align: middle;
}
#galeria div.desc {
	font-weight:	bold;
	text-align:	center;
	padding:	10px 0px 5px 0px;
}
#galeria div.indeks {
	text-align:	right;
	padding:	10px 0px 5px 0px;
}
#galeria div.photo {
	text-align:	center;
}
/* ------ end galeria obrazów ------------ */
/* ------ indeks rejsów ------------------ */
div.pager {
    text-align:			center;
}
.pager b {
    background-color:		#c53d3b;
    color:			white;
    padding: 			0px 1px;
}
.pager img {
    vertical-align:		middle;
    margin:			auto 3px;
}
.pager a {
}
table#irejs {
	margin:			.2em 1em 1em 1.4em;
	border-collapse:	collapse;
	width:			580px;
	
}
#irejs th {
	background:	#62bd19;
	font-weight:	bold;
	color:		#fff;
	padding:	5px;
	vertical-align:	middle;
}
#irejs td {
	border-bottom:	1px solid #e8e8e8;
	padding:	5px;
	vertical-align:	top;
}
#irejs h1 {
	display:	inline;
	font-weight:	normal;
	color:		#474747;
	font-size:	1.1em;
}
#irejs a {
	color:		#3760ab;
}
#irejs .trasa {	
	font-size:	.8em;
	text-align:	left;
	text-indent:	0px;
	font-style:	italic;
	padding:	0px;
	margin:		0px;
}
#irejs .termin, #irejs .cena, #irejs .statek {
	text-align:	right;
}
#irejs .termin {
	text-align:	center;
}
#irejs .logo {
	vertical-align:	middle;
}
#irejs .miesiac {
	border-bottom:		1px solid #62bd19;
        padding-top:		.7em;
	padding-bottom:		.7em;
        background:             white;
        color:                  #41516d;
        text-align:		left;
}
#irejs .nazwa {
	width:		285px;
}

/* ------ end indeks rejsów -------------- */
/* ----- logowanie ------ */
#logowanie div {
	width:		205px !important;
	width:		225px;
	margin:		15px;
	/*background:	#fffae3;*/
	padding:	10px;
	text-align: 	right;
	line-height: 	1em;
}
#logowanie label {
	float: 		none;
	text-align: 	right;
}
#logowanie input.text {
	width:		130px;
	float:		none;
}
#logowanie input.button {
	width:			53px;
	height:		17px;
	margin-top:		5px;
	margin-right: 	0px;
	padding-right: 	0px; 
}
/*------ koniec logowania ----- */