/* gora */

* { margin: 0; padding: 0; }



body {

	background: #CCC url(images/tlo.jpg) repeat;

	font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;

	color: #333; 

	text-align: center;

}



/* linki */

a, a:visited {

	text-decoration: none;

	color: #2f62bf; 

	background: inherit;

}

a:hover {

	color: #2fbf6c;

	background: inherit;

}



/* naglowki */

h1, h2, h3 {

	font-family: Tahoma, Verdana, 'Trebuchet MS', Sans-serif;

	font-weight: Bold; 		

}

h1 {

	font-size: 100%;	

}

h2 {

	font-size: 110%;

	text-transform: uppercase;

	color: #666666;

}

h3 {

	font-size: 110%;

	color: #666666; 

}



/* obrazki */

img {

	border: 0px solid #CCC;

}

img.float-right {

  margin: 0px 0px 0px 0px;  

}

img.float-left {

  margin: 0px 0px 0px 0px;

}



h1, h2, h3, p {

	padding: 10px;		

	margin: 0;

}

ul, ol {

	margin: 5px 20px;

	padding: 0 20px;

	color: #88ac0b;	

}

ul span, ol span {

	color: #666666;

}



code {

  margin: 5px 0;

  padding: 10px;

  text-align: left;

  display: block;

  overflow: auto;  

  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;

  /* white-space: pre; */

  background: #FAFAFA;

  border: 1px solid #f2f2f2;  

}

acronym {

  cursor: help;

  border-bottom: 1px solid #777;

}





/* formularze */

form {

	margin:0px; padding: 0 5px;

	border: 0px solid #b4b4b4; 

	background-color: #ffffff; 

}

label {

	display:block;

	font-weight:bold;

	margin:5px 0;

}

input {

	padding:2px;

	border:1px solid #b4b4b4;

	font: normal 1,3em Verdana, sans-serif;

	color:#777;

}

textarea {

	width:400px;

	padding:2px;

	font: normal 1em Verdana, sans-serif;

	border:1px solid #eee;

	height:100px;

	display:block;

	color:#777;

}

input.button { 

	margin: 0; 

	font: bolder 12px Arial, Sans-serif; 

	border: 1px solid #ffe0a5; 

	padding: 2px 3px; 

	background: #FFF;

	color: #4d4d4d;

}







/* layout */

#strona {

	width: 950px;

	background: #CCC url(images/ramka.jpg) repeat-y center top;

	margin: 0 auto;

	text-align: left;

}

#body {

	clear: both;

	width: 900px;

	padding: 0; 

	margin: 0 auto;

}

#naglowek {

	width: 950px;

	position: relative;

	height: 180px;

	background: #CCC url(images/header.gif) no-repeat center top;

	padding: 0;

	font-size: 14px;

	color: #FFF;

}

#naglowek h1#logo {

	position: absolute;

	margin: 2px; padding: 0;

	font: bolder 3.0em 'Trebuchet MS', Arial, Sans-serif;

	letter-spacing: -2px;

	color: #FFF;

	text-transform: none;

	

	/* change the values of top and left to adjust the position of the logo*/

	top: 47px; left: 400px;	

}

#naglowek h2#slogan {

	position: absolute;

	margin: 0; padding: 0;

	font: normal 1.1em 'Trebuchet MS', Arial, Sans-serif;

	text-transform: none;

	color: #FFF;

	

	/* change the values of top and left to adjust the position of the slogan*/

	top: 110px; left: 30px;		

}



/* Menu */

#menu {

	clear: both;	

	margin: 0; padding: 0 40px 0 0;

	background: url(images/menu.jpg) repeat-y center top;	

	font: bold 12px/26px Verdana, Arial, Tahoma, Sans-serif;

	height: 26px;

}

#menu ul {

	float: right;

	list-style: none;

	margin:0; padding: 0;

}

#menu ul li {

	display: inline;

}

#menu ul li a {

	display: block;

	float: left;

	padding: 0 8px;

	color: #FFF;	

	text-decoration: none;

}

#menu ul li a:hover {

	background-color: #ECECEC;

	color: #333;	



}

/* kolumnar */

#kolumnar {

float: right;

width: 180px;

}



#kolumnar h1 {

	margin-top: 10px;

	padding: 5px 0 5px 10px; 

	font: bold 1.1em Verdana, 'Trebuchet MS', Sans-serif;

	color: #ffffff;

	background: #EEF0F1 url(images/nagm.gif) repeat-x left bottom;

}

