* { padding: 0; margin: 0; }

body {
	margin: 0;
	padding: 0;
	font: normal 10px Arial,Verdana, Tahoma, Helvetica, sans-serif;
	color: #000;
	background-image: url(../images/tlo.gif);
	background-repeat: repeat;
	background-position: left top;
}

a { text-decoration: none; color: #FFF; }
img { border: 0;}
p {	margin: 0 0 20px 0;	color: #cccccc;	line-height: 14px; }
button { border: 1px solid gray; background-color: white; color: black; font: normal 10px Arial, Tahoma;}
/*-----------------------------------------------------------*/
#wrap {
	background-color: #FFF;
	width: 972px;
	margin: 0 auto;
  padding: 0;
}
/*-----------------------------------------------------------*/
#naglowek {
	width: 972px;
	height: 401px;
  float: left;
  background-image: url(../images/naglowek/naglowek.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#naglowek_1{
	width: 972px;
	height: 169px;
  float: left;
  /*
  background-image: url(../images/naglowek/naglowek_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	*/
}
#naglowek_2{
	width: 972px;
	height: 32px;
  float: left;
  /*
	background-image: url(../images/naglowek/naglowek_2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
  */
}
#naglowek_3{
	width: 972px;
	height: 200px;
  float: left; 
  background-image: url(../images/naglowek/naglowek_3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	z-index:0;
}
a#rollover_1 { float:left; width: 198px; height: 32px; background: url(../images/menu/kategorie.jpg) top left no-repeat; }
a:hover#rollover_1 { background-position: 0 -32px;  }
a#rollover_2 { float:left; width: 154px; height: 32px; background: url(../images/menu/sklep.jpg) top left no-repeat; }
a:hover#rollover_2 { background-position: 0 -32px;  }
a#rollover_3 { float:left; width: 168px; height: 32px; background: url(../images/menu/ofirmie.jpg) top left no-repeat; }
a:hover#rollover_3 { background-position: 0 -32px;  }
a#rollover_4 { float:left; width: 203px; height: 32px; background: url(../images/menu/kontakt.jpg) top left no-repeat; }
a:hover#rollover_4 { background-position: 0 -32px;  }
a#rollover_5 { float:left; width: 249px; height: 32px; cursor: default; background: url(../images/menu/doktor.jpg) top left no-repeat; }
/*-----------------------------------------------------------*/
#menu {
	width: 199px;
	height: 318px;
  background-image: url(../images/menu/tlo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border-top: 2px solid rgb(222,224,221);
	position:absolute;
  visibility: hidden;
	z-index:100;
}
#menu ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	z-index:101;
}
#menu ul li {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 4px 22px;
	font: bold 13px Arial,Verdana, Tahoma, Helvetica, sans-serif;
  color: white;
}
#menu ul li:hover {
	background-color: red;
}
#menu ul li a {
	font: bold 13px Arial,Verdana, Tahoma, Helvetica, sans-serif;
  color: white;
}
/*-----------------------------------------------------------*/
#srodek {
	width: 972px;
	height: 100%;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
/*-----------------------------------------------------------*/
#srodek .kategorie {
	width: 973px;
	height: 320px;
	border: 0px solid #000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #FFF;
	overflow: hidden;
	color: #EEE;
}
#srodek .kategorie a {
	font: normal 11px Arial,Verdana, Tahoma, Helvetica, sans-serif; color: #737373;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #EEE;

}
#srodek .kategorie a img {
  float: left;
  border: 0px solid #000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
