body {
	font-family: Verdana, sans-serif;
	font-size: small;
	background: #F8EEE5;
	margin: 0 auto;
	padding: 0;
}
/*
*{
	margin: 0;
	padding: 0;
}*/
#pojemnik { /*pojemnik wszystkich elementow */
	width: 900px;
	margin: 0 auto;
}
#naglowek1 { /*naglowek pierwszy - znaczek */
	background: url(img/top1.png) no-repeat;
	padding-top: 110px;
}
#naglowek2 { /*naglowek drugi - zdjecia */
	background: url(img/top2.jpg) no-repeat;
	padding-top: 130px;
}

/* ----- PASEK ----- */
.pasek { /*opakowanie paska */
	height: 23px;
	width: 890px; /* 900px - 2*5px marginesu*/
	margin: 0px auto; /*automatyczny margines srodkuje pasek */
	background: url(img/tlo_pasek.png) repeat; /*tlo paska */
	color: white;
}

.pasek a { /*link z adresem www.delfinek.net */
	color: white;
	text-decoration: none;
}
.pasek .tlo { /*tlo lewe */
	float: left; /*ustawienie elementu po lewej stronie innych */
	height: 23px;
	width: 8px;
	background: url(img/tlo_pasek_l.png) no-repeat bottom left;
}
.pasek .lewy { /*lewa część paska */
	height: 20px; /* 23px - 2px padding top */
	width: 300px;
	float: left;
	text-align: left;
	padding: 3px 0 0 12px; /*margines: 12px + 8px elementu z lewym tlem (.pasek .lewy) */
}
.pasek .prawy{
	height: 20px;
	width: 300px;
	float: right;
	text-align: right;
	padding: 3px 20px 0 0;
	background: url(img/tlo_pasek_p.png) no-repeat top right; /*prawe tło paska */
}

.pasek .prawy img{
	border: none;
	width:52px;
	height:17px;
	text-align: left;
}

/* ----- MENU ----- */
#menu { /* pojemnik menu */
	float: left;
	width: 190px;
	margin: 10px 0 10px 5px;
	background: url(img/tlo_pasek.png);
	display: inline; /* usuwa w IE podwójny margines*/
}
#menu .zewnetrzny { /* pojemnik */
	padding: 5px 10px 5px 10px;
}

#menu  .gora { /*zaokrąglone rogi u góry menu */
	height: 10px;
	width: 190px;
	background: url(img/menu_g.png) no-repeat top left;
}

#menu  .dol { /*zaokrąglone rogi na spodzie menu */
	height: 10px;
	width: 190px;
	background: url(img/menu_d.png) no-repeat bottom right;
}
#menu .box { /*pojemnik na określone menu 190px-2*10px=170px*/
	margin: 10px 0 10px 0;
	font-size: 90%;
	line-height: 1.5em; /*odstępy między linkami */
	background: url(img/box_tlo.png) repeat;
}

#menu .box h3 { /*tytuł i tło górnego narożnika */
	margin: 0;
	padding: 10px;
	font-family: Georgia, serif;
	font-size: 120%;
	color: #0063A0;
	background: url(img/box_naroznik_l.png) no-repeat top left;
	text-decoration: underline;
}

#menu .box .dol { /*tło dolnego narożnika */
	height: 9px;
	width: 170px;
	background: url(img/box_naroznik_p.png) no-repeat bottom right;
}
#menu .box p, .box ul{
	margin: 0;
	padding: 0 10px;
}

#menu .box ul li {
	margin: 0 0 0 10px;
	list-style-type: none;
}

#menu .box a {
	text-decoration: none;
	color: white;
}

#menu .box a:hover {
	text-decoration: underline overline;
}

#menu  .box .wybrany {
	color: #FFA900;
	font-weight: bold;
}


/* ----- TREŚĆ ----- */
#tresc {
	float: right;
	margin: 10px 5px 10px 10px;
	padding: 0;
	width: 690px; /* 900-2*5px(margines boczny)-190px(menu) */
}

