/* terapia.moksamed.pl */

* {
	margin: 0;
	padding: 0;
}

html {
	margin: 0;
	overflow-y: scroll;
}

body { 
	margin: 0; padding: 0;
	text-align: center; /* wyśrodkowanie container w IE */
	background: #FAE8D3;
	background-image: url(rolletic-tlo.png);	
}

#container {
	position: relative; /* zamiast static, wtedy wewn. względem tego przy absolute */
	width: 1000px; /* FF poszerza width o padding, IE nie poszerza */
	text-align: left;
	border: solid #e5a177 1px; border-top: 0px;
	/*
	-moz-border-radius-topleft:0px;
	-moz-border-radius-topright:0px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	*/
	margin: 0px auto 0px auto; /* wyśrodkowanie content w FF */
	background: #fff2d8;
}

	#corner-bottom-left {
		background-image: url('corner-bottom-left.png');
		background-repeat: no-repeat;
		width: 10px; height: 10px;
		background-position: bottom left;
		position: absolute;
		bottom: -1px; left: -1px;
	}
	#corner-bottom-right {
		background-image: url('corner-bottom-right.png');
		background-repeat: no-repeat;
		width: 10px; height: 10px;
		background-position: bottom right;
		position: absolute;
		bottom: -1px; right: -1px;
	}



	#footer-design {
		font-family: "Verdana", sans-serif;
		font-size: 7.5pt;
		position: relative; /* powoduje, że absolute nie dotyczy okna a div */
		width: 1000px; /* FF poszerza width o padding, IE nie poszerza */
		text-align: right;
		margin: 0px auto 0px auto; /* wyśrodkowanie content w FF */
		height: 1.5em;
		font-weight: bold;
		color: #723715;
	}
		#footer-design a {
			font-size: 10px;
			font-weight: bold;
			text-decoration: none;
			color: #000000;
		}
		#footer-design a:hover, #footer-design a:active {
			font-size: 10px;
			font-weight: bold;
			text-decoration: none;
			color: #ff0000;
		}
		
		
	#header {
		width: 1000px; height: 190px;
	}

	#subheader {
		width: 660px; height: 45px;
		background-image: url(gfx-sub-top.png);
		position: relative;	/* zamiast static */
		margin-bottom: 1.3em;
	}

		#page-title {
			position: absolute;
			bottom: 0; left: 0; right: 0; /* element na środek i do dołu */
			width: 660px; /* IE nie rozciąga div, dlatego na sztywno */
		}
		#page-title h1 {
			font-size: 16pt;
			font-weight: bold;
			font-style: italic;
			text-align: center;
			color: #920629;
			margin: 0;
		}

	#page {
		margin: 5px 20px 20px 20px;
	}

	#navi {
		width: 170px; height: 365px;
		position: absolute; top: 190px; left: 0px;
		background-image: url(gfx-menu_upper.jpg);
		background-repeat: no-repeat;
	}
		#navi ul {
			margin: 85px 0 0 25px;
		}
		#navi li {
			list-style-type: none;
			margin: 0 0 0.3em 0;
		}
		#navi a {
			text-decoration: none;
			font-family: "Georgia", serif;
			font-style: italic;
			font-weight: bold;
			font-size: 18pt;
			color: #96010f;
		}
		#navi a:hover {
			color: #ff0000;
		}

	#content {
		width: 660px; min-height: 365px;
		position: relative; left: 170px;
		text-align: center; /* wyrównanie w IE */
	}

	#prawy-obrazek {
		width: 170px; height: 365px;
		position: absolute; top: 190px; right: 0px;
	}

	#footer {
		width: 1000px; height: 15px;
		text-align: center;

		font: bold 8pt "Verdana", sans-serif;
		color: #a26157;
	}
	#footer a {
		color: #a26157;
		text-decoration: none;
	}
	#footer a:hover, #footer a:active {
		color: #5a3020;
		text-decoration: none;
	}

	#stats {
		position: relative;
		top: 10px;
		text-align: center;
		height: 46px; /* gdy jest mniej, to rozwala rogi wrappera w IE6 */
	}


/* style dla całego serwisu */

body, p, td, a, li p {
	font: 10pt "Verdana", sans-serif;
	color: #000000;
}

p {
	text-align: justify;
	margin: 0px 0px 1em 0px;
	text-indent: 0em;
}

a {
	font-weight: normal;
	color: #472b26;
	text-decoration: underline;

}
a:hover {
	font-weight: normal;
	color: #ff0000;
	text-decoration: underline;
}

h1 {
	font-size: 14pt;
	color: #c3002a;
	
	margin: 0px 0px 0.5em 1em;
	text-align: left;
}

h2 {
	font-weight: bold;
	font-size: 10pt;
	color: #dd0000;
	
	margin: 0px 0px 0px 0px;
	text-align: left;
}

h3 {
	font-weight: bold;
	font-size: 10pt;
	color: #472b26;
	margin: 0px 0px 0px 0px;
	text-align: left;
}

b, strong {
	color: #472b26;
}

ul {
	margin-top: 0.2em;
	margin-bottom: 1em;
	padding-left: 0px;
	margin-left: 20px;
}


li {
	font-size: 10pt;
	color: #d88376;
	/*list-style-image: url(smile.gif);*/
	list-style-type: disc;
}

