/* Cały serwis */
html, body {
  margin: 0px;
  padding: 0px;
  text-align: center;
  background: #FFFFFF;
  font: 11px Verdana, Tahoma, Arial, Helvetica, sans-serif;
  color: red;
  background-color: #F3F3F3;
}

/* Główna warstwa */
#main {
  width: 970px;
  margin: 0px auto;
  padding: 0px 0px;
  background-color: #FFFFFF;
  text-align: left;
}




/* =========== INNE =========== */
img { display: block; }
span.ul { text-decoration: underline; }
#google { padding: 14px; }
#porady a { margin: 0px 20px;	text-decoration: none; font: 11px/20px Verdana, sans-serif;	color: #003366; }
#porady a:hover { text-decoration: underline; font-weight: bold; color: #7B2E00; }
.info_pasek_1 {	margin: 15px 20px; background: url('img/tlo_news_1.gif') repeat-x; color: #339933; font: bold 13px 'Courier New'; }
.info_pasek_2 {	margin: 0px 20px; background: url('img/tlo_news_2.gif') repeat-x; color: #339933; font: bold 13px 'Courier New'; }
.reklama { text-align: center; font: bold 13px Arial; }
.reklama_w { padding-left: 50px; }
.gen_td { text-align: center; padding: 20px; }
.opis_ramka { margin: 20px; border: 1px solid #EEEEEE; }
.opis_tyt { padding: 5px; font: bold 11px Verdana, sans-serif; color: #0054A6; background: url('img/tlo_news_1.gif'); }
.opis_txt { padding: 5px; font: 11px/17px Verdana, sans-serif; color: #000000; text-align: justify; }
.td_l { text-align: left; }
.td_r { text-align: right; }
.td_c { text-align: center; }




/* ======== FORMULARZ ======== */
form { display:inline; }
input { background: #FFFFFF; border: 1px solid #CCCCCC; }
select { width: 250px; background: #FFFFFF; border: 1px solid #CCCCCC; }
textarea { width: 500px; background: #FFFFFF; border: 1px solid #CCCCCC; }
.submit {
  font: bold 11px Verdana;
	color: #0054A6;
  width: 150px;
  margin-top: 10px;
  margin-bottom: 10px;
	background:#F8F8F8;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
}
* html input { margin:-1px; } /* HACK IE6 */




/* ========== TABELA ========== */
.wstep { font: 11px/17px Verdana; color: #0054A6; text-align: justify; padding: 10px 10px; }
caption { font: 11px/17px Verdana; color: #0054A6; text-align: left; padding: 10px 10px; padding-bottom: 20px; }
table { margin: 0px; padding: 0px; border-collapse: collapse; width: 738px; }
td, th { padding: 5px 10px; border-bottom: 1px solid #EEEEEE; text-align: justify; }
td { color: #000000;} /* Kolor opis */
td + td { color: #000000; } /* Kolor opis */
td a { color: #000000; text-decoration: none; text-align: left; }
td a, th a { display: block; width: 245px; background-repeat:repeat-y; background-position: right top; background-image:url('img/pion.gif'); }
td a:hover { color: #005E20; font-weight: bold; }
tfoot th { text-align: center; }
th { text-align: center; border-top: 1px solid #EEEEEE; background: #F6F6F6; } /* 1 kolumna */
th + th { text-align: center; } /* 2 kolumna */
th a { color: #000000; font-size: 12px; text-decoration: none; text-align: left; }
th a:hover { color: #005E20; text-decoration: underline; }
thead tr { color: #0054A6; letter-spacing: 1px; font-size: 12px; } /* Kolor tytuł i stopka */
tfoot tr { color: #0054A6; font-size: 13px; line-height: 18px; }
tr { font: 12px/17px sans-serif; background: url('img/tlo_tabela.png') repeat-x #F8F8F8; color: #000000; text-align: left; } /* Opis */
.tyt { margin: 0px; padding: 10px; width: 225px; border-bottom: 1px solid #cccccc; font-size: 18px; font-weight: bold; display: block; }

h2 { margin: 0px; padding: 10px; width: 225px; border-bottom: 1px solid #cccccc; font-size: 18px; }
h3 { margin: 0px; padding-top: 15px; color: #0054A6; letter-spacing: 1px; font-size: 12px; }




/* =========== NEWS =========== */
.news { margin: 0px 0px 30px; padding: 0px; }
.news li { list-style-image: url('img/punkt.gif'); font: 11px/17px Verdana, sans-serif; color: #003366; padding-bottom: 10px; }




/* =========== LOGO =========== */
#logo { height: 123px; background: url('img/logo.gif') no-repeat; }

#monitor {
	margin-left: 545px;
	margin-right: 274px;
  padding-top: 18px;
	font-size: 10px;
	font-family: Verdana, sans-serif;
  color: #000000;
	line-height: 13px;
  text-align: center;
}

#monitor_naw {
	margin-left: 545px;
	margin-right: 274px;
  padding-top: 14px;
	font-size: 12px;
  color: #339933;
  font-weight: bold;
  text-align: center;
}




/* =========== MENU =========== */
#menu { position: relative; margin-top: 10px; height: 34px; }
#menu ul { position: absolute; margin: 0px; padding: 0px; list-style: none; }
#menu li { display: inline; }

#menu a {
	display: block;
	float: left;
	width: 98px;
	height: 34px;
	padding-top: 9px;
	background: url('img/button_brown.jpg') no-repeat;
	text-decoration: none;
	text-align: center;
	font: 12px Verdana;
	font-weight: bold;
	color: #003663;
}

#menu a:hover {
	background: url('img/button_red.jpg') no-repeat;
	font: 12px Verdana;
	font-weight: bold;
	color: #003663;
}

#menu li a#first_button {
	background: url('img/button_green.jpg') no-repeat;
	float: left;
	width: 120px;
	height: 34px;
	margin-left: 45px;
	margin-right: 55px;
}

#menu li a#last_button {
	background: url('img/button_gray.jpg') no-repeat;
	float: right;
	margin-right: 5px;
}

* html #menu li a#first_button { margin-left: 22px;	} /* HACK IE6 */
* html #menu li a#last_button { margin-right: 2px; } /* HACK IE6 */

#linia_menu { clear: both; height: 3px; background: url('img/linia_menu.jpg') no-repeat; }




/* ========== BOKSY ========== */
#boksy_tlo { height: 96px; background: url('img/tlo_boksy.jpg') no-repeat; }
.boks { padding-left: 40px; float: left; }

.boks_text {
	font-size: 10px;
	font-family: Verdana, sans-serif;
  color: #000000;
	text-decoration: none;
	line-height: 13px;
	padding-top: 18px;
	padding-left: 0px;
	text-align: left;
}

.boks_text a { color: #7B2E00; text-decoration: none; }
.boks_text a:hover { color: #7B2E00; font-weight: bold; text-decoration: underline; }




/* ========== INDEX ========== */
#page { width: 970px;	background: url('img/tlo_index.gif') repeat-x; }
* html .ramka { margin-top: 0px } /* HACK IE6 */

.ramka {
	margin: 10px 10px 0px;
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-right-style: outset;
	border-bottom-style: outset;
}




/* ======== KATEGORIE ======== */
#page_kat {
	width: 210px;
	float: left;
}

#kat {
	padding: 0px;
	margin: 0px;
	font-size: 11px;
	font-family: Verdana, sans-serif;
  color: #003663;
	text-decoration: none;
	line-height: 17px;
  text-align: left;
}

#kat li {
	list-style: none;
	margin: 0px;
	border-bottom: 1px solid #cccccc; /* Kolor linii poziomej */
	text-align: left;
}

#kat li a {
	display: block;
	padding: 3px 3px 3px 10px;
	border-left: 5px solid #7A0026; /* Kolor paska bocznego */
	background: #FCFCFC; /* Tło przycisku */
	text-decoration: none;
}

#kat li a:link { color: #000000; }
#kat li a:visited { color: #000000; }
#kat li a:hover {
	border-color: #DA1818; /* Kolor paska bocznego */
	color: #005E20;
	background: #F2F2F2;
	font-weight: bold;
}


/* ========== TRESC ========== */
#page_index {
	font-size: 11px;
	font-family: Verdana, sans-serif;
  color: #003663;
	text-decoration: none;
	padding-top: 0px;
	line-height: 17px;
  text-align: left;
	width: 760px;
	float: right;
}




/* ========== STOPKA ========== */
#stopka { clear: both; height: 48px; background: url('img/tlo_stopka.gif') no-repeat; }
#validator_button {	margin-top: 0px; padding-left: 32px; }
#validator_button img { float: left; border: 0;}
.odstep { margin-left: 20px; border: 0px; display: inline; }
#data {	margin-left: 447px; padding-top: 24px; font: 13px 'Courier New', sans-serif; color: #0076A3; }
#data a { color: #0076A3; text-decoration: none; }
#data a:hover { text-decoration: underline; }