* {
	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;
	text-decoration: none;
}

/**** uklad strony ***/
#strona {
	margin: 0 auto;
	width: 1070px;
	background: #FFF url(../img/strona_tlo.jpg) repeat-y;
}

#naglowek {
	border-left: #FFF solid 20px; 
	border-right: #FFF solid 20px;
}

#menu_gorne {
	margin: 0 auto;	
	width: 1027px; 
	padding: 3px 0 0 3px;
	border-top: 3px solid #CCCCCC;
}

#reklamy_AB, #reklamy_AB2 {
	clear: both; margin: 0 auto; width: 1024px; padding: 4px 0;background: #DEDEDE;
}

#content {
	width: 1020px;
	background: #DEDEDE;
	margin: 0 auto;
	padding: 2px;
}

#menu {
	float: left;
	width: 180px;
	margin: 0 2px;
}

#reklamy_C {
	margin-bottom: 6px;
}

#reklamy_D {
	float: right;
	width: 130px;
	margin: 0 2px;
}

#srodek {
	float: right;
	width: 696px !important;
	width: 692px;
	margin: 0 2px;
}

.lewa {
	float: left;
	width: 426px !important;
}

.prawa {
	float: right;
	width: 266px !important;
	width: 262px;
}

#stopka {
	clear: both;
	margin: 0;
	padding: 20px 0;
	background: #FFF url(../img/stopka_tlo.jpg) no-repeat;
	width: 1070px;
}
#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;
}


















.clear {
	clear: both;
}



td.left, td.right {
  background: #fff; 
  padding: 2px; 
  border-bottom: 1px solid #DEDEDE;
  border-top: 1px solid #DEDEDE;
  vertical-align: top;
}
td.left {
  border-right: 1px solid #DEDEDE;
  width: 160px;
}
td.right{
  border-left: 1px solid #DEDEDE;
}

td.one {
  background: #fff; 
  padding: 2px; 
  border-top: 1px solid #DEDEDE;
  border-bottom: 1px solid #DEDEDE;
  vertical-align: top;
}

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

p.katalog_nazwa {
  font-size: 11px;
  font-weight: bold;
}




























#echo {
	float: right;
	width: 266px !important;
	width: 262px;
}
#panele {
	float: left;
	width: 426px !important;
}
#panele .lewa {
	float: left;
	width: 158px !important;
	width: 164px;
	height: 156px;
	background: #FFF;
	margin: 0 0 3px 0;
	padding: 2px;
}
#panele .prawa {
	float: right;
	width: 256px !important;
	height: 156px;
	background: #FFF;
	margin: 0 0 3px 0;
	padding: 2px;
}



#reklamaC {
	float: left;
	width: 180px;
	margin: 0 2px;
}
#reklamaD {
	float: right;
	width: 130px;
	margin: 0 2px;
}







/***** BOXY *****/
.box { margin-bottom:4px;}
/* naglowek */
.box .naglowek { height:24px; overflow:hidden; position:relative; background:#C00 url(../img/naglowek.gif) repeat-x top;}
/* 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:12px; color: #fff; text-transform:uppercase; font-weight: bold; }


/* content */
.box .tresc { background: #fff; padding: 6px 4px 2px 4px; overflow-x:hidden;}

.box .tresc p.katalog_nazwa, .box .tresc p.tytul {
  font-size: 11px;
  font-weight: bold;
  margin: 0 0 6px 0;
}

.box .tresc .title, .title{
  margin: 0 0 4px 0;
  overflow: hidden;
}

.box .tresc .title p, .title p{
  position: relative;
  white-space:nowrap;
  font-size: 11px;
  font-weight: bold;
  z-index: 10;
}

.box .tresc .title .maska, .title .maska {
  display: block;
  width: 20px;
  height: 14px;
  position: relative;
  float:right;
  z-index: 11;
  background: transparent url(../img/maska.png) repeat-y;
}



.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;
}

/***** boksy male *****/
div.katalogbox, div.ogloszenia2box {
	margin: 2px;
	padding: 1px;
	height: 85px; 
	overflow: hidden; 
	float: left;
	width: 262px !important;
	width: 252px;
	border: 1px dotted #FFF;
	font-size: 10px;
}
div.katalogbigbox {
	margin: 2px;
	padding: 1px;
	overflow: hidden; 
	float: left;
	width: 408px;
	border: 1px dotted #FFF;
	font-size: 10px;
}
div.artykulybox {
	clear: left;
	margin: 2px;
	padding: 1px;
	min-height: 80px; 
	overflow: hidden; 
	float: left; 
	width: 532px; 
	border: 1px dotted #FFF;
	font-size: 10px;
}
div.ogloszeniabox {
	margin: 2px; 
	padding: 1px;
	height: 88px; 
	overflow: hidden; 
	float: left; 
	width: 172px; 
	border: 1px dotted #FFF;
	font-size: 10px;
}
div.katalogbox:hover, div.katalogbigbox:hover, div.artykulybox:hover, div.ogloszeniabox:hover, div.ogloszenia2box:hover {
	background-color: #F8F8F8;
	border: 1px dotted #CCC;
}
/* 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;
}
/* kalendarz */
P.dzien {
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color: #000;
	margin: 2px 0;
	padding: 2px 0;
}
/* zegar */
P.CZAS {
	font-size: 12px;
	text-align: right;
	font-weight: bold;
}
/* home */
P.HOME, A.HOME {
	font-size: 11px;
	text-align: left;
	font-weight: bold;
}



/* reklamy */
P.REKLAMY {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding: 10px 12px; 
	height: 12px; 
	line-height: 15px;
}
P.REKLAMA, A.REKLAMA {
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	color: #000;
	margin: 2px 0;
	padding: 2px 0;
}


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

.wiecej {
	clear: both;
	text-align: right;
}
img.RAMKA {
	border: 1px solid #999;
	padding: 1px;
}

/* 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;
}