/* CSS Document for MedSerwis Marek Stasiak */
/* Copyright 2006 pimago / Krzysztof Ptaszek <krzysiek@pimago.pl>, www.pimago.pl */ 

a:focus { -moz-outline: none -moz-mac-focusring; }
a { color: #28a6fc; }
a:hover { color: #df8aec; }
img { border: none; }

h1, h2, h3 {
	color: #8aa1c7;
	font-weight: normal;
	font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	}
h1,h2 { font-size: 1.5em; }
h1 { text-transform: uppercase; }
h3 { font-size: 1em; }

p { line-height: 1.6em; }



body {
	padding: 0; 
	margin: 0;
	background: #fff url('grafika/bck.jpg') repeat-x 0 0;
	color: #312f30;
	font-family: geneva, helvetica, arial, verdana;
	font-size: 75%;
	}

#centerContainer {
	margin: 0px auto 0px auto;
	width: 748px;
	padding: 0;
	}
	#tloContenera {
		width: 740px;
		padding: 0 4px 0 4px;
		clear: both;
		float: left;
		background: url('grafika/shadow.gif') no-repeat 0 0;
		}
#Container {
	width: 740px;
	float: left;
	background: url('grafika/container-bck.jpg') repeat-x 0 0;
	}

#Content {
	margin: 0 0 0 0px;
	padding: 0 20px 0 20px;
	float: left;
	width: 700px;
}

#top {
	clear: both;
	float: left;
	background: url('grafika/top-bck.gif') no-repeat 20px 0px;
	height: 170px;
	width: 740px;
}
	

#mainPageLink { 
	display: block;
	float: left; 
	width: 350px;
	height: 120px;
	}

#navi {
	float: right;
	margin: 45px 20px 0 0;
	padding: 0;
	list-style: none;
	
	}
#navi li {
	display: inline;
	}
#info {
	float: left;
	display: block;
	width: 49px;
	height: 48px;
	background: url('grafika/m-informacje.gif') no-repeat 0 0;
	text-indent: -9999999px;
	text-decoration: none;
	}
#oferta {
	float: left;
	display: block;
	width: 49px;
	height: 48px;
	background: url('grafika/m-oferta.gif') no-repeat 0 0;
	text-indent: -9999999px;
		text-decoration: none;
}
#certyfikaty {
	float: left;
	display: block;
	width: 49px;
	height: 48px;
	background: url('grafika/m-certyfikaty.gif') no-repeat 0 0;
	text-indent: -9999999px;
		text-decoration: none;
}
#kontakt {
	float: left;
	display: block;
	width: 49px;
	height: 48px;
	background: url('grafika/m-kontakt.gif') no-repeat 0 0;
	text-indent: -9999999px;
	text-decoration: none;
	}
#info:hover { background-position: 0px -48px; }
#oferta:hover { background-position: 0px -48px; }
#certyfikaty:hover { background-position: 0px -48px; }
#kontakt:hover { background-position: 0px -48px; }

#navi a.active { background-position: 0px -48px; cursor: default; } 

#title {
	float: left;
	}
#pasek {
	float: right;
	height: 20px;
	background: url('grafika/rozowy-pasek.gif') no-repeat 0 0;
	margin: 7px 0 30px 0;
	}

#leftCol {
	float: left;
	width: 240px;
	}
#rightCol {
	float: right;
	width: 450px;
	}
#ContactPage #leftCol {	padding: 0px 0 0 0; width: 200px; }
#ContactPage #rightCol { width: 490px; }
#ContactPage #pasek { margin: 7px 0 50px 0;	}


	#rightCol p { 
		margin: 10px 0 25px 0; 
		}
#Footer {
	clear: both;
	float: left;
	}
	
.border {
	display: block;
	text-decoration: none;
	width: 200px;
	padding: 10px 10px 15px 10px !important;
	padding/**/: 10px 5px 15px 5px;
	margin: 0 0 10px 0;
	border-top: 6px solid #a6b8d5;
	background: #dfe6f1 url('grafika/corner.gif') no-repeat right bottom;
	}
	.border h2 { margin: 0 0 0px 0; }
	.border h3 { margin: 0 0 5px 0; }
	.border span {
		font-size: 0.9em;
		color: #312f30;
		line-height: 1.2em;
		margin: 5px 0 3px 0;
		display: block;
		}
	#rightCol .border p {
		font-size: 1em;
		color: #312f30;
		line-height: 1.3em;
		margin: 10px 0 5px 0;
		}
	a.border:hover { 	
		background: #c4cfe2 url('grafika/corner.gif') no-repeat right bottom;
		}	
		a.border:hover h2, .border:hover span {
			color: #fff; 
			} 	


#ofertaShow  {
	margin: 0 0 25px 0;
	}
	#ofertaShow img {
		border: 5px solid #96aacc; 
		padding: 1px; 
		margin: 0 3px 5px 3px;
		}


#certShow  {
	clear: both;
	float: left;
	padding: 0 0 0 0;
	}
	
	#certShow ul {
		float: left;
		margin: 20px 0 0 0;
		padding: 0 0 0 52px;
		list-style: none;
		}
		#certShow ul li {
			width: 200px;
			float: left;
			display: inline;
			margin: 0 0 30px 0;
			}
		#certShow ul li.Centred {
			margin: 0 0 0 60px;
			}
		
	#certShow a { 
			display: block;
			width: 200px;
			text-decoration: none;
			text-align: center;
			line-height: 1em;
			}
		#certShow a img {
			border: 5px solid #96aacc; 
			padding: 1px; 
			margin: 0 3px 5px 3px;
			}
		#certShow a:hover  { color: #df8aec;}	
		#certShow a:hover img { border: 5px solid #df8aec; }	
		
#footLogo {
	width: 700px;
	clear: both; 
	float: left;
	background: url('grafika/footLogo-bck.gif') repeat-x left top;
	padding: 20px;
	}
	#footLogo h3 {
		width: 700px;
		float: left;
		margin: 0; }
#loga {
	width: 700px;
	height: 70px;
	clear: both;
	float: left;
	background: url('grafika/loga-bck.gif') no-repeat 0 0;
	}
	#footLogo ul {
		margin: 10px 0 0 10px; padding: 0; list-style: none;
		}
		#footLogo ul li { display: inline; margin: 0 7px 0 5px; }
	
	

/* stopka */
#foot {
	float: left;
	width: 740px;
	background: #fff url('grafika/footLines.gif') repeat-x top left;
	padding: 8px 0 0 0;
	}
#foot p {
	font-size: 0.9em;
	color: #6e8ab9;
	margin: 0;
	padding: 0;
	float: left;
	}
#foot p.right { float: right; }
#foot a { 
	text-decoration: none; 
	color: #6e8ab9;
	}
	#foot a:hover {  color: #28a6fc; }