/* BASE /////////////////////////////////////////////////////////////////////////////////// */
* {
	margin:			0;
	padding:		0;
}
body {
	color:			#556b94;
	font:			12px Arial, Tahoma, Helvetica,Verdana;
	line-height:		17px;
	background-color:	#374767;
} 
a {
	text-decoration:	none;
	color:			#cc0000;
}
a img {
	border:			none;
}
a:link,
a:visited {
	color:			#cc0000;
	text-decoration:	none;
}
html body a:hover {
	text-decoration:	underline;
}
p {
	padding:		5px 0 15px 0;
	font-size:		12px;
}
h1 {
	color:			#000;
	padding:		10px 0 5px 0;
	font-size:		21px;
}
h2 {
	color:			#000;
	padding:		10px 0 5px 0;
	font-size:		17px;
}
h3 {
	color:			#cc0000;
	padding:		5px 0 5px 0;
	font-size:		14px;
}
h4 { 
	color:			#CCC;
	padding:		15px 0 5px 0;
	font-size:		11px;
}
h5 { 
	color:			#000;
	padding:		0;
	font-size:		11px;
	font-weight:		normal;
	text-align:		center;
}

ul,li,form,input {
	font:			12px Arial, Tahoma, Helvetica, Verdana;
}
hr {
	border:			1px dotted #999999;
	border-width:		1px 0 0 0;
	height:			1px;
	margin:			5px 0;
}

/* Listy  ///////////////////////////////////////////////////////////////////////////////////  */
ul {
	margin:			3px 0px;
}
li {
	padding:		0 0 4px 15px;
	list-style-type:	none;
	background:		url('../gfx/li.gif') 0px 6px no-repeat;
	line-height:		16px;
}

/* Formularze  /////////////////////////////////////////////////////////////////////////////////// */
input,textarea,select {
	color:			#999;
	vertical-align:		middle;
	font-size:		11px;
	padding:		0;
	margin:			0;
}
textarea, input.text, select {
	border:			1px solid #CCC;
	background-color:	#FFF;
	width:			150px;
	padding:		1px 4px;
}
textarea {
	height:			90px;
}
select {
	width:			160px;
	padding:		0;
}
input.button {
	border:			1px solid #850000;
	background-color:	#cc0000;
	font-weight:		bold;
	padding:		2px 5px;
	color:			#FFF;
	cursor:			pointer;
	width:			auto;
	overflow:		visible;
}
input.light {
	background-color:	#f7ba00;
}

/* Ogólne  ///////////////////////////////////////////////////////////////////////////////////  */
.clearing {
	clear:			both;
	line-height:		0.1%;
	font-size:		0.1%;
}
p.more {
	padding:		0 10px 4px 0;
	text-align:		right;
	background:		url('../gfx/d.gif') right bottom no-repeat;
}
p.more a {
	background:		url('../gfx/more.gif') right center no-repeat;
	padding:		0 16px 0 0; font-weight: bold;
}
.fl {
	float:			left;
}
.fr {
	float:			right;
}
.l_img {
	float:			left;
	margin:			2px 10px 10px 10px;
}
.r_img {
	float:			right;
	margin:			2px 10px 10px 10px;
}
.c_img {
	text-align:		center;
	margin:			10px 15px 10px 15px;
}
.img_r_col img {
	margin:			20px 0;
}
.border {
	border:			1px solid #000;
	padding:		1px 1px;
}
.separate {
	background:		url('../gfx/d.gif') 0 7px repeat-x;
	height:			14px;
}
.ramka {
	margin:			15px;
	padding:		10px 10px;
	border:			1px solid #999;
	background-color:	#eee;
}
.main p {
	text-align:		justify;
}
.main a.zglos {
	width:			15px;
	height:			13px;
	margin:			1px auto;
	text-indent:		-9999px;
	display:		block;
	background:		url(/images/etapy/zgloszenie_m.gif) center center no-repeat;
}
.main a.zgloszenie {
	width:			224px;
	height:			50px;
	margin:			25px auto 5px auto;
	text-indent:		-9999px;
	display:		block;
	background:		url(/images/zgloszenie.gif) center center no-repeat;
}
.main a.zgloszenie.de {
	background-image:	url(/images/zgloszenie-de.gif);
}
.main p.zgloszenie {
	text-align:		center;
	color:			#666;
	font-size:		10px;
	margin:			0 15px;
}

/* USABILITY /////////////////////////////////////////////////////////////////////////////////// */
.skiplink {
	position:		absolute;
	left:			0px;
	top:			-500px;
	overflow:		hidden;
}