#tresc .obudowa { /*pojemnik*/
	margin: 0 5px 0 5px;
	padding: 0;
	font-size: 100%;
	background: url(img/txt_tlo.png) repeat;
}

#tresc .obudowa h1 { /*tytuł i tło górnego narożnika */
	margin: 0;
	padding: 10px;
	font-family: Georgia, serif;
	font-size: 120%;
	color: #0865BE;
	background: url(img/txt_naroznik_l.png) no-repeat top left;
	text-decoration: underline;
}

#tresc .obudowa h2 { /*podtytuł */
	margin: 0;
	padding: 20px 10px 10px 20px;
	font-family: Georgia, serif;
	font-size: 100%;
	color: #0865BE;
}

#tresc .obudowa h2.promocja {
	font-family: Veradana, Arial, sans-serif;
	font-size: 100%;
	color: red;
	text-align: center;
	padding: 10px;
}

#tresc .obudowa h2.cennikopis {
	font-family: Veradana, Arial, sans-serif;
	font-size: 100%;
	text-align: center;
	padding: 10px;
}

#tresc .obudowa h2.cennik {
	margin: 0px;
	padding: 0px;
	font-size:100%;
	font-weight: bold;
	color: #0865BE;
	text-decoration: underline;
	text-align: center;
}

#tresc .obudowa h3{ /*podtytuł */
	margin: 0;
	padding: 10px 10px 10px 30px;
	font-family: Verdana, sans-serif;
	font-size: 90%;
	color: #0865BE;
}

#tresc .obudowa h4{ /*podtytuł */
	margin: 0;
	padding: 0px 10px 0px 40px;
	font-family: Verdana, sans-serif;
	font-size: 70%;
	color: #0865BE;
}

#tresc ul{
	margin: 0 15px;
	padding: 0 25px;
}

#tresc ul li {
	margin: 0 0 0 10px;
	list-style-type: circle;
	color: #0865BE;
}

#tresc ul li .kolor {
	color: #545454;
}

#tresc .obudowa a{
	color: #0865BE;
}

#tresc .obudowa a.promocja{
	color: red;
}

#tresc .obudowa a:hover{
	color: #FFA900;
}

#tresc .obudowa p.text{
	padding: 0 35px;
	text-indent: 2em;
	text-align: justify;
	margin: 0;
	color: #545454;
}
#tresc .obudowa p.kontakt{
	color: #545454;
	padding: 0 35px;
	text-align: left;
	margin: 0;
}

#tresc .zdjecie_glowna {
	text-align: center;
	margin: 20px;
}
#tresc .zdjecie_glowna  img{
	padding: 4px;
  	border: 1px solid #D9E0E6;
  	border-bottom-color: #C8CDD2;
  	border-right-color: #C8CDD2;
  	background: #fff;
}
#tresc .obudowa .dol { /*tło dolnego narożnika */
	height: 9px;
	width: 680px;
	background: url(img/txt_naroznik_p.png) no-repeat bottom right;
}

/* ----- STOPKA ----- */
#stopka {
	text-align: center;
	clear: both;
}

/* ----- FORMULARZ ----- */
#formularz {
	padding: 10px 20px 10px 20px;
	margin: 0;
}
#formularz input.tekst {
	float: left;
	color: #002B82;
	border: 1px inset #002B82;
	width: 180px;
	margin: 5px 0;
}
#formularz input.przycisk {
	color: #002B82;
	background-color: #269AE1;
	border: 1px outset #002B82;
	margin: 0 0 0 5px;
}
#formularz textarea {
	color: #002B82;
	background-color: #FFFFFF;
	border: 1px inset #002B82;
	width: 616px;
	padding: 0;
}
#formularz form p {
	clear: left;
	margin: 0;
	padding: 0;
}
#formularz form p label {
	float: left;
	width: 180px;
	color: #002B82;
	padding: 5px 0;
}

