* { margin: 0px; padding: 0px; }
body {text-align: center; background: #cccccc url("bg.jpg") repeat-x left top;  }

img { border-width: 0px; }

.clr {clear: both;}

/* Layout */
/* moje style wykorzystywane podczas wprowadzania artykułów ========================================== */
#flashContent { width:100%; height:100%; text-align: center; }

BODY, div, td, th, li.OpenSpa, li.OpenSpaDiv, h1, h2.OpenSpa, h4.OpenSpa, p.OpenSpa, a.OpenSpa, p.OpenSpaDiv, p.OpenSpaWyroznienie, span.OpenSpaWyroznienie {
	font-family: Helvetica, sans-serif;
	color: rgb(83,83,83);
	font-size: 10pt;
}
		#flashContent { width:100%; height:100%; }

li.OpenSpa, li.OpenSpaDiv {
	list-style-image: url(menubg.jpg);
	padding-top: 1px;
	padding-bottom: 1px;
	text-align: justify;
}
h1 {
	font-size: 16pt;
	color: rgb(89, 32, 82); 
	text-align: left;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc; margin-bottom: 25px;
	padding-bottom: 15px;
	padding-top: 15px;
}
h2.OpenSpa {
	color: rgb(89, 32, 82);
	margin-top: 10px;
	margin-bottom: 5px;
	
	margin-left: 0px;
	margin-right: 20px;
	
	padding-left: 5px;
	padding-bottom: 3px;
	padding-top: 10px;
	border-bottom: solid 1px #ccc;
}

h4.OpenSpa {
	margin-top: 10px;
	margin-bottom: 5px;
	text-align: left;
	color: rgb(89,32,82);
	font-size: 10pt;
}
p.OpenSpa, a.OpenSpa, p.OpenSpaWyroznienie, p.OpenSpaDiv {
	color: rgb(83,83,83);
	text-align: justify;
	padding-top: 3px;
	padding-bottom: 3px;
}
p.OpenSpaWyroznienie, span.OpenSpaWyroznienie {
	color: rgb(89,32,82);
}
p.OpenSpaPowrot, a.OpenSpaPowrot {
	font-family: Helvetica, sans-serif;
	font-size: 8pt;
	text-align: right;
	color: rgb(89, 32, 82);
}
p.OpenSpaDiv, li.OpenSpaDiv {
	font-size: 9pt;
}

table.OpenSpaUwaga {
	text-align: center;
	background-color: #d0f0ef;
	border-left: 1px solid rgb(63,23,58); 
	border-top: 1px solid rgb(63,23,58);
	border-right: 1px solid rgb(204,204,204); 
	border-bottom: 1px solid rgb(204,204,204); 
	
}
td.OpenSpaUwaga {
	border-right: 1px solid rgb(63,23,58); 
	border-bottom: 1px solid rgb(63,23,58);
	border-left: 1px solid rgb(204,204,204); 
	border-top: 1px solid rgb(204,204,204); 
	padding: 3px;
}
th.OpenSpaUwaga {
	border-right: 1px solid rgb(63,23,58); 
	border-bottom: 1px solid rgb(63,23,58);
	border-left: 1px solid rgb(204,204,204); 
	border-top: 1px solid rgb(204,204,204); 
	padding: 3px;
}

th.Zabieg {
	background-color: rgb(243, 243, 243);
	border-left: 1px solid rgb(63,23,58); 
	border-top: 1px solid rgb(63,23,58);
	border-right: 1px solid rgb(204,204,204); 
	border-bottom: 1px solid rgb(204,204,204); 
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 3px;
	text-align: left;
}

th.ZabiegNazwa, td.ZabiegNazwa {
	text-align: left;
	color: rgb(83,83,83);
}

th.ZabiegCena, td.ZabiegCena {
	text-align: right;
	color: rgb(83,83,83);
width: 50px;
}

a {
	text-decoration: none;
	color: rgb(89, 32, 82);
}


/*
a.menuitem {
	border-bottom: 1px solid #ccc;
	display: block;
	text-decoration: none;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}

a.menuitem:hover {
	border-bottom: 1px solid #ccc;	border-top: 1px solid #ccc;
	display: block;
	background-color: rgb(231, 245, 245);
	text-decoration: none;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}
*/

/*
a:link - wygląd odsyłacza na stronie
a:visited - wygląd odwiedzonego hiperłącza
a:hover - link po najechaniu myszką
a:active - link aktywny
*/
a.menuitem:link, a.menuitem:visited, a.menuitem:active { display: block; border-bottom: 1px solid #CCC; padding: 8px 10px 8px 33px; background: url(menubg.jpg) no-repeat 20px 13px; color: rgb(89, 32, 82);}

a.menuitem:hover { text-decoration: none; color: rgb(89, 32, 82);  background: url(menubgactive.jpg) no-repeat 20px 13px; }



/* koniec mojej części - Marcin ========================================================================================= */

#container { width: 900px; margin: 0px auto 25px auto; padding-bottom: 25px; text-align: left; }

#top { width: 900px; height: 300px; position:relative }
#top #baner11 {position:absolute; left: 0px; top:0px;z-index: 100}
#top #flaglang{position:absolute; background: #ffffff; width: 100px; height: 100px;right: 0px; bottom:0px;z-index: 2;}
#top .ins { padding: 18px 0px 0px 18px; }

#mainsite { background: #fff; width: 900px; }

#left { float: left; width: 180px;height: 100%;  }
#left .ins { padding: 0px 0px 422px; }
#left ul { list-style: none; }

h3 { color: #009996; font: 12px Verdana;   }


#right { float: left; width: 720px; height: 400px; background: url(contentbg.jpg) no-repeat left top; }
html>body #right { height: auto; min-height: 400px; }
#right .ins { padding: 20px 30px 20px 30px; }

#footer { font-size: 11px; color: #009996; background: #fff; position:relative}
#logobgb {position:absolute;top:-422px; left: 0px;background: url(menuleftbg.jpg) no-repeat left bottom;width: 179px; height:422px}
#footer a { color: #009996; font-size: 11px; }
#leftfooter { float: left; width: 180px; background: url(footerbgright.gif) repeat-x left top; padding-top: 15px; padding-bottom: 5px;  }
#leftfooter .ins { padding-left: 15px; }
#rightfooter { float: left; text-align: right; width: 720px; background: url(footerbgright.jpg) no-repeat left top; padding-top: 15px; }
#rightfooter .ins { padding-right: 15px; }

#right ul { margin: 0px 0px 0px 20px; }
#right ol { margin: 10px 0px 10px 30px; }
#right a {  color: rgb(89, 32, 82); }
#right a:hover {text-decoration: underline;}

/*
#right a {  color: rgb(63, 23, 58); }
Szer. geograficzna  	Dł. geograficzna
54.34991597976086 	18.6073637008667*/


.container-nowa-glowna {
	width: 660px; margin: 0; padding: 0; overflow: hidden;
}
.container-nowa-glowna, p {
	margin: 4px 0;
}
.tip {
	color: #000;
	background:#fff;
	display:none; /*--Hides by default--*/
	padding:10px;
	position:absolute;	z-index:1000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 7px;
	border: 1px solid #00a39f;
}