* {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

body {
	font-size: 10px;
	color: #000;
	background-color: #FFF;
}
ul, ol{
	margin-bottom: 4px;
	margin-left: 22px;
}

a {
	color: #227;
}

/**** uklad strony ***/
#strona {
	margin: 0 auto;
	padding: 0;
	width: 920px;
	border-left: 20px solid #EEE;
	border-right: 20px solid #EEE;
}
#lewa {
	float: left;
	width: 435px;
	margin: 0 5px;
}
#prawa {
	float: right;
	width: 295px !important;
	width: 285px;
	margin: 0 5px;
}
#menu {
	float: left;
	width: 260px;
	margin: 0 5px;
}

#srodek {
	float: right;
	width: 640px !important;
	width: 630px;
	margin: 0 5px;
}

#stopka {
	clear: both;
	border-top: 2px solid #999;
	background: url(../img/stopka.gif) repeat-x top;
	background-color: #EEE;
	width: 920px;
}
#stopka p, #stopka a, #stopka a:visited {
	font-size : 10px;
	font-weight: normal;
	color: #666;
	text-align: center;	
}
#stopka p {
  margin: 2px;
}
#stopka a:hover {
	text-decoration: underline;	
	color: #009;
}


/* HEADER MENU */
#headmenu{float:left;width:100%;border-top:1px solid #999;border-bottom:1px solid #999;background:#ccc url('../img/menubk.gif'); margin: 8px 0;}

/* HORIZONTAL MENU */
#menuh{float:left;font-size:11px;list-style:none;margin:0;}
#menuh li{float:left;}
#menuh a{float:left;height:26px;padding:0 6px;margin: 0;font-size:11px; border-right:1px solid #ccc;background:url('../img/button.gif');color:#666;font-weight:bold;line-height:26px;text-decoration:none;}
#menuh a:hover{background:url('../img/button.gif') left bottom;color:#900;text-decoration:underline;}
#menuh .selected{background:url('../img/button.gif') left bottom;color:#360;}