#formularz form label.kod {
	float: left;
	width: 230px;
	color: #002B82;
	padding: 5px 0;
}
#formularz form p.srodek {
	text-align: center;
}
#formularz fieldset {
	border: 1px dotted #002B82;
	margin: 16px 0 5px 0;
	padding: 10px;
}
#formularz legend {
	font: bold 0.8em Arial, Helvetica, sans-serif;
	color: #002B82;
	background-color: #FFFFFF;
}
#formularz .przyciski {
	text-align: right;
}
#formularz .info_spr {
	width: 200px;
	float: left;
	margin: 0px 0px 0px 10px;
	padding: 5px 0;
}
p.wiadomosc {
	color: #BF0000;
	font-weight: bold;
	text-align: center;
	margin: 0px 10px;
	margin-bottom: 10px;
	background: #FFAF9F;
	padding: 4px;
}
p.wiadomosc2 {
	color: #659800;
	font-weight: bold;
	text-align: center;
	margin: 0px 10px;
	margin-bottom: 10px;
	background: #DDF197;
	padding: 4px;
}
img.dolny {
	margin: 0px 5px;
	vertical-align: bottom;
}

/* ----- ATRAKCJE ----- */
#opis {
  	margin: 0 auto;
  	width: 600px;
  	padding: 0;
  	}
#opis dl {
  	float: left;
  	width: 560px;
  	margin: 10px 20px;
  	padding: 0;
  	display: inline; /* poprawa podwójnych marginesów w IE */
  	}
#opis dt {
  	float: right;
  	width: 442px;
  	margin: 0;
  	padding: 0;
  	font-size: 130%;
  	letter-spacing: 1px;
  	color: #0865BE;
  	}
#opis dd {
  	margin: 0 0 0 118px;
  	padding: 0;
  	font-size: 85%;
  	line-height: 1.5em;
  	color: #545454;
  	}
#opis dl dd.img {
   	margin: 0;
   	}
#opis dd.img img {
  	float: left;
  	margin: 0 8px 0 0;
  	padding: 4px;
  	border: 1px solid #D9E0E6;
  	border-bottom-color: #C8CDD2;
  	border-right-color: #C8CDD2;
  	background: #fff;
  	}
#opis .alt dt {
  	float: left;
	width: 442px;
  	}
#opis .alt dd {
  	margin: 0 118px 0 0;
  	}
#opis .alt dd.img img {
  	float: right;
  	margin: 0 0 0 8px;
  	}
	
/* ----- CENNIK ----- */

table.cennik {
 	border-collapse:collapse;
	font-size: 85%;
	margin: 15px auto;
	color: #545454;
	}
table.cennik td {
	border-right: 1px solid #0865BE;
	border-bottom: 1px solid #0865BE;
	text-align:center;
	}

table.cennik th {
	border: 1px solid #0865BE;
	text-align:center;
	padding-right:.3em;
	color: #0865BE;
}

table.cennik th[scope="col"] {
	border-right: 1px solid #0865BE;
	border-bottom :3px solid #0865BE;
	padding:8px 14px; 
	}
table.cennik th[scope="row"] {
	text-align:left;
	border-right:3px solid #0865BE;
	padding:8px 14px; 
	}
table.cennik td {
	padding:8px 14px; 
	}
table.cennik caption {
	margin-bottom: 15px;
	font-size:100%;
	font-weight: bold;
	color: #0865BE;
	text-decoration: underline;
	}
	

/* ----- GALERIA ----- */
.galeria {
  	margin: 10px 0 0 30px;
  	}
	
.galeria img {
  	margin: 10px 5px;
  	padding: 4px;
  	border: 1px solid #D9E0E6;
  	border-bottom-color: #C8CDD2;
  	border-right-color: #C8CDD2;
  	background: #fff;
  	}
.galeria a:hover img {
	background: #54AFE7;
}

/* ----- MAPA ----- */
#map {
	width: 540px;
	height: 340px;
	margin: 0 auto;
}