/*Całość*/
body { background-color: #E5ECF2; margin: auto; }
/*Pojemnik z ryciną*/
div#pojemnik { height: 800px; position: relative; margin: auto; width: 1280px; }

div#facebook {
	width: 190px;
	height: 565px;
	position: absolute;
	z-index: 1;
	top: 270px;
	left: 1022px;
	background-color: #ffffff;
}

div#backh01 {
	background: url(grafika/home01.jpg) no-repeat;
	width: 213px;
	height: 332px;
	position: absolute;
	z-index: 0;
}
div#backh02 {
	background: url(grafika/home02.jpg) no-repeat;
	width: 214px;
	height: 332px;
	position: absolute;
	left: 213px;
	z-index: 0;
}
div#backh03 {
	background: url(grafika/home03.jpg) no-repeat;
	width: 213px;
	height: 332px;
	position: absolute;
	left: 427px;
	z-index: 0;
}
div#backh04 {
	background: url(grafika/home04.jpg) no-repeat;
	width: 213px;
	height: 332px;
	position: absolute;
	left: 640px;
	z-index: 0;
}
div#backh05 {
	background: url(grafika/home05.jpg) no-repeat;
	width: 214px;
	height: 332px;
	position: absolute;
	left: 853px;
	z-index: 0;
}
div#backh06 {
	background: url(grafika/home06.jpg) no-repeat;
	width: 213px;
	height: 332px;
	position: relative;
	left: 1066px;
	z-index: 0;
}
div#backh07 {
	background: url(grafika/home07.jpg) no-repeat;
	width: 213px;
	height: 331px;
	position: absolute;
	left: 0px;
	z-index: 0;
}
div#backh08 {
	background: url(grafika/home08.jpg) no-repeat;
	width: 214px;
	height: 331px;
	position: absolute;
	left: 213px;
	z-index: 0;
}
div#backh09 {
	background: url(grafika/home09.jpg) no-repeat;
	width: 213px;
	height: 331px;
	position: absolute;
	left: 427px;
	z-index: 0;
}
div#backh10 {
	background: url(grafika/home10.jpg) no-repeat;
	width: 213px;
	height: 331px;
	position: absolute;
	left: 640px;
	z-index: 0;
}
div#backh11{
	background: url(grafika/home11.jpg) no-repeat;
	width: 214px;
	height: 331px;
	position: absolute;
	left: 853px;
	z-index: 0;
}
div#backh12 {
	background: url(grafika/home12.jpg) no-repeat;
	width: 213px;
	height: 331px;
	position: relative;
	left: 1067px;
	z-index: 0;
}
/*Logo Przystań*/
img.logo { position: absolute; top: 32px; border: 0; z-index: 1; left: 395px; }

div#srodkowy { 
	width: 758px;
	height: 344px;
	position: absolute;
	left: 260px;
	top: 270px;
	background: url(grafika/whiteback.png);
	z-index: 1;
	}

div#srodkowy2 {
	width: 758px; height: 223px;
	position: absolute;
	left: 0px;
	top: 344px;
	background: url(grafika/whiteback.png);
	z-index: 1;
}

/*Fotka pierwsza strona*/
div#fotka { 
	width: 540px;
	height: 525px;
	z-index: 2;
	position: relative;
	left: 135px;
	top: 32px;
}
img.powitanie { 
	z-index: 2;
	position: relative;
	left: 7px;
	top: 10px;
}
/* IE 7 Hack */
*:first-child+html  img.powitanie {
	z-index: 2;
	position: relative;
	left: -100px;
	top: 10px;
}
.adres { 
	z-index: 2;
	position: relative;
	left: 25px;
	top: 35px;
}
/* IE 7 Hack */
*:first-child+html  img.adres {
	z-index: 2;
	position: relative;
	left: -75px;
	top: 35px;
}
.adresx2 { 
	z-index: 2;
	position: relative;
	left: 420px;
	top: 144px;
}
/*Podkładki białe*/
div#podkladka_onas {
	width: 540px;
	height: 495px;
	background: url(grafika/onasp.png) no-repeat;
	position: absolute;
	left: 135px;
	top: 30px;
	z-index: 3;
}
div#podkladka_oferta {
	width: 540px;
	height: 495px;
	background: url(grafika/ofertap.png) no-repeat;
	position: absolute;
	left: 135px;
	top: 30px;
	z-index: 3;
}
div#podkladka_galeria {
	width: 540px;
	height: 495px;
	background: url(grafika/galeriap.png) no-repeat;
	position: absolute;
	left: 135px;
	top: 30px;
	z-index: 3;
}
div#podkladka_kontakt {
	width: 540px;
	height: 495px;
	background: url(grafika/kontaktp.png) no-repeat;
	position: absolute;
	left: 135px;
	top: 30px;
	z-index: 3;
}