#kolumnar .lewe {

	border: 2px solid #7fb125; 

	margin: 0 0 5px 0;	

}

/* kolumnas */

#kolumnas {

	float: left;

	width: 445px;

	padding: 0; margin-left: 10px;

}

#kolumnas h1 {

	margin-top: 10px;

	font: Bold 125% Verdana, 'Trebuchet MS', Sans-serif;

	color: #515151;

	padding: 5px 0 5px 25px; 	

	border: 1px solid #f8a9ba;

	background-color: #d7e8fc;

	margin-right:5px;

	

}

#kolumnas h2 {

	margin-top: 0px;

	font: Bold 90% Arial, 'Trebuchet MS', Sans-serif;

	color: #515151;

	padding: 0px 0 0px 0px; 	

	border-bottom: 1px solid #EFF0F1;

	background-color: #f4f4f4;	

}



.stopka {

	background-color: #e7f2ff;

	padding: 1px; margin: 10px 5px 0 5px;

	border-bottom: 1px solid #f58308;

	font-size: 95%;	

}

.stopka .data {

	padding-left: 20px; margin: 0 10px 0 5px;

}

.stopka .komentarze {

	padding-left: 20px; margin: 0 10px 0 5px;

}

.stopka .czytajw {

	padding-left: 20px; margin: 0 10px 0 5px;

}



/* kolumnal */	

#kolumnal {

	float: left;

	width: 200px;

	padding: 0; margin: 0;	

}	

#kolumnal h1 {

	margin-top: 10px;

	padding: 5px 0 5px 10px; 

	font: bold 1.1em Verdana, 'Trebuchet MS', Sans-serif;

	color: #ffffff;

	background: #EEF0F1 url(images/nagm.gif) repeat-x left bottom;	

	

}

#kolumnal .lewe {

	border: 2px solid #7fb125; 

	margin: 0 0 5px 0;	;		

}

#kolumnal .lewe1 {

	 

	margin: 0 0 0px 0;	;		

}

#mojemenu {

margin-bottom:5px;

}

a.menu {

background: transparent url(images/'tlom.gif') left no-repeat;

padding-left: 5px;

color: #313029;

font-weight: bold;

text-decoration: none;

font-family: verdana;

font-size: 10px;

line-height: 12px

margin-bootm: 3px;

width: 240px;

height: 40px;

}

a.menu:hover {

background-image: url(images/'gif');

color: #4f89ff;

font-weight: bold;

text-decoration: none;

font-family: verdana;

font-size: 10px;

}

	

}

#kolumnal ul.menul {

	list-style: none;

	text-align: left;

	margin: 3px 0 8px 0; padding: 0;

	text-decoration: none;		

	font: bold 1.1em Verdana, 'Trebuchet MS', Sans-serif;

	

	

}

#kolumnal ul.menul li {

	border-bottom: 1px solid #e6e4e5;

	background: url(images/strzalka.gi) no-repeat 5px 2px;	

	padding: 2px 0 2px 5px;

	margin: 2px 2px 2px 2px;	

	font: bold 1.0em Verdana, 'Trebuchet MS', Sans-serif, 

	background: #EEF0F1;	

	

}

#kolumnal ul.menul a {

	font-weight: bolder;

	text-decoration: none;	

	background-image: none;	

}



/* stopka */	

#stopka {

	color: #e5e5e5;

	background: #CCC url(images/stopka.jpg) repeat-y left top;

	clear: both;

	width: 950px;

	height: 40px;

	text-align: center;	

	font-size: 95%;

}

#stopka a { text-decoration: none; }



/* alignment classes */

.float-left  { float: left; }

.float-right { float: right; }

.align-left  { text-align: left; }

.align-right { text-align: right; }

.pager { margin: 0; padding: 0; list-style: none; text-align: center; }
	.pager li { display: inline; letter-spacing: 15px; }
	
.menulist { margin: 0; padding: 0; list-style: none; }
	.menulist li { margin: 0 0 2px 0; }
	.menulist li a { color: black; text-decoration: none; background: none; font-size: 10px; line-height: 10px; }
	.menulist li a:hover { text-decoration: none; color: black; }
	.menulist li table tr td { padding: 0 3px 0 20px; }