/* Format strony  /////////////////////////////////////////////////////////////////////////////////// */
.container {
	width:			943px;
	background:		url(../gfx/bg_cont.jpg) 0 259px repeat-y;
	margin:			0 auto;
}
#header {  }
#head2 {
	padding:		0 33px;
	height:			80px;
	overflow:		hidden;
}
#content {
	width:			943px;
	background:		url(../gfx/bg.jpg) 0 0 no-repeat;
}
#content.de {
	background-image:	url(../gfx/de_bg.jpg);
}
#content.en {
	background-image:	url(../gfx/en_bg.jpg);
}
#page {
	padding:		0 33px;
}
.main {
	float:			left;
	padding:		20px 20px 20px 0;
	width:			602px;
}
.main2 {
	float:			left;
	padding:		20px 0 20px 0;
	width:			875px;
}
#white_bg {
	background-color:	#FFF;
	padding:		0 30px;
	background:		#FFF url('../gfx/v.gif') right top repeat-y;
}

#rCol {
	float:			right;
	width:			255px;
	padding:		20px 0 20px 0;
}
#head2 #rCol {
	padding:		25px 0 20px 0;
}
#mainPage #rCol {
	padding-top:		25px;
}
#flags {
	height:			18px;
	width:			910px;
	padding:		2px 0 0 33px;
}
#flags a img {
	vertical-align:		middle;
}
#flags a {
	border:			1px solid #abc0e8;
	margin:			0 3px;
	display:		block;
	float:			left;
	font-size:		9px;
	line-height:		9px;
}
#flags a:hover {
	border:			1px solid #FFF;
}

/* LOGO ///////////////////////////////////////////////////////////////*/
#logo a {
	width:			185px;
	height:			95px;
	display:		block;
}
#logo a span {
	display:		none;
}

.mod {
	margin-bottom:		20px;
	width:			255px;
}
.mod div {
	margin:			0;
	background:		#fff url('../gfx/v.gif') 0 0 repeat-y;
	width:			255px;
}
.mod h1 {
	padding:		0;
	font-size:		14px;
}
.mod h2 {
	padding:		5px 0 5px 20px;
	font-weight:		bold;
	font-size:		12px;
}
#hot_news h1 {
	background:		url('../gfx/hd_red.gif') 0 0px repeat-x;
}
#sklep h1 {
	background:		url('../gfx/hd_red.gif') 0 0px repeat-x;
}
.mod .more {
	margin-bottom:		10px;
}
.mod span {
	font-size:		10px;
	display:		block;
}
.mod ul {
	margin: 0;		padding: 0 0 0 20px;
}
.mod li {
	background-image:	none;
	margin:			0;
	padding:		10px 0;
	background:		url('../gfx/d.gif') right bottom no-repeat;
}
#hot_news li {
	padding-top:		0;
}
#ekspedycje,
#etapy {
	float:			left;
	margin-top:		20px;
}
#etapy {
	width:			327px;
	margin-left:		20px;
}
#etapy div {
	width:			327px;
}
#etapy a,
#hot_news a,
#aktualnosci a {
	font-weight:		bold;
	background:		url('../gfx/more.gif') right center no-repeat;
	padding:		0 16px 0 0;
}
/*#hot_news {
	margin-top:		25px;
}*/
#aktualnosci ul img {
	float:			right;
	border:			1px solid #374767;
	padding:		1px;
}
.forum a img {
	border:			1px solid #d1e2ff;
	padding:		1px;
	margin:			0 0 20px 0;
	background-color:	#FFF;
}
.forum a:hover img {
	border:			1px solid #374767;
}

#newsletter {
	padding:		0;
}
#newsletter div {
	overflow:		hidden;
}
#newsletter form {
	margin-left:		20px;
}
* > #newsletter form {
	margin-top:		1px;
}
#newsletter .text {
	width:			202px;
	height:			13px;
	border:			1px solid #CCC;
	background-color:	#f2f2f2;
	color:			#666;
	font-size:		11px;
	line-height:		12px;
	margin:			0 2px 0 0;
	padding:		1px 0 2px 4px;
	vertical-align:		middle;
}
/* to dla ff itd bo nie mozna usunac marginesu inputa w ie */ 
* > #newsletter .text {
	margin:			2px 0;
}
#newsletter .button {
	border:			none;
	width:			21px;
	height:			20px;
	line-height:		12px;
	background:		url('../gfx/add.gif') 0 0 no-repeat;
	cursor:			hand;
	padding:		0;
	margin:			0;
	vertical-align:		middle;
}
* > #newsletter .button {
	margin:			2px 0 2px 2px;
}