/*Galeria*/
div#foty {
	position: absolute;
	left: 22px;
	top: 90px;
 }
  /* IE 7 Hack */
*:first-child+html  div#foty{
	top: 70px;
}
img.mini01 {padding-left: 4px; border: 0; }
img.mini02 {padding-left: 4px; border: 0; }
img.mini03 {padding-left: 4px; border: 0; }
img.mini09 {padding-left: 4px; border: 0; }

img.mini04 {padding-left: 4px; border: 0; padding-top: 10px; }
img.mini07 {padding-left: 4px; border: 0;  padding-top: 10px;  }
img.mini08 {padding-left: 4px; border: 0;  padding-top: 10px;  }
img.mini11 {padding-left: 4px; border: 0;  padding-top: 10px;  }
img.mini13 {padding-left: 3px; border: 0;  padding-top: 10px;  }
img.mini14 {padding-left: 9px; border: 0;  padding-top: 10px;  }
img.mini06 {padding-left: 11px; border: 0;  padding-top: 10px;  }
img.mini16 {padding-left: 11px; border: 0; padding-top: 10px; }
img.mini17 {padding-left: 11px; border: 0; padding-top: 10px; }
img.mini15 {padding-left: 3px;  border: 0; padding-top: 10px; }

img.mini18 {padding-left: 4px; border: 0; margin-top: 10px; }
img.mini19 {padding-left: 4px; border: 0; padding-top: 10px; }
img.mini21 {padding-left: 0px; border: 0; padding-top: 10px; }



img.mini30 {padding-left: 6px; border: 0; padding-top: 10px; }
img.mini31 {padding-left: 6px; border: 0;  padding-top: 10px;  }
img.mini32 {padding-left: 6px; border: 0;  padding-top: 10px;  }
img.mini33 {padding-left: 6px; border: 0;  padding-top: 10px;  }

img.mini40 {padding-left: 8px; border: 0;  padding-top: 6px;  }

/*Fotografie*/
div#fotki_oferta {
	position: relative;
	top: 355px;
	left: 37px;	
}
img.kontakt_foto  {
	position: relative;
	top: 275px;
	left: 52px;	
}
/*Menu*/
div#menu { padding-top: 90px; float: left; }
ul { 16px; list-style-type: none; padding-left: 25px;}
li.list1 {background:transparent url(grafika/onas.png) no-repeat; padding-bottom: 35px;}
a#item1:hover {background-position:0 0; z-index:50;}
a#item1 {display:block; width:78px; height:0; padding-top:25px; color:#000; overflow:hidden;}
a#item1 {background:transparent url(grafika/onas_hover.png) -130px -90px no-repeat;}
li.list2 {background:transparent url(grafika/oferta.png) no-repeat; padding-bottom: 35px; }
a#item2:hover {background-position:0 0; z-index:50;}
a#item2 {display:block; width:78px; height:0px; padding-top:25px; color:#000; overflow:hidden;}
a#item2 {background:transparent url(grafika/oferta_hover.png) -130px -90px no-repeat;}
li.list3 {background:transparent url(grafika/galeria.png) no-repeat; padding-bottom: 35px; }
a#item3:hover {background-position:0 0; z-index:50;}
a#item3 {display:block; width:78px; height:0; padding-top:25px; color:#000; overflow:hidden;}
a#item3 {background:transparent url(grafika/galeria_hover.png) -130px -90px no-repeat;}
li.list4 {background:transparent url(grafika/kontakt.png) no-repeat; padding-bottom: 35px; }
a#item4:hover {background-position:0 0; z-index:50;}
a#item4 {display:block; width:78px; height:0; padding-top:25px; color:#000; overflow:hidden;}
a#item4 {background:transparent url(grafika/kontakt_hover.png) -130px -90px no-repeat;}

 /* IE 7 Hack */
*:first-child+html  div#menu{
	padding-top: 110px;
}


/*Teksty*/
p.onas {  font: normal 11px tahoma;
		 text-align: center;
		 position: absolute;
		 left: 40px;
		 top: 40px;
 }
 /* IE 7 Hack */