/*-----------------------------------------------------------*/
#srodek .podkategorie {
	width: 972px;
	border: 0px solid #000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	background: #FFF;
	overflow: hidden;
	float: left;
}
#srodek .podkategorie .h1 {
	width: 922px;
  height: 30px;
	border: 0px solid #000;
	margin: 2px 0px 0px 0px;
	padding: 2px 0px 2px 50px;
	background-color: #2a50bc;
	font: bold 23px Arial,Verdana, Tahoma, Helvetica, sans-serif;
	color: white;
	float: left;
}
#srodek .podkategorie .box {
	width: 386px; /*(972 - 4x50) /2*/
	min-height: 80px;
	border: 0px solid #000;
	margin: 0px 0px 0px 0px;
	padding: 30px 50px 20px 50px;
	background-color: white;
	float: left;
}
#srodek .podkategorie .box h1 {
	font: bold 14px Arial, Verdana, Tahoma, Helvetica, sans-serif;
  color: #002692;
}
#srodek .podkategorie .box ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 0px 15px;
	color: #789bcd;
}
#srodek .podkategorie .box ul li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font: normal 11px Verdana, Arial, Tahoma, Helvetica, sans-serif;
  color: #789bcd;
}
#srodek .podkategorie .box ul li img {
	vertical-align: middle;
}
#srodek .podkategorie .box ul li a {
	font: normal 11px Verdana, Arial, Tahoma, Helvetica, sans-serif;
	text-decoration: underline;
  color: #789bcd;
}
#srodek .podkategorie .box2 {
	width: 600px; /*(972 - 4x50) /2*/
	border: 0px solid #000;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 50px;
	background-color: white;
}
#srodek .podkategorie .box2 a {
	font: bold 14px Arial, Verdana, Tahoma, Helvetica, sans-serif;
  color: #002692;
}
/*-----------------------------------------------------------*/
#srodek .produkt {
	border: 0px solid #000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(../images/tlo_2.gif);
	background-repeat: repeat-y;
	background-position: left top;
	overflow: hidden;
	text-align: left;
	float: left;
}
#srodek .produkt .produkt_1 {
  width: 460px;
  float: left;
  margin: 0px 0px 0px 0px;
	padding: 6px 0px 10px 18px;
	font: normal 11px Tahoma, Arial,Verdana,  Helvetica, sans-serif;
  color: black;	
}
#srodek .produkt .produkt_1 a{
	font: normal 11px Verdana, Arial, Tahoma, Helvetica, sans-serif;
	text-decoration: underline;
  color: #789bcd;
}
#srodek .produkt .produkt_1_1 {
  width: 62px;
  float: left;
  margin: 0px 0px 0px 0px;
	padding: 23px 0px 0px 0px;
}
#srodek .produkt .produkt_1_1 img {
  width: 60px;
  float: left;
  margin: 1px 0px 1px 0px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #6380cb;
}
#srodek .produkt .produkt_1_2 {
  width: 338px;
  float: left;
  margin: 0px 0px 0px 0px;
	padding: 23px 30px 5px 30px;
}