/*  LOCALISER  /////////////////////////////////////////////////////////////////////////////////// */
#localiser {
	font-size:		9px;
	line-height:		16px;
	margin:			40px 20px 15px 0;
	color:			#888888;
	background:		url(../gfx/d.gif) right bottom no-repeat;
	padding:		7px 0;
	width:			602px;
	float:			left;
}
#localiser a {
	color:			#7993c4;
	padding:		0 12px 0 12px;
	background:		url('../gfx/a.gif') right center no-repeat;
}
#localiser a#home {
	padding-left:		0;
}
/* FOOTER  /////////////////////////////////////////////////////////////////////////////////// */
#footer {
	width:			882px;
	margin:			10px 18px 10px 17px;
	color:			#9ba2a5;
	border-top:		1px solid #CCC;
	padding:		0 12px 0 14px;
	background:		url('../gfx/f.gif') 0 0 repeat-x;
}
#footer li {
	float:			left;
	padding:		6px 11px 6px 12px;
	background:		url('../gfx/li_f.gif') 0 12px no-repeat;
}
#footer a {
	color:			#FFF;
	font-size:		11px;
	font-weight:		bold;
}

#nav_bot {
	float:			right;
}	



/*MENUTOP  ///////////////////////////////////////////////////////////////////////////////////  */
#menuTop {
	height:			38px;
}
#menuTop ul {
	margin:			0;
	padding:		0 0 0 36px;
	height:			38px;
}
#menuTop li {
	list-style-type:	none;
	float:			left;
	margin:			0;
	padding:		0;
	background-image:	none;
}
#menuTop a {
	display:		block;
	height:			38px;
	background-position:	0 0;
	background-repeat:	no-repeat;
}
#menuTop a span {
	display:		none;
}
#menuTop a#item_etapy {
	background-image:	url('../gfx/b_1.jpg');
	width:			69px;
}
#menuTop a#item_o_wyprawie {
	background-image:	url('../gfx/b_2.jpg');
	width:			113px;
}
#menuTop a#item_jacht {
	background-image:	url('../gfx/b_3.jpg');
	width:			69px;
}
#menuTop a#item_aktualnosci {
	background-image:	url('../gfx/b_4.jpg');
	width:			120px;
}
#menuTop a#item_forum {
	background-image:	url('../gfx/b_5.jpg');
	width:			77px;
}
#menuTop a#item_galeria {
	background-image:	url('../gfx/b_6.jpg');
	width:			85px;
}
#menuTop a#item_linki {
	background-image:	url('../gfx/b_7.jpg');
	width:			66px;
}
#menuTop a#item_kontakt {
	background-image:	url('../gfx/b_8.jpg');
	width:			91px;
}
#menuTop a#item_etappen {
	background-image:	url('../gfx/de_b_1.jpg');
	width:			82px;
}
#menuTop a#item_uber_die_reise {
	background-image:	url('../gfx/de_b_2.jpg');
	width:			124px;
}
#menuTop a#item_yacht {
	background-image:	url('../gfx/de_b_3.jpg');
	width:			65px;
}
#menuTop a#item_neuigkeiten {
	background-image:	url('../gfx/de_b_4.jpg');
	width:			111px;
}
#menuTop a#item_forum_de {
	background-image:	url('../gfx/de_b_5.jpg');
	width:			71px;
}
#menuTop a#item_galerie {
	background-image:	url('../gfx/de_b_6.jpg');
	width:			78px;
}
#menuTop a#item_links {
	background-image:	url('../gfx/de_b_7.jpg');
	width:			63px;
}
#menuTop a#item_kontakte {
	background-image:	url('../gfx/de_b_8.jpg');
	width:			93px;
}
#menuTop a#item_stages {
	background-image:	url('../gfx/en_b_1.jpg');
	width:			100px;
}
#menuTop a#item_about_the_voyage {
	background-image:	url('../gfx/en_b_2.jpg');
	width:			182px;
}
#menuTop a#item_yacht_en {
	background-image:	url('../gfx/en_b_3.jpg');
	width:			96px;
}
#menuTop a#item_gallery {
	background-image:	url('../gfx/en_b_4.jpg');
	width:			111px;
}
#menuTop a#item_links_en {
	background-image:	url('../gfx/en_b_5.jpg');
	width:			93px;
}
#menuTop a#item_contact {
	background-image:	url('../gfx/en_b_6.jpg');
	width:			111px;
}
#menuTop ul a:hover,
#menuTop ul a.selected {
	background-position:	0 -38px;
}


