/*--------------------------------------------------------

	css theme name: czyste piekno

	author: bartosz mediger (http://mediger.net)



	created: july 21, 2007



	z-index:



*/





* { margin: 0px; padding: 0px; }







blockquote { padding: 0 0 20px 0; }







blockquote p {

	font-size: 12px !important;

	letter-spacing: 1px; }







body {

	float: left;

	width: 100%; height: 100%;

	background: url(../images/backtop.gif) no-repeat center 270px; }



	body#sub { background: url(../images/backtop_sub.gif) no-repeat center 270px; }







a, blockquote, body, div, h3, h4, h5, h6, input, p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: normal;

	text-decoration: none;

	line-height: 14px;

	color: #666; }







fieldset { border: none; }







html {

	overflow: auto;

	overflow-x: hidden;

	background: url(../images/header.jpg) no-repeat center top; }







img { border: none; }







input {

	float: left;

	height: 10px;

	padding: 2px;

	border: 1px solid #ccc;

	line-height: 12px;

	font-size: 9px;

	color: #333; }







p { padding-bottom: 15px; }





















/* nawgiacja */



a:hover { color: #f05023; }



a.hit { color: #fcaf18 !important; }

















/* nagłówki */



h3, h4, h4 a, h5, h6 {

	font-weight: bold;

	color: #115994; }



h3 {

	padding: 13px 0 26px 0;

	font-family: Tahoma;

	font-size: 15px; }



h4, h4 a {

	padding: 0 0 2px 0;

	font-size: 12px; }



h5 {

	padding: 0 0 2px 0;

	font-size: 11px;

	text-transform: uppercase; }



h6 {

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 10px; }











#banners * { margin-bottom: 10px; }







#center {

	float: left;

	width: 369px;

	padding: 0 0 0 3px; }



	#sub #center {

		width: 547px;

		padding: 0 0 0 10px; }







#centerpage {

	width: 770px;

	margin: 0 auto; }







#czlonkowie {

	width: 189px; height: 633px; }



#czlonkowie2 {

	width: 189px; height: 10px; padding: 60px 0 0 0;}









#container {

	position: relative;

	width: 770px;

	margin: 0 auto;

	padding: 277px 0 0 0; }











/* flags */



#flags {

	position: absolute; top: 50px; right: 751px;

	width: 100px;

z-index: 999; }



	#flags a {

		float: right;

		width: 18px; height: 35px; }



	.en { background: url(../images/flag_gb.gif) no-repeat; }

	.pl { background: url(../images/flag_pl.gif) no-repeat; }















/* foot */



#foot {

	float: left;

	position: relative;

	width: 770px; height: 130px;

	background: url(../images/foot_back.gif); }



	#foot #logos  {

		position: absolute; top: 23px; right: 0;

		overflow: hidden;

		width: 700px; height: 50px; }



	#foot #logos a {

		float: right;

		margin: 0 0 0 3px; }











/* gallery */



#gallery img {

	border: 1px solid #79a2c3;

	margin: 3px; }



#gallery a:hover img { border: 1px solid #115994; }











/* kalendarium */



#kalendarium {

	list-style: none;

	background: url(../images/h_kalendarium.gif) no-repeat top;

	padding: 15px 0 0 0; }



	#kalendarium * {

		font-family: Tahoma;

		color: #115994; }



	#kalendarium h5 { padding: 15px 0 0 0; }



	#kalendarium p { padding-bottom: 10px; }



	#kalendarium span {

		display: block;

		background: url(../images/arrow.gif) no-repeat left 3px;

		padding: 0 0 0 13px;

		font-size: 10px;

		font-weight: bold; }



	#kalendarium.noname {

		padding: 0;

		background: none; }





#kalendarium .link, #kalendarium .more {

	display: block;

	width: 100%; height: 30px;

	text-align: right;

	font-size: 11px;

	font-weight: bold;

	color: #666;

}













/* left */



#left {

	float: left;

	position: relative; z-index: 10;

	width: 191px; }



	#left h6 {

		float: left;

		padding: 10px 0 5px 5px; }

















/* letters */



#leksykon {

	float: left;

	width: 100%;

	background: url(../images/letters_back.gif);

	margin: 5px 0 0 0;

	text-align: center; }



	#leksykon a {

		float: left;

		width: 20px; height: 30px;

		background: url(../images/letter.gif) no-repeat;

		font-weight: bold;

		line-height: 19px;

		color: #fff;

		text-align: center; }



	#leksykon a:hover,

	#leksykon a.hit {

		background-position: 0 -30px;

		text-decoration: none; }













#logo {

	position: absolute; top: 0px; left: 0; z-index: 100;

	width: 237px; height: 56px;

	text-indent: -10000px; }



#aise {

	position: absolute;
	top: 25px; right: 184px;
	z-index: 100;
	width: 68px; height: 32px;
	text-indent: -10000px;
	overflow:hidden;
	display:block;}

#colipa {

	position: absolute;
	top: 25px; right: 128px;
	z-index: 100;
	width: 53px; height: 32px;
	text-indent: -10000px;
	overflow: hidden;
	display:block; }


#radareklamy {

	position: absolute;
	top: 25px; right: 4px;
	z-index: 100;
	width: 123px; height: 32px;
	text-indent: -10000px;
	overflow: hidden;
	display:block; }