#srodek .produkt .produkt_2 {
  width: 460px;
  float: left;
  margin: 0px 0px 0px 0px;
	padding: 28px 24px 28px 10px;
	font: normal 11px Tahoma, Arial,Verdana,  Helvetica, sans-serif;
  color: black;
  text-align: justify;
}
#srodek .produkt .produkt_2 h1{
  font: bold 20px Arial, Helvetica, Verdana, Tahoma, sans-serif;
  color: #002692;
  display: inline;
  margin-right: 10px;
}
#srodek .produkt .produkt_2 a h2{
  font: bold 11px Tahoma, Arial, Verdana, Helvetica, sans-serif;
  color: #002692;
  display: inline;
  margin-left: 10px;
}
/*-----------------------------------------------------------*/
#kolory {
	width: 400px;
	height: 209px;
	border: 2px solid #0000D6;
	position:absolute;
  visibility: hidden;
	z-index:1;
}
#kolory2 {
	width: 400px;
	height: 209px;
	border: 2px solid #0000D6;
	position:absolute;
  visibility: hidden;
	z-index:1;
}
/*-----------------------------------------------------------*/
#srodek .ofirmie {
	border: 0px solid #000;
	margin: 0px 0px 0px 0px;
	padding: 23px 0px 14px 32px;
	background: #FFF;
	overflow: hidden;
	text-align: left;
	float: left;
}
#srodek .ofirmie .ofirmie_1 {
  width: 625px;
  float: left;
	font: normal 11px Tahoma, Arial,Verdana,  Helvetica, sans-serif;
  color: black;	
}
#srodek .ofirmie .ofirmie_2 {
  float: left;
  width: 315px;
  margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#srodek .ofirmie .ofirmie_2 img {
  float: left;
  border: 1px solid #205bac;
	margin: 0px 6px 6px 0px;
	padding: 0px 0px 0px 0px;
}
/*-----------------------------------------------------------*/
#srodek .kontakt {
	border: 0px solid #000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #FFF;
	overflow: hidden;
	text-align: left;
	float: left;
}
#srodek .kontakt .kontakt_1 {
  width: 304px;
  float: left;
  margin: 23px 50px 14px 32px;
	padding: 0px 0px 0px 0px;
	font: normal 11px Tahoma, Arial,Verdana,  Helvetica, sans-serif;
  color: black;	
}
#srodek .kontakt .kontakt_1 a{
  color: black;	
}
#srodek .kontakt .kontakt_1 a:hover{
  text-decoration: underline;
}
#srodek .kontakt .kontakt_2 {
  width: 276px;
  float: left;
  margin: 23px 0px 14px 0px;
	padding: 0px 0px 0px 0px;
	font: normal 11px Tahoma, Arial,Verdana,  Helvetica, sans-serif;
  color: black;	
}
#srodek .kontakt .kontakt_3 {
  width: 310px;
  float: left;
  margin: 0px 0px 0px 0px;
	padding: 40px 0px 40px 0px;
	background-color: #eef2f9;
}
#srodek .kontakt .kontakt_3 img {
  float: left;
  border: 0px solid #205bac;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#map1 {
  z-index:0;
  margin: 0px 0px 40px 0px;
  border: 2px solid #789bcd;
  float: left;
  overflow: hidden;
  width: 300px;
  height: 118px;
}
/*-----------------------------------------------------------*/
input, textarea { font: normal 10px Arial, Tahoma; color: black;}
textarea.normal { width: 280px;color:#333;padding:3px;margin:0px 0px 5px 12px;border:1px solid #86888b;border-style: inset;background-color: #e2e4e7; }
textarea.error { width: 280px;color:#333;padding:3px;margin:0px 0px 5px 12px;border:1px solid #86888b;border-style: inset;background-color: #FA000C; }
input.normal { width: 160px;color:#333;padding:3px;margin:0px 0px 6px 0px;border:1px solid #86888b;border-style: inset;background-color: #e2e4e7;  }
input.error	{ width: 160px;color:#333;padding:3px;margin:0px 0px 6px 0px;border:1px solid #86888b;border-style: inset;background-color: #FA000C;  }
input.submit {float: right; width: 116px;margin:0px 12px 0px 0px; background-color: #7074b0; border:1px solid #7276b2;border-style: inset;color:#dbdceb;}
input.reset {float: right; width: 50px;margin:0px 3px 0px 0px; background-color: #7074b0; border:1px solid #7276b2;border-style: inset;color:#dbdceb;}
/*-----------------------------------------------------------*/
#stopka_1{
	width: 972px;
	height: 38px;
	float: left;
	border: 0px solid #000;
	margin: 0px 0px 0px 0px;	
	padding: 0px 0px 0px 0px;
	background-image: url(../images/stopka/stopka_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#stopka_2x{
	width: 972px;
	height: 43px;
	float: left;
	border: 0px solid #000;
	margin: 0px 0px 0px 0px;	
	padding: 0px 0px 0px 0px;
	background-color: #ffffff;
	text-align: center;
	font: normal 12px Verdana, Tahoma;
  color: #0000ff;
}
#stopka_2{
	width: 972px;
	height: 51px;
	float: left;
	border: 0px solid #000;
	margin: 0px 0px 0px 0px;	
	padding: 0px 0px 0px 0px;
	background-image: url(../images/stopka/stopka_2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#stopka_2 .stopka_2_1 {
	width: 367px;
	height: 31px;
	float: left;
	border: 0px solid #000;
	margin: 0px 0px 0px 0px;	
	padding: 20px 0px 0px 0px;
	background-color: transparent;
	text-align: center;
	font: normal 11px Verdana, Tahoma;
  color: #F1F2F6;
}
#stopka_2 .stopka_2_2 {
	width: 295px;
	height: 31px;
	float: left;
	border: 0px solid #000;
	margin: 0px 0px 0px 0px;	
	padding: 20px 0px 0px 0px;
	background-color: transparent;
	text-align: center;
}
#stopka_2 .stopka_2_2 a {
	font: normal 11px Verdana, Tahoma;
  color: #F1F2F6;
}
#stopka_2 .stopka_2_3 {
	width: 310px;
	height: 35px;
	float: left;
	border: 0px solid #000;
	margin: 0px 0px 0px 0px;	
	padding: 16px 0px 0px 0px;
	background-color: transparent;
	text-align: center;
	font: normal 11px Verdana, Tahoma;
  color: #F1F2F6;
}
#stopka_2 .stopka_2_3 a {
	font: bold 11px Verdana, Tahoma;
  color: #F1F2F6;
}
#stopka_3{
	width: 100%;
	height: 28px;
	float: left;
	text-align: center;
	border: 0px solid #000;
	margin: 11px 0px 11px 0px;	
	padding: 0px 0px 0px 0px;
	background-color: transparent;
	overflow: hidden;
}
#stopka_3 object{
	background-color: #3162AE;
}
/*-----------------------------------------------------------*/
#tabelka_1 td{
  line-height: 10px;
  color: black;
  font: normal 10px Arial, Tahoma;
}
/*-----------------------------------------------------------*/
.center {text-align: center;}
.bold {font-weight: bold; }
.red { color: #FA000C; }
.green { color: green; }
.blad {float: left; color: #777;border:1px solid #F8E300; text-align:center;font-weight:normal;width: 175px;padding:5px;margin-top:8px;}
.ok {float: left; color: #88ac0b;border:1px solid #88ac0b; text-align:center;font-weight:normal;width: 175px;padding:5px;margin-top:8px;}
.bluebold {color:#103499;font-weight:bold;}
.blueboldunderline {color:#103499;font-weight:bold;text-decoration: underline;}
.boldunderline {font-weight:bold;text-decoration: underline;}
.pl10 { padding-left: 10px }
/*-----------------------------------------------------------*/