*:first-child+html  p.onas{
	top: 50px;
}
p.oferta { font: normal 11px tahoma;
		 text-align: center;
		 position: absolute;
		 left: 40px;
		 top: 42px;
 }
p.kontakt { font: normal 11px tahoma;
		 text-align: center;
		 position: absolute;
		 left: 160px;
		 top: 50px;
 }
p.zapraszamy { font: normal 14px tahoma; top: 40px; left: 60px; position: absolute; }
 /* IE 7 Hack */
*:first-child+html  p.zapraszamy{
	top: 55px;
}
span.naglowek { text-decoration: underline; font-weight: bold; }
a.black { text-decoration: none; color: #000000; }
a.black:hover { font-weight: bold; color: #894E15; }
a.blue { text-decoration: none; color: #7d7b80 ; font: 12px tahoma; }

body#homebg {
	background: #B3C1CC;
}

div#container {
	width: 900px;
	height: 641px;
	border: 0px solid black;
	margin: auto;
	position: relative;
	top: 20px;
}
div#back201 {
	background: url(grafika/home01.gif) no-repeat;
	width: 300px;
	height: 214px;
	position: absolute;
	z-index: 0;
}
div#back202 {
	background: url(grafika/home02.gif) no-repeat;
	width: 300px;
	height: 214px;
	position: absolute;
	left: 300px;
	z-index: 0;
}
div#back203 {
	background: url(grafika/home03.gif) no-repeat;
	width: 300px;
	height: 214px;
	position: relative;
	left: 600px;
	z-index: 0;
}
div#back204 {
	background: url(grafika/home04.gif) no-repeat;
	width: 300px;
	height: 213px;
	position: absolute;
	left: 0px;
	z-index: 0;
}
div#back205 {
	background: url(grafika/home05.gif) no-repeat;
	width: 300px;
	height: 213px;
	position: absolute;
	left: 300px;
	z-index: 0;
}
div#back206 {
	background: url(grafika/home06.gif) no-repeat;
	width: 300px;
	height: 213px;
	position: relative;
	left: 600px;
	z-index: 0;
}
div#back207 {
	background: url(grafika/home07.gif) no-repeat;
	width: 300px;
	height: 214px;
	position: absolute;
	left: 0px;
	z-index: 0;
}
div#back208 {
	background: url(grafika/home08.gif) no-repeat;
	width: 300px;
	height: 214px;
	position: absolute;
	left: 300px;
	z-index: 0;
}
div#back209 {
	background: url(grafika/home09.gif) no-repeat;
	width: 300px;
	height: 214px;
	position: relative;
	left: 600px;
	z-index: 0;
}

img.phome {
	position: absolute;
	top: 30px;
	left: 51px;
	z-index: 1;
	border: 0;
}
img.mhome {
	position: absolute;
	top: 185px;
	left: 110px;
	z-index: 1;
	border: 0;
}
img.flagapl1{
	position: absolute;
	top: 138px;
	left: 827px;
	z-index: 1;
	border: 0;
}
img.flagaen1 {
	position: absolute;
	top: 138px;
	left: 848px;
	z-index: 1;
	border: 0;
}
img.flagapl2{
	position: absolute;
	top: 155px;
	left: 827px;
	z-index: 1;
	border: 0;
}
img.flagaen2 {
	position: absolute;
	top: 155px;
	left: 848px;
	z-index: 1;
	border: 0;
}
img.flagapl {
	position: absolute;
	top: 5px;
	left: 705px;
	z-index: 1;
	border: 0;
}
img.flagaen {
	position: absolute;
	top: 5px;
	left: 730px;
	z-index: 1;
	border: 0;
}
img.logo_marina{
	position: absolute;
	top: 350px;
	left: 37px;
	z-index: 5;
	border: 0;
}

p.nastepna {
	color: #000000;
	font-family: tahoma;
	font-size: 11px;
	position: relative;
	left: 335px;
	top: -37px;
	border: 0px solid black;
	width: 120px;
}

p.nastepna1 {
	color: #000000;
	font-family: tahoma;
	font-size: 11px;
	position: relative;
	left: 335px;
	top: -6px;
	border: 0px solid black;
	width: 120px;
}

p.poprzednia{
	color: #ffffff;
	font-family: tahoma;
	font-size: 11px;
	position: relative;
	left: 7px;
	top: -10px;
	width: 120px;
}
a.nastepna {
	text-decoration: none;
	color: #000000;
}
a.poprzednia {
	text-decoration: none;
	color: #000000;
}