li h2 {
	font-size: 10pt;
	color: #000000;
	margin: 0px 0px 0px 0px;
	text-align: left;
	font-weight: normal;
}

li p {
	font-size: 10pt;
	color: #000000;
	margin: 0px 0px 0px 0px;
	text-align: left;
	font-weight: normal;
}

hr {margin: auto;}

img {
	border-width: 0px;
}

img.grafika {
	border-width: 0px;
  display: block;
}

div.powrot {
   margin: 0px 0px 0px 0px;
   text-align: right;
}
	div.powrot a {
		 font-weight: bold;
		 color: #920629;
		 text-decoration: none;
	}
	div.powrot a:hover, div.powrot a:active {
		 font-weight: bold;
		 color: #ff0000;
		 text-decoration: none;
	}
	div.powrot img {
		 margin: 0px 0px 0px 0px;
		 vertical-align: baseline;
	}


/* strona GŁÓWNA */
#start {
	background-image: url('gfx-center.jpg');
	background-repeat: no-repeat;
	width: 660px;	height: 365px;
}


/* podstrona ROLLETIC */

#rolletic {text-align: left;}

	#rolletic div.zacheta h2 {
		font-family: "Trebuchet MS";
		font-weight: bold;
		font-style: italic;
		font-size: 12.5pt;
		margin-bottom: 0.3em;
	}
	#rolletic div.zacheta h2.w1a {color: #FF0000; font-size: 17pt; margin-bottom: 0.5em;}
	#rolletic div.zacheta h2.w1 {color: #F56708;}
	#rolletic div.zacheta h2.w2 {color: #dd0000;}
	#rolletic div.zacheta h2.w3 {color: #D64329;}

	#rolletic img {margin-top: 5px; margin-left: 10px}
	#rolletic td img, a img {margin: 0;}

	#rolletic a       {color: #920629; text-decoration: none;}
	#rolletic a:hover {color: #ff0000; text-decoration: none;}

	#rolletic a.cennik       {color: #000000;}
	#rolletic a:hover.cennik {color: #ff0000;}

	#rolletic div.rolletic-menu {
		margin-left: 2em; margin-bottom: 1em
	}
		#rolletic div.rolletic-menu a {
			/* font: italic normal bold 13pt; */
			font-size: 13pt; font-style: italic; font-weight: bold;
		}
	#rolletic img.intext {
		float: right;
	}



/* podstrona GALERIA */

#galeria {text-align: center;}

	#galeria img {
		border: solid 2px #FFD0AC;
		margin-bottom: 1em;
	}


/* podstrona OFERTA */

#oferta {
	margin: 0 30px 0 30px;
}


/* podstrona LINKI */

#linki {
	width: 260px;
	margin: 0 auto 0 auto;
	text-align: left;
}
	#linki a {
		color: #5a3020;
		font-weight: normal;
		text-decoration: none;
	}
	#linki a:hover {
		color: #000000;
		font-weight: normal;
		text-decoration: underline;
	}

	#linki img {
		border: 1px solid;
		border-color: #707070;
	}

	#linki div.link-obrazek {
		font-weight: bold;
		text-align: center;
		width: 250px;
	}
		#linki div.link-obrazek h3 {
			font-size: 8pt;
			margin: 0px 0px 3px 0px;
			color: #000000;
		}
		#linki div.link-obrazek a {
			font-weight: bold;
		}
		#linki div.link-obrazek a:hover {
			font-weight: bold;
		}


	#linki ul {
		margin-top: 0.2em;
		margin-bottom: 1em;
		padding-left: 0px;
		margin-left: 10px;
	}
		#linki li {
			font-size: 10pt;
			list-style-type: none;
		}



/* podstrona DOJAZD */

#dojazd {text-align: center;}

	#dojazd h1 {
		text-align: center;
		margin: 0 0 0.3em 0;
		font-size: 13pt;
		color: #FC3B00;
	}

	#dojazd h2 {
		text-align: center;
		font-size: 11pt;
		margin-bottom: 0.1em;
	}

	#dojazd div.kontakt {
		text-align: center;
		font-weight: bold;
	}
		#dojazd div.kontakt em {
			color: #ee0000;
			font-style: normal;
			font-weight: bold;
		}


	#dojazd-menu {
		width: 350px;
		text-align: left;
		margin: 0 auto 0 auto;
	}
		
		#dojazd-menu a {
			color: #000000;
			font-size: 11pt;
			font-style: normal;
			text-decoration: none;
			font-weight: bold;
		}

		#dojazd-menu a:hover {
			color: #ff0000;
			font-size: 11pt;
			font-style: normal;
			text-decoration: none;
			font-weight: bold;
		}

		#dojazd-menu li {
			margin-bottom: 0.3em;
			padding-left: 0.5em;
			list-style-image: url(dojazd-arrow.gif);
			height: 1.5em;
		}

	#dojazd address {
		font-weight: bold;
		font-size: 10pt;
		font-style: normal;
	}

	#dojazd hr {width: 30%;}

	#dojazd img {
		border: solid 2px #FFD0AC;
		margin-bottom: 1em;
	}
	
	#dojazd p {text-align: center;}

	#dojazd div.zumi {margin-bottom: 1em;}

		#dojazd div.zumi img {margin: 0;}