/***** BOXY *****/
.box { margin-bottom:10px; }
/* naglowek */
.box .naglowek { height:24px; overflow:hidden; position:relative; background:#CCC url(../img/naglowek.gif) repeat-x top; border-bottom:1px solid #CCC; }
/* naglowek - grafika na jasnym tle */
.box .naglowek .naglowekL { width:5px; height:36px; float:left; background: transparent url(../img/naglowekL.gif) no-repeat top left; }
.box .naglowek .naglowekR { width:5px; height:36px; float:right; background: transparent url(../img/naglowekR.gif) no-repeat top left;}
/* opcje */
.box .opcje { height:24px; overflow:hidden; position:relative; background:#CCC url(../img/button.gif) repeat-x top; border-bottom:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC;}
/* headery i zawartosc naglowka */
.box .naglowek p { position:absolute; left:0; z-index:1; padding: 6px 8px 6px 8px; height:12px; font-size:12px; line-height:15px; color: #C00; text-transform:uppercase; font-weight: bold; }
.box .opcje p { position:absolute; left:0; z-index:1; padding: 4px 6px; height:11px; font-size:11px; line-height:14px; color: #900; font-weight: bold; }






/* menu */
.box .menu {
	position: relative;
	background-color: #EEE;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
.box .menu p {
	font-weight: bold;
	padding: 4px;
	text-align: left;
}
.box .menu a {
	cursor: pointer; 
	z-index:2;
}
.box .menu a:link, .box .menu a:active, .box .menu a:visited {
  font-weight: bold; 
  text-decoration: none; 
  color: #006;
}
.box .menu a:hover {
	color: #333;
}
/* content */
.box .tresc { background:transparent url(../img/box.gif) repeat-x top left; padding: 6px 4px; border-bottom: 1px #CCC solid; border-left: 1px #CCC solid; border-right: 1px #CCC solid; font-size: 10px;}
.box .tresc .wiecej{
	padding-top: 8px;
	padding-bottom: 4px; 
}
.box .tresc p {
	margin: 2px 0;
	font-size: 10px;
	text-align: left;
}

.box .tresc P.TYTUL, .box .tresc A.TYTUL {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	color: #000;
	margin-bottom: 8px;
	padding-bottom: 8px;
}
.box .tresc P.PODPIS, .box .tresc A.PODPIS {
	font-size: 9px;
	font-weight: normal;
	text-decoration: none;
	text-align: right;
	color: #666;
	margin-bottom: 4px;
	padding-bottom: 4px;
}

.box .bxStopka { margin:0; padding: 2px 4px; color:#996; font:bold 10px Tahoma, Helvetica, sans-serif; background-color: #CCC;}
.box .bxStopka a { padding-left:8px; white-space:nowrap; color:#663; }


/* boks - panel */
.boxcontrol {
	background: url(../img/box.gif) repeat-x top left;
	margin-bottom: 6px;
	padding: 6px 4px 4px 4px; 
	border: 1px solid #CCC;
}
.boxcontrol p{
  font-weight: bold;
  text-align: right;
  margin: 4px 0;
  color: #666;
}
.boxcontrol a {
	cursor: pointer; 
	z-index: 3;
}
.boxcontrol a:link, .boxcontrol a:active, .boxcontrol a:visited {
  font-weight: bold; 
  text-decoration: none; 
  color: #666;
}
.boxcontrol a:hover {
	color: #999;
}

/* menu i podmenu boczne */
P.MENU, A.MENU {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	color: #666;
}
P.PODMENU, A.PODMENU {
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	color: #666;
}
A.PODMENU {
	text-decoration: underline;
	margin-left: 0px;
	padding-left: 0px;
}
/* menu gorne */
P.menu_top, A.menu_top {
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color: #000;
	margin: 0;
	padding: 2px 1px;
}
P.menu_top {
	background-color: #CCC;
	border: 2px solid #999;
}
/* statystyki */
P.statystyki {
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color: #C00;
	margin: 2px 0;
	padding: 2px 0;
}

/***** pozostale *****/

.wiecej {
	clear: both;
	text-align: right;
}
img.RAMKA {
	border: 1px solid #999;
	background-color: #CCC;
	margin: 4px;
}

/* panel */
P.panel, A.panel {
	font-size: 8px;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	color: #000000;
	margin: 1px;
	padding: 1px;
}


/* formularz */
INPUT, SELECT, TEXTAREA {
	font-size: 10px;
	border: 1px solid #CCC;
	padding: 2px;
}
INPUT:focus, SELECT:focus, TEXTAREA:focus {
	border: 1px solid #C00;
}
LABEL {
  padding: 2px;
  color: #033;
  font-weight: bold;
}
FORM {
	font-size: 10px;
}
LEGEND {
  font-weight: bold;
  font-size: 11px;
  color: #C00;
}
FIELDSET {
	border: 1px #CCC solid;
	padding: 4px;
	margin-bottom: 4px;
}

/* tabele - panel */
.tabledata {
	clear: both;
}
.tabledata tr th {
	background:#CCC url(../img/button.gif) repeat-x top;
	margin-bottom: 4px;
	padding: 4px 2px 2px 2px; 
	border: 1px solid #CCC;
} 

.tabledata tr td {
	background: url(../img/box.gif) repeat-x top left;
	margin-bottom: 4px;
	padding: 4px 2px 2px 2px; 
	border: 1px solid #CCC;
	vertical-align: top;
}

.tabledata tr td.header {
  background: #FFF;
}

.tabledata tr td.header p {
  font-weight: bold; 
  text-align: right; 
  margin: 2px; 
  padding: 2px;
}

input[type=submit], input[type=button], input[type=reset] {
	height: 20px;
	line-height: 20px;
	background:#CCC url(../img/button.gif) repeat-x top;
	border: 1px solid #CCC;
	cursor: pointer;
	padding: 0 4px;
	color: #C30;
	text-decoration: none;
	font-weight: bold;
}
.button {
	height: 20px;
	line-height: 20px;
	background:#CCC url(../img/button.gif) repeat-x top;
	border: 1px solid #CCC;
	cursor: pointer;
	padding: 3px 4px;
	color: #C30;
	text-decoration: none;
	font-weight: bold;
}

.red {
	color: #C00;
	font-weight: bold;
}

div.komunikat, div.ostrzezenie {
	margin: 4px 8px 8px 8px;
	padding: 16px;
}
div.komunikat {
	border: 1px solid #060; 
	background: #edfdd7;
	color: #060;
} 
div.ostrzezenie {
	border: 1px solid #C00; 
	background: #feffcc;
	color: #C00;
}

div.komunikat p, div.ostrzezenie p {
	font-size: 13px;
	font-weight: bold;
}