#aise:hover,
#colipa:hover,
#radareklamy:hover {
	background: #fff;
	opacity:.2;
	filter:alpha(opacity=20);
}






/* logowanie */



#logowanie {

	float: left;

	width: 185px; height: 38px;

	padding: 0 0 0 5px; }



	#logowanie input { width: 72px; }



	#logowanie label {

		display: block;

		width: 180px;

		padding: 2px 0 2px 0;

		font-size: 9px;

		color: #fff; }



	#logowanie .password { margin-left: 5px; }



	#logowanie .button {

		width: 15px !important;

		height: 14px !important;

		background: url(../images/arrow2.gif);

		margin: 0 0 0 5px;

		padding: 0; }











/* menu */



#menu {

	position: absolute; top: 62px; left: 206px; z-index: 100; }



	#nav {position: relative !important;}



	#menu li {float:left; list-style: none;}



	#menu a {

		float: left;

		border-right: 1px solid #fff;

		padding: 1px 5px 1px 5px;

		font-family: Tahoma;

		font-weight: bold;

		color: #fff;

		z-index:100;}



	#menu a:hover { color: #e8e615; }



	#menu .last { border: none; }



	/* .lvl2, .lvl3 {display:none;} */



	.lvl2, .lvl3, .lvl4 {



		background: #045CA3;

	}



	.lvl2 {



		top:-10px;

	}



	.lvl2 a, .lvl3 a {



		border-right:0 !important;

		border-bottom:1px solid #fff;

	}



	.lvl2 a:hover, .lvl3 a:hover {



		color: #fff !important;

		background: #ff6600;

	}









/* pages */



#pages {

	float: left;

	padding: 20px 0 0 0; }



	#pages a {

		float: left;

		border: 1px solid #ccc;

		margin-left: 5px;

		padding: 3px 4px 3px 4px; }



	#pages a.hit,

	#pages a.hit:hover {

		background: none;

		cursor: default;

		font-weight: bold;

		color: #333; }



















/* right */



#right {

	float: right;

	width: 179px;

	overflow: hidden;

	padding: 10px 15px 0 10px; }









#scroll {

	width: 344px; height: 20px;

	background: #e2eeff;

	line-height: 20px;

	padding: 0 10px 0 10px;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	color: #115994; }

















#topban {

	position: absolute; top: 79px; right: 11px; z-index: 10;

	overflow: hidden;

	width: 568px; height: 191px; }























/* wyszukiwarka */



#wyszukiwarka {

	position: absolute; top: 248px; right: 20px; z-index: 100;

	width: 110px; }



	#wyszukiwarka input { width: 81px; }



	#wyszukiwarka .button {

		width: 15px !important;

		height: 14px !important;

		background: url(../images/arrow2.gif);

		margin: 0 0 0 8px;

		padding: 0; }













/* wyszukiwarka - rezultat */



#wyszukiwarka-rezultat dl {

	margin: 10px 0 10px 0;

	border-bottom: 1px solid #ccc;

	padding-bottom: 10px; }



#wyszukiwarka-rezultat dt a { font-weight: bold; }











/*

	classes

	------- */



.button {

	display: block;

	border: none !important;

	cursor: pointer;

	text-indent: -10000px; }











.more {

	float: right;

	margin-top: -15px;

	font-size: 11px;

	font-weight: bold;

	color: #666; }





.nasi {

	position: absolute; top: 2px; left: 8px;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: bold;

	color: #fff; }











/* news item */



.news_item {

	clear: both;

	padding: 15px 10px 0 5px; }



	.news_item img,

	blockquote img {

		float: left;

		border: 1px solid #ccc;

		margin: 3px 10px 0 0; }





.powrot {

width: 500px;

text-align: right;

background: url(../images/arrow3.gif) no-repeat right 1px;

	margin: 15px 0 0 0;

	padding: 0 18px 0 15px;}





.realizacja * { font-size: 10px; }





.realizacja {

	position: absolute; bottom: 15px; left: 8px;

	width: 200px;  }



.realizacja a {

	font-size: 11px;

	font-weight: bold; }











/*

	Menu rozwijane

	---------------------------------*/



.transMenu {

	position: absolute; left: -1000px; top: -1000px;

	overflow: hidden;

	margin-top: 1px;

	/*margin: 0; padding: 0;*/

	color: #fff; }



.transMenu .content { position: absolute; color: #fff; }



.transMenu .items { position:relative; left: 0; top: 0; z-index: 2; }



.transMenu.top .items { border-top: none; }



.transMenu .item {

	color: #494949;

	font-size: 11px;

	text-decoration:none;

	/* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */

	border: none;

	cursor: pointer; }



.transMenu .background {

	position: absolute; left: 0; top: 0; z-index: 1;

	-moz-opacity:.90; }



.transMenu .shadowRight {

	position:absolute; z-index: 3; top:3px; width: 2px;

	-moz-opacity:.4; }



.transMenu .shadowBottom {

	position: absolute; z-index: 1; left: 3px; height: 2px;

	-moz-opacity: .4; }



.transMenu .item.hover {

	background: #f15024/*f7f7e9*/;

	color: #fff; }



.transMenu .item img {

	margin-left: 10px; }