/* Aktualizacja: Tue, 07 Apr 2009 11:02:59 +0100
   Autor:     Tomasz Jaworski
	 CSS dla stron XHTML: Port Marina II B
   ----------------------------------------------------*/
	
/* =KOLORY
	Niebieski  z innego projektu: 47 102 212; #2f66d4
	Niebieski z dolnej części grafiki topu: 0 51 153 ; #003399
	Niebieski tła akapitów: #004e9b
	Niebieski dla nagłówków: #bbddff
*/	 


/* =GŁÓWNE BLOKI
   ----------------------------------------------------*/
	
#layout
{
	text-align: center;
	width: 900px; height: 100%;
	margin: 0px auto;
	
	background: #003399;
	
	position: relative;
}	

#tresc
{
	position: absolute; top: 300px; left: 0px;
	width: 687px;
	border-left: 1px dotted #2f66d4; border-right: 1px dotted #2f66d4;
	background: #003399;	
	text-align: left;
}

									#tresc img
									{
										float: left;
								
									}
									
									#tresc strong
									{
										color: red;
										font-size: 30px;
									}

#ogloszenia
{
	position: absolute; top: 320px; left: 687px;
	width: 213px;
	text-align: left;
	
	padding: 0px;
}

									#ogloszenia p
									{ margin-left: 15px; }
									
									#ogloszenia img
									{
										margin-left: 0px; margin-bottom: 5px;
										border: 1px dotted white;
									}
									
									#ogloszenia img:hover
									{
										border: 1px solid white;
									}									
									
#flash
{
	position: absolute; top: 0px; left: 0px;
	width: 690px; height: 300px;
	
	background: url(pasek_top.jpg) repeat-x black;
}

#menu
{
	position: absolute; top: 0px; left: 690px;
	width: 210px; height: 300px;
	text-align: left;
	margin: 0px auto; padding: 0px;
	text-align: center;
}


#pogodynka
{
	background-color:#003399; color: white;
	width:210px; height:270px;
	margin: 0px auto;
}

#iframe
{
	background-color:#003399;
}




/* =Działy z opisami w treści właściwej
   ----------------------------------------------------*/
									
									#tresc h1
									{
										background: url(pasek_top.jpg) repeat-y #003399;
										height: 40px; width: 540px;
										
										border-bottom: 1px solid #2f66d4; 
										
										font-size: 24px; font-family: Arial, "Arial CE";
										
										margin: 0px; margin-bottom: 10px; margin-top: 30px;
										padding: 0px; padding-left: 5px;
									}
													
									#tresc p { padding: 15px; line-height: 1.4em; }
									
									#tresc span.tresc p, p
									{
										margin-left: 20px; margin-right: 20px; margin-top: 2px;
										padding: 5px;
										line-height: 1.5em;
										text-align: left;																		
										border-left: 0px solid #2f66d4;
										background: #004e9b;
									}
									
									#tresc p span
									{
										display: block;
										font-weight: bold;
										margin-top: 11px;
										color: yellow;
										cursor: pointer;
									}
									
									#tresc p:first-letter { font-weight: bold; }

									p.tresc
									{
										font-size: 12px;
									}
									

/* =Galeria
   ----------------------------------------------------*/
									
									h2.galeria
									{
										background: url(pasek_top.jpg) repeat-x #003399;
										height: 60px; width: 100%;
										padding: 0px;
										font-size: 18px;
										margin: 0px auto;
										cursor: pointer;
									}				
									
									h2.galeria img {margin-left: 10px;}
																			
									#galeria
									{
										background: url(pasek_top.jpg) repeat-x #003399;
										width: 100%; height: 300px;
										padding: 0px; padding-top: 15px;
										margin: 0px auto;
										text-align: center;
									}
									
									#galeria img
									{
										float: left;
										padding: 5px; margin: 5px;
										border: 1px solid white;
										opacity: .8;
										cursor: pointer;
									}
									
									#galeria img:hover
									{
										opacity: 1;
										cursor: pointer;
									}
									
																	
/* =INNE formatowania
   ----------------------------------------------------*/
	 
BODY
{
	margin: 0px; padding: 0px;
	text-align: center;
	font-family: Tahoma, Arial, "Arial CE";
	font-size: 12px;
	
	color: white;
	background: url(pasek_top.jpg) repeat-x #003399;
}

a { color: yellow; text-decoration: none; }
a:hover { border-bottom: 1px dotted white; }
a:focus { outline:0; }



.hide { display: none; }
.show { display: inline; }
a.noborder, img.noborder { border: 0px!important; opacity: 1!important; }

#z1, #z2, #z3, #z4 { cursor: pointer; }

#ogloszenia .first {display: none;}

ul {line-height: 1.4em;}

#tresc a:hover img, { border: 0px!important; }

#plan {height: 390px; margin-bottom: 100px;}
#lokalizacja {height: 259px; margin-bottom: 330px;}