/*  MENU - SIDE /////////////////////////////////////////////////////////////////////////////////// */
/*#menu div {
	background:		url('../gfx/v.gif') left top repeat-y;
}*/
#menu ul {
	margin:			0 0 0 20px;
	padding:		0;
	list-style-image:	none;
} 
#menu ul li {
	list-style:		none;
	margin:			0;
	padding:		0;
	background:		url(../gfx/d.gif) right bottom no-repeat;
}
* html #menu ul li {
	height:			1px;
	vertical-align:		bottom;
}
#menu ul li a {
	background:		url(../gfx/more.gif) 1px 12px no-repeat;
	display:		block;
	font-size:		13px;
	padding:		10px 0 10px 20px;
	text-decoration:	none;
	color:			#586994;
	font-weight:		bold;
}
#menu ul li a:hover {
	text-decoration:	underline;
}
#menu ul li.selected a {
	font-weight:		bold;
	color:			#c00;
}
* html #menu ul li a {
	height:			1px;
}

#menu ul ul {
	margin:			0 0 0 10px;
	padding:		0 0 6px 0;
}
#menu ul ul li {
	list-style:		none;
	margin:			0;
	padding:		4px 0;
	background-image:	none;
}
* html #menu ul ul li {
	height:			1px;
	vertical-align:		bottom;
}
#menu ul ul li a {
	display:		block;
	font-size:		11px;
	font-weight:		normal;
	padding:		0 2px 0 20px;
	text-decoration:	none;
	background:		url(../gfx/li.gif) 8px 6px no-repeat;
}
#menu ul ul li.selected a { }
* html #menu ul ul li a {
	height:			1px;
}



/* TABELE  ///////////////////////////////////////////////////////////////////////////////////  */
table {
	font-size: 11px;
}
table li {
	font-size: 11px;
	background-image: url('../gfx/li_t.gif')
}
th {
	text-align: left;
	font-weight: bold;
}
table p {
	padding: 2px 4px;
	margin: 0px;
}
.info,
.einfo {
	margin-top: 10px;
	margin-bottom: 10px;
	border-collapse: collapse;
	color: #000;
}
.einfo tr {
	background: url('../gfx/td_bg.gif') top left repeat-x;
}
.info {
	border: 1px solid #d6d6d6;
}
.info td {
	padding: 5px 8px;
	border: 1px solid #c0c0c0;
	border-collapse: collapse;
	vertical-align: middle;
}
.einfo td,
.einfo th {
	padding: 4px 8px;
	border-collapse: collapse;
	vertical-align: top;
	
}
.einfo th {
	text-align: right;
	padding: 4px 8px;
	color: #999;
	width: 170px;
}
.info .td_nobd {
	background-image: none;
}
.buttons td {
	text-align: center;
	padding-top: 12px;
	padding-bottom: 12px;
	background-image: none;
}
.info th {
	/*font-weight: normal;
	background-color: #e2e2e2;
	text-align: center;*/
	padding: 2px 8px;
	color: #000;
	border: 1px solid #c0c0c0;
}
.info img {
	margin: 4px 3px;
}
.einfo img {
	margin: 0 4px;
	vertical-align: middle;
}
td.first {
	font-weight: bold;
}
.line0 td,
.line0 th {
	background-color: #f6f6f6;
}
.mini {
	font-size: 9px;
}


/* AKTUALNOSCI /////////////////////////////////////////////////////////////////////////////////// */
.pages, .paginate {
	border-top: 1px solid #CCCCCC;
	padding: 10px 5px 10px 0;
	margin-top: 10px;
}
.pages a,
.paginate a {
	color: #c00;
	padding: 1px 4px;
	font-weight: bold;
} 
.pages a.boldlink, .paginate a.boldlink {
	color: #666;
	padding: 1px 4px;
}
.pages a.prevnext, .paginate a.prevnext {
	background-color: #fff;
	padding: 0px;
	color: #fd5d04;
}
.pages a.prevnext img,
.paginate a.prevnext img {
	vertical-align: middle;
}
.pages a.bold,
.paginate a.bold {
	color: #000;
}

/* GALERIA ///////////////////////////////////////////////////////////////////////////////////// */
div.imagegal {
	float: left; 
	margin: 5px;
	padding:1px; 
	display: inline; 
	vertical-align: top;
	border: 1px solid gray;
}

div.pagin {
	float: left; 
	display: inline; 
	vertical-align: middle;
}
								
.imgGallery{
	margin: 5px; 
	padding:1px;
	display: inline; 
	vertical-align: top;
	border: 1px solid gray;
}

p.tab {
	margin-top: 	0;
	padding-top: 	0;
	text-align: right;
	color: #999;
	font-size: